Giáo trình thiết kế đồ hoạ và xử lý ảnh (nghề công nghệ thông tin cao đẳng)

BỘ LAO ĐỘNG -THƯƠNG BINH VÀ XÃ HỘI TRƯỜNG CAO ĐẲNG NGHỀ KỸ THUẬT CÔNG NGHỆ -š› & š› - GIÁO TRÌNH MƠ ĐUN: THIẾT KẾ ĐỒ HOẠ VÀ XỬ LÝ ẢNH NGHỀ: CÔNG NGHỆ THÔNG TIN TRÌNH ĐỘ: CAO ĐẲNG Ban hành kèm theo Quyết định số: 245/QĐ-CĐNKTCN ngày 23 tháng năm 2020 Hiệu trưởng Trường Cao đẳng nghề Kỹ thuật Công nghệ Hà Nội, năm 2021 (Lưu hành nội bộ) TUYÊN BỐ BẢN QUYỀN: Tài liệu thuộc loại sách giáo trình nên nguồn thơng tin phép dùng ngun trích dùng cho mục đích đào tạo tham khảo Mọi mục đích khác mang tính lệch lạc sử dụng với mục đích kinh doanh thiếu lành mạnh bị nghiêm cấm MÃ TÀI LIỆU: MĐCNTT 25 LỜI GIỚI THIỆU Trong năm qua, dạy nghề có bước tiến vượt bậc số lượng chất lượng, nhằm thực nhiệm vụ đào tạo nguồn nhân lực kỹ thuật trực tiếp đáp ứng nhu cầu xã hội Cùng với phát triển khoa học công nghệ giới, lĩnh vực Cơng nghệ thơng tin nói chung ngành Cơng nghệ thơng tin Việt Nam nói riêng có bước phát triển đáng kể Chương trình dạy nghề Cơng nghệ thông tin xây dựng sở phân tích nghề, phần kỹ thuật nghề kết cấu theo môđun Để tạo điều kiện thuận lợi cho sở dạy nghề trình thực hiện, việc biên soạn giáo trình kỹ thuật nghề theo môđun đào tạo nghề cấp thiết Mô đun CNTT25: Thiết kế đồ hoạ xử lý ảnh mô đun đào tạo nghề biên soạn theo hình thức tích hợp lý thuyết thực hành Trong q trình thực hiện, nhóm biên soạn tham khảo nhiều tài liệu nước, kết hợp với kinh nghiệm thực tế Mặc dù có nhiều cố gắng, khơng tránh khỏi sai sót, mong nhận đóng góp ý kiến độc giả để giáo trình hồn thiện Xin chân thành cảm ơn! Hà Nội, ngày 23 tháng 04 năm 2021 Tham gia biên soạn Chủ biên Nguyễn Thị Kim Dung Tập thể Giảng viên Khoa CNTT Mọi thơng tin đóng góp chia sẻ xin gửi hịm thư kimdunghd2009@gmail.com, liên hệ số điện thoại 0977881209 MỤC LỤC BÀI 1: GIỚI THIỆU VỀ PHẦN MỀM ADOBE PHOTOSHOP Giới thiệu chung phần mềm Điểm ảnh độ phân giải 2.1 Điểm ảnh 2.2 Độ phân giải 10 Các thao tác với phần mềm 11 3.1 Khởi động phần mềm 11 3.2 Đóng khỏi chương trình 11 Các tính trình đơn 11 4.1 Hệ thống Menu 11 4.2 Thanh công cụ 15 Thao tác với tập tin ảnh 17 5.1 Mở tập tin ảnh 17 5.2 Tạo tập tin ảnh theo kích thước tùy ý 17 BÀI 2: LÀM VIỆC VỚI VÙNG CHỌN VÀ CÁC CÔNG CỤ 20 Các thao tác với vùng chọn 20 1.1 Hủy bỏ vùng chọn 20 1.2 Đảo ngược vùng chọn 20 1.3 Di chuyển vùng chọn 20 1.4 Sao chép vùng chọn 21 1.5 Xoá vùng chọn 21 1.6 Biến dạng vùng chọn 21 1.7 Di chuyển, ẩn, biên mục chọn 22 1.8 Điều chỉnh biên mục chọn 22 1.9 Tạo khung cho mục chọn 22 1.10 Định dạng vùng biên chọn 23 Nhóm cơng cụ chọn vùng 23 2.1 Bộ công cụ Marquee 23 2.2 Công cụ Lasso 24 2.3 Nhóm Cơng Cụ Magic Wand Tool 25 2.4 Công cụ Crop 26 Nhóm cơng cụ vẽ tơ màu 27 3.1 Công cụ chọn màu Eyedropper (I) 27 3.2 Công cụ vẽ đơn giản (Micer Brush tool B) 27 3.3 Bộ công cụ Stamp 29 3.4 Nhóm cơng cụ Healing Brush 29 3.5 Nhóm cơng cụ History Brush 30 3.6 Công cụ Magic Eraser 30 3.7 Nhóm cơng cụ Gradient 30 Bài tập thực hành 31 4.1 Bài tập số 01 31 4.2 Bài tập số 34 4.3 Bài tập số 35 4.4 Bài tập số 38 4.5 Bài tập số 47 BÀI 3: CÁC ĐIỀU CƠ BẢN VỀ LAYER 49 Giới thiệu layer 49 1.1 Định nghĩa layer 49 1.2 Ý nghĩa Layer 49 Các thao tác layer 51 2.1 Chọn layer 51 2.2 Lựa chọn nhiều lớp 52 2.3 Các phím tắt để chọn lớp 52 2.4 Lựa chọn lớp liên kết 52 2.5 Ẩn/Hiện lớp 52 2.6 Xóa lớp 53 2.7 Tạo lớp: 54 2.8 Đặt tên cho lớp 54 2.9 Sắp xếp lớp 55 2.10 Liên kết lớp 55 Các hiệu ứng cho layer 55 Bài tập thực hành 55 4.1 Bài tập số 55 4.2 Bài tập số 02 55 4.3 Bài tập số 03 56 BÀI 4: CHỈNH SỬA ẢNH 57 Các phép xoay ảnh 57 1.1 Thao tác hiệu chỉnh vùng chọn lớp hành 57 1.2 Hiệu chỉnh toàn ảnh 57 Biến đổi hình ảnh 58 2.1 Thực in toàn ảnh 58 2.2 Chia ảnh thành nhiều phần nhỏ 58 Kênh màu hiệu chỉnh kênh màu 58 Bài tập thực hành 63 BÀI 5: BỘ LỌC VÀ CÁC HIỆU ỨNG BỘ LỌC 66 Giới thiệu lọc 66 Thao tác với lọc 66 2.1 Bộ lọc Blur 66 2.2 Bộ lọc Distort 68 2.3 Noise 70 2.4 Pixelate 70 2.5 Render 71 2.6 Sharpen 71 2.7 Bộ lọc Stylize 72 Bài tập thực hành 73 BÀI 6: MẶT NẠ VÀ KÊNH 76 Giới thiệu mặt nạ ảnh 76 Các thao tác với mặt nạ 76 2.1 Tạo mặt nạ lớp 76 2.2 Tô màu lên mặt nạ lớp 77 2.3 Loại bỏ mặt nạ lớp 79 Bài tập thực hành 81 BÀI 7: LÀM VIỆC VỚI VĂN BẢN 84 Giới thiệu văn Photoshop 84 Các thao tác với công cụ Text 84 Các thuộc tính Text 85 Bài tập thực hành 86 BÀI 8: CÁC KỸ THUẬT CƠ BẢN CỦA CÔNG CỤ PEN 88 Giới thiệu công cụ Pen 88 Các thao tác với công cụ Pen 88 Bài tập thực hành 93 BÀI 9: THỰC HÀNH NÂNG CAO 107 Bài thực hành ghép ảnh phục chế ảnh 107 Bài thực hành nâng cấp chỉnh sửa ảnh 114 Bài thực hành tạo nghệ thuật kỹ thuật xử lý ảnh 116 GIÁO TRÌNH MƠ ĐUN Tên mơ đun: Thiết kế đồ hoạ xử lý ảnh Mã mơ đun: MĐCNTT25 Vị trí, tính chất, ý nghĩa vai trị mơ đun: - Vị trí: Mơ đun bố trí sau sinh viên học xong mơn học chung, trước môn học, mô đun đào tạo chun mơn nghề - Tính chất: Là mơ đun chun nghành - Ý nghĩa: Đây mô đun đào tạo chuyên môn nghề, cung cấp cho sinh viên kỹ nghề Quản trị mạng Bước đầu giúp em hình thành kiến thức kỹ thiết kế web, xử lý ảnh Mục tiêu mô đun: -Về kiến thức: +Trình bày chức phần mềm đồ họa Photoshop; +Mơ tả cách thức phối màu cho hình ảnh -Về kỹ +Hiệu chỉnh hình ảnh chọn kích thước file ảnh phù hợp yêu cầu chất lượng hình ảnh tốt nhất; +Xử lý, lắp ghép, tạo hiệu ứng cho hình ảnh; +Thực nhập chữ vào hình ảnh; -Về lực tự chủ trách nhiệm: +Bố trí làm việc khoa học đảm bảo an tồn cho người phương tiện học tập Nội dung mô đun: Thời gian Số TT Tên mô đun Thực Tổng Lý số thuyết hành BÀI 1: GIỚI THIỆU VỀ PHẦN MỀM ADOBE PHOTOSHOP Giới thiệu chung phần mềm Điểm ảnh độ phân giải Các thao tác với phần mềm Các tính trình đơn Thao tác với tập tin ảnh BÀI 2: LÀM VIỆC VỚI VÙNG CHỌN VÀ CÁC CÔNG CỤ Các thao tác với vùng chọn Nhóm cơng cụ chọn vùng Nhóm cơng cụ vẽ tơ màu Bài tập thực hành 7 Kiểm tra* (LT hoặcTH) 10 BÀI 3: CÁC ĐIỀU CƠ BẢN VỀ LAYER Giới thiệu layer Các thao tác layer Các hiệu ứng cho layer Bài tập thực hành BÀI 4: CHỈNH SỬA ẢNH Các phép xoay ảnh Biến đổi hình ảnh Kênh màu hiệu chỉnh kênh màu Bài tập thực hành BÀI 5: BỘ LỌC VÀ CÁC HIỆU ỨNG BỘ LỌC Giới thiệu lọc Thao tác với lọc Bài tập thực hành BÀI 6: MẶT NẠ VÀ KÊNH Giới thiệu mặt nạ ảnh Các thao tác với mặt nạ Bài tập thực hành BÀI 7: LÀM VIỆC VỚI VĂN BẢN Giới thiệu văn Photoshop Các thao tác với cơng cụ Text Các thuộc tính Text Bài tập thực hành BÀI 8: CÁC KỸ THUẬT CƠ BẢN CỦA CÔNG CỤ PEN Giới thiệu công cụ Pen Các thao tác với công cụ Pen Bài tập thực hành BÀI 9: THỰC HÀNH NÂNG CAO Bài thực hành ghép ảnh phục chế ảnh Bài thực hành nâng cấp chỉnh sửa ảnh Bài thực hành tạo nghệ thuật kỹ thuật xử lý ảnh Thi kết thúc môn học Tổng 18 15 15 12 2 15 12 75 15 57 1 1 BÀI 1: GIỚI THIỆU VỀ PHẦN MỀM ADOBE PHOTOSHOP Mã bài: MĐCNTT25-01 Mục tiêu: - Mô tả phần mềm xử lý ảnh ; - Thực thao tác trình đơn tạo tập tin theo kích thước - Thực thao tác an tồn với máy tính Nội dung chính: Giới thiệu chung phần mềm Adobe Photoshop (PS) chương trình phần mềm đồ họa hãng Adobe System, đời vào năm 1988 hệ máy Macintosh PS sản phẩm đứng đầu thị trường phần mềm chỉnh sửa ảnh, coi tiêu chuẩn nhà đồ họa chuyên nghiệp Phiên photoshop CS6/CC2019 phiên với giao diện cải tiến thân thiện với người dùng nhiều tính năm Photoshop chương trình tuyệt vời dùng để hiệu chỉnh, tái tạo hình ảnh dựa hình ảnh có sẵn, khác với chương trình đồ hoạ khác, chương trình Photoshop dễ học sử dụng, cung cấp cho bạn hệ thống công cụ hiệu ứng đặc biệt để bạn phát huy ý tưởng sáng tạo nghệ thuật người sử dụng Tiếp xúc với mô - đun người học tự tay thiết kế tạo hình đẹp theo ý tưởng thẩm mỹ Ngồi Photoshop hiệu việc thiết kế giao diện quảng cáo, giao diện Website, giao diện phần mềm Photoshop CS6/CC2019 bao gồm tính File Browser, Layer Comps để tạo nhiều phiên khác hình ảnh cịn nhiều thứ khác Bài giảng bắt đầu với việc làm quen với môi trường làm việc Photoshop sau tất vấn đề xử lý hình ảnh từ đơn giản đến phức tạp quản lý mầu sắc, đồ hoạ Web, hiệu chỉnh hình ảnh ,vẽ tranh vẽ texture cho ứng dụng 3D Điểm ảnh độ phân giải 2.1 Điểm ảnh Một pixel khối màu nhỏ đơn vị để tạo nên ảnh kỹ thuật số Một ảnh kỹ thuật số tạo cách chụp phương pháp đồ họa khác Bức ảnh tạo nên từ hàng ngàn hàng triệu pixel riêng lẻ Bức ảnh chứa nhiều pixel chi tiết Một triệu pixel tương đương với megapixel Do đó, máy ảnh kỹ thuật số 3.1 megapixel chụp ảnh chứa triệu pixel Hầu hết chương trình ứng dụng đồ họa diễn tả độ phân giải hình ảnh pixel dimensions - kích thước pixel, với số đo chiều ngang trước Ví dụ, hình ảnh có kích thước nêu “2592x1944” chứa 2,592 pixel hàng ngang 1,944 pixel hàng dọc Nhân số với cho ta 5,038,848 pixel hay độ phân giải xấp xỉ megapixel Điểm ảnh 2.2 Độ phân giải Độ phân giải ảnh (Image Resolution): Số Pixel đơn vị chiều dài ảnh gọi Độ Phân Giải Ảnh thường đo số Pixel Inch (ppi) Ảnh có độ phân giả cao có nhiều Pixel dung lượng lớn ảnh có kích thước có độ phân giải thấp Trong Photoshop bạn thay đổi độ phân giải từ cao (300 ppi hơn) xuống độ phân giải thấp (72 ppi 96 ppi) Độ phân giải hình (Monitor Resolution): Số Pixel đơn vị chiều dài hình gọi Độ Phân Giải Hình (Monitor Resolution) thường đo số Điểm (dot) Inch Các Pixel ảnh chuyển trực tiếp thành pixel hình Trong Photoshop độ phân giải ảnh cao độ phân giải hình ảnh thể hình lớn kích thước chúng in Ví dụ: Khi bạn thể file ảnh 1X1 inch, 144 ppi hình 72 ppi, ảnh chiếm vùng 2X2 inches hình Với độ thu phóng ảnh (Zoom) hình 100% pixel ảnh pixel hình Nếu độ phân giải ảnh không với độ phân giải hình , kích thước ảnh (Theo inch cm) hình lớn nhỏ kích thước thật in Độ phân giải máy in (Printer Resolution): Số lượng hạt mực tạo từ máy in phim máy in Laser gọi Độ Phân Giải Máy In (Printer Resolution) Độ Phân giải Máy In Độ phân giải ảnh cao chất lượng in tăng Độ phân giải thích hợp in ảnh định độ phân giải máy in Tần số Lưới ( Screen Frequency hay Screen Rulling) Hafttone Frequency đơn vị đo số dòng giả lập sắc thái, độ đậm nhạt (Shade) màu cách chuyển ảnh (Continuous Tone ảnh có tơng màu liên tục, chuyển mịn màng từ màu sang màu khác, ví dụ ảnh chụp) sang ảnh cấu thành điểm nhỏ li ti với kích cở khác , dùng cho việc in Offset Độ phân giải ảnh cao , dung lượng file lớn, download từ Web lâu 10 Bài thực hành nâng cấp chỉnh sửa ảnh Thực nâng cấp chỉnh sửa ảnh thẻ sau * Các bước thực Bước 1: Thêm ảnh vào photoshop sửa bố cục Đầu tiên cần thêm ảnh vừa chụp vào photoshop Tiếp theo cần sửa bố cục ảnh: Bạn sử dụng tổ hợp phím Ctr + “ -> Tiếp theo Ctrl + A -> Ctrl + T (lệnh free transform) -> Sau đưa chuột lên góc điều chỉnh tư ngồi người chụp ảnh cho sống mũ thẳng với đường gióng Cuối bạn ấn tổ hợp phím Ctrl + T ( kết thúc lệnh Free transform) Ctr + ” (để bỏ đường lưới) Bước 2: Cắt khuôn cho ảnh thẻ 114 Ở bước cắt cỡ cho ảnh tỉ lệ 10×15 Hoặc cắt tỉ lệ 1×3 được, tỉ lệ mà Bước giúp cho định hình ảnh có khn Đồng thời loại bỏ phần không cần thiết tỉ lệ 16×9 máy ảnh Bước 3: Chỉnh sáng cho ảnh thẻ Sau cắt khuông ảnh thẻ, cần chỉnh sáng cho ảnh Việc chỉnh sáng tập trung vào phần khn mặt cổ Trong ví dụ lấy ảnh điều kiện phịng chụp khơng tốt để thực Trên khn mặt có phần sáng tối khác nhau, từ tạo cấu trúc khn mặt Vì điều chỉnh ánh sáng cần lưu ý nâng sáng phần Sử dụng magic wand tool với tolenrance = 32 -> Click vào phần sáng khuôn mặt -> Ấn tổ hợp shift + F6 chọn feather khoảng 15 -> enter -> Ấn tổ hợp phím ctrl + L điều chỉnh ánh sáng phù hợp, làm tương tự với phần tối khuôn mặt Bước 4: Xử lý khuyết điểm ảnh chân dung Cần loại bỏ làm giảm bớt khuyết điểm khuôn mặt clone stamp, healing brush Cần lưu ý cần làm mờ giảm bớt khuyết điểm Tránh việc làm đà nét tự nhiên khuôn mặt trình làm ảnh thẻ Bước 5: Thay màu cho ảnh thẻ: Tiếp theo cần thay thền cho ảnh thẻ Ở bước này, sử dụng magic wand tool -> Click vào phần ảnh -> Dùng lasso tool lấy thêm vùng chọn cần -> Ấn tổ hợp shift + F6 chọn feather khoảng Chọn màu cho forerground color với màu xanh trắng phù hợp -> Ấn Alt + Delete để đổ màu cho phần 115 Bước 6: Cắt cỡ cho ảnh Chọn công cụ crop tool ( C) -> Nhập thông số tỉ lệ ảnh cần cắt ví dụ 3×4 4×6… -> Ấn tổ hợp phím enter cần chỉnh cho khoảng cách từ phần đầu lên cạnh ảnh 0,5 đến 1,5cm đẹp Bước 7: Hiệu chỉnh màu sắc cuver Cuối chỉnh sáng lênh cuver cách tổng thể toàn ảnh để đạt độ hài hoà Cần phải lưu ý không nên chỉnh màu nhiều mà nên chỉnh sáng Đồng thời cần test màu hiển thị máy màu máy in cho phù hợp Bài thực hành tạo nghệ thuật kỹ thuật xử lý ảnh Thực tạo nghệ thuật xử lý ảnh sau * Các bước thực Bước 1: Mở ảnh gốc phần mềm Photoshop 116 Bước 2: Bắt đầu tách người mẫu khỏi phông Sử dụng công cụ Quick Selection Tool: Bây tô vào người ảnh để tách khỏi phía sau, ý chi tiết nhỏ: Nếu bị lem ngoài, giữ chặt phím Alt đẩy phần thừa vào: 117 Sau khoanh vùng xong, vào Select > Modify > Feather , thiết lập thông số Feather Radius 2px OK: Đến nhấn tổ hợp phím “Ctrl +J” để tách người ảnh thành Layer mới, tắt mắt Layer background: 118 Lúc này, nhìn thấy kết đây: B ước 3: Cùng tạo màu chuyển tiếp cho Layer Background Giải pháp thực sau: + Đầu tiên tạo Layer (nhấn Ctrl + J), layer nằm Layer người tách ra: +Tiếp theo, sử dụng công cụ Gradient Tool: 119 Click vào chức Radial Gradient: +Bây cần tạo mảng màu cho Gradient này: +Thực hình: 120 Đặt mã màu thứ : 2A4944 nhấn OK Sau đến mảng màu thứ 2, thực theo bước hình: 121 Nhập mã màu thứ hai : 091615 nhấn OK : Bước 4: Đưa trỏ chuột vào gần File ảnh, giữ chặt chuột trái Đồng thời, giữ chặt phím Shift kéo thẳng xuống theo hướng mũi tên hình sau: Kếtt thu sau: 122 Bước 5: Chúng ta cần thêm số chi tiết cho phông này, sử dụng hình ảnh làm Bây bạn cần thay đổi chế độ hòa trộn Layer cho phù hợp sau 123 Ta thu kết sau: Bước 6: Sử dụng Texture Mở photoshop cho vào File làm, nhớ cho nằm phía Layer người tách ra, chuyển đổi chế độ hòa trộn thành Color Dodge: 124 Bước 7: Cần thêm chút màu sắc ánh sáng, tạo thêm Layer mới(nhấn Ctrl + J) phía Layer người mẫu tách ra, sau bạn sử dụng Brush mềm : Chọn màu cho phù hợp sau tơ lên hình, đặt sẵn mã màu, lựa chọn tùy thích: 125 Sau chuyển chế độ hịa trộn Layer màu Color Dodge, ta thu kết sau: 126 Sau áp lệnh Displace, chữ HOMASG.COM lúc có dạng hình sau: Lệnh Displace lúc giống hành động thay dịng chữ vng vức ban đầu thành dạng tán men theo hạt cát sỏi li ti theo thơng số đặt Bây cần hòa trộn với theo chế độ Overlay với Opacity = 39% (Ở muốn trơng tự nhiên nên để mức thấp vậy, tăng Opaciy để trông rõ hơn) Áp thêm Style với Effects: khối Bevel & Emboss đổ bóng Drop Shadow, thông số chỉnh thật nhẹ (size khoảng – 20) để giữ lại nét tự nhiên 127 TÀI LIỆU THAM KHẢO [1] Water PC, Tự học nhanh cách chỉnh sửa ghép hình Photoshop, Nhà Xuất Bản Văn hóa Thông tin - Năm: 2010 [2] Water PC , Tự học nhanh Photoshop CS CS2 , Nhà Xuất Bản Văn hóc Thơng tin - Năm: 2010 [3] Nguyễn Ngọc Tuấn – Hồng Phúc , Adobe Photoshop CS- 20 thực hành nhanh , Nhà Xuất Bản Thống Kê - Năm: 2010 128 ... nâng cấp chỉnh sửa ảnh 114 Bài thực hành tạo nghệ thuật kỹ thuật xử lý ảnh 116 GIÁO TRÌNH MƠ ĐUN Tên mơ đun: Thiết kế đồ hoạ xử lý ảnh Mã mơ đun: MĐCNTT25 Vị trí, tính chất, ý nghĩa... kết cấu theo môđun Để tạo điều kiện thuận lợi cho sở dạy nghề trình thực hiện, việc biên soạn giáo trình kỹ thuật nghề theo môđun đào tạo nghề cấp thiết Mô đun CNTT25: Thiết kế đồ hoạ xử lý ảnh. .. kỹ thiết kế web, xử lý ảnh Mục tiêu mô đun: -Về kiến thức: +Trình bày chức phần mềm đồ họa Photoshop; +Mô tả cách thức phối màu cho hình ảnh -Về kỹ +Hiệu chỉnh hình ảnh chọn kích thước file ảnh