Giáo trình mô đun Xử lý ảng trong Photoshop (Nghề Thiết kế đồ họa Trình độ Trung cấp nghề)

TRƢỜNG CAO ĐẲNG NGHỀ CƠNG NGHỆ CAO HÀ NỘI Mơ đun: XỬ LÝ ẢNH TRONG PHOTOSHOP Mã số: MĐ 21 NGHỀ: THIẾT KẾ ĐỒ HỌA Trình độ Trung cấp nghề Cao đẳng nghề (Lưu hành nội bộ) Hà Nội – 2018 -1- TRƢỜNG CAO ĐẲNG NGHỀ CÔNG NGHỆ CAO HÀ NỘI Mô đun: XỬ LÝ ẢNH TRONG PHOTOSHOP Mã số: MĐ 21 NGHỀ: THIẾT KẾ ĐỒ HỌA Trình độ Trung cấp nghề Cao đẳng nghề (Lưu hành nội bộ) (BÌA 2) Hà Nội – 2018 -2- LỜI NĨI ĐẦU Những năm gần Thiết kế Đồ họa nói chung Đồ họa ứng dụng nói riêng ngày thể đƣợc vị trí tầm quan trọng lĩnh vực sống phần thiếu kiện hay đơn giản sống hàng ngày Với mục tiêu giúp cho ngƣời học có kiến thức tổng quan khơng mang tính lý thuyết mà cịn đạm chất thực hành với tập nội dung kiến thức vừa đủ giúp cho ngƣời học sau học xong giáo trình làm đƣợc công việc liên quan đến thiết kế chỉnh sửa ảnh…Các phần mềm nhƣ Photosshop, Lightroom… trở thành chƣơng trình vẽ minh họa quen thuộc với Nó khơng dành cho nhà thiết kế đồ họa chun nghiệp mà cịn giúp cho ngƣời làm quen với ứng dụng đồ họa máy tính Photoshop đƣợc chọn phần mềm khơng thể thiếu cơng việc chỉnh sửa hình ảnh mà thƣờng thấy đâu Trong trình biên soạn giáo trình, chúng tơi cố gắng cập nhật kiến thức có liên quan đến môn học phù hợp với đối tƣợng học tập Ngồi ra, chúng tơi cố gắng gắn liền nội dung lý thuyết với thực hành cụ thể với vấn đề thƣờng gặp thực tế Nội dung giáo trình gồm có chƣơng: Chƣơng 1: Các thao tác photoshop Chƣơng 2: Các thao tác nâng cao photoshop Chƣớng 3: Công cụ tô vẽ - biên tập – tạo văn Chƣơng 4: Hiệu chỉnh hình ảnh Chƣơng 5: Các cơng cụ Photoshop nâng cao Trong q trình biên soạn giáo trình, cố gắng, nhƣng chắn khơng tránh khỏi sai xót Nhóm tác giả mong nhận đƣợc ý kiến đóng góp quý thầy (cô) em học sinh, sinh viên tồn thể bạn đọc Để nhóm tác giả hoàn thiện lần tái sau Hà Nội, ngày … tháng… năm… Các tác giả Mục lục Chƣơng 1: CÁC THAO TÁC CƠ BẢN CỦA PHOTOSHOP 1.1 GIỚI THIỆU ADOBE PHOTOSHOP 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.2 1.3 KHỞI ĐỘNG CHƢƠNG TRÌNH ADOBE PHOTOSHOP .10 GIAO DIỆN CỬA SỔ ADOBE PHOTOSHOP 11 1.3.1 1.3.2 1.4 : CÁC THAO TÁC NÂNG CAO CỦA PHOTOSHOP 51 LAYER - LỚP ĐỐI TƢỢNG 51 2.1.1 2.1.2 2.1.3 2.2 Chú ý 29 Sử dụng nhóm Marquee để tạo vùng trọn 29 Sử dụng nhóm Lasso Tool để tạo vùng chọn 30 Sử dụng Công cụ Magic Wand để tạo vùng trọn 32 Sử dụng Horizontal Type Mask Tool Tạo vùng chọn 33 Thao tác hiệu chỉnh vùng chọn 33 Thao tác chép di chuyển vùng ảnh chọn 37 Biến Đổi Hình Ảnh Bằng Menu Lệnh 38 BÀI TẬP CHƢƠNG 1: 42 Chƣơng 2.1 Hộp Công cụ 21 Hiện ẩn thành phần cửa sổ giao diện 22 Thao tác màu Background Foreground 23 Các thao tác biến đổi hình ảnh 24 CÁC THAO TÁC TRÊN VÙNG CHỌN 29 1.7.1 1.7.2 1.7.3 1.7.4 1.7.5 1.7.6 1.7.7 1.7.8 1.8 Mở tập tin 16 Mở tập tin có thuộc tính biết trước 17 Mở tập tin có sẵn 17 Lưu tập tin lần đầu 18 Lưu tập tin với nội dung cũ 20 Lưu tập tin dự phòng 20 Lưu tập tin theo định dạng Web 20 Duyệt File 21 THOÁT KHỎI CHƢƠNG TRÌNH PHOTOSHOP 21 CÁC THAO TÁC TRÊN CỬA SỔ GIAO DIỆN .21 1.6.1 1.6.2 1.6.3 1.6.4 1.7 Giới thiệu giao diện CS5 11 Các thành phần cửa sổ giao diện 11 CÁC THAO TÁC TRÊN TẬP TIN 16 1.4.1 1.4.2 1.4.3 1.4.4 1.4.5 1.4.6 1.4.7 1.4.8 1.5 1.6 Khái niệm Đặc điểm chương trình Adobe Photoshop Khái niệm ảnh Bitmap Khái niệm phần tử điểm ảnh Pixel Độ phân giải hình Độ phân giải tập tin 10 Yêu cầu phần cứng 10 Phương pháp cài đặt chương trình 10 Khái niệm lớp đối tượng 51 Giới thiệu Palettes Layer 52 Các thao tác lớp 52 KÊNH MÀU- CHANNEL 61 2.2.1 2.2.2 2.2.3 2.2.4 Khái niệm Kênh 61 Giới Thiệu Palettes Channel 62 Các Thao Tác Cơ Bản Trên Kênh 62 Các thao tác nâng cao kênh 65 2.3 CHẾ ĐỘ MASK – MẶT NẠ 67 2.3.1 2.3.2 2.3.3 Khái niệm chế độ mặt nạ 67 Các thao tác mặt nạ 67 Ví dụ mặt nạ 69 2.4 HIỆU ỨNG ĐỊNH SẴN 74 2.5 BÀI TẬP CHƢƠNG 2: 82 2.4.1 Đặt vấn đề 74 2.4.2 Phương pháp áp dụng hiệu ứng 75 2.4.3 Hiệu ứng Colored Pencil 75 2.4.4 Hiệu ứng Plastic Wrap 75 2.4.5 Hiệu ứng Blur 76 2.4.6 Hiệu ứng Motion Blur 76 2.4.7 Hiệu ứng Radial Blur 76 2.4.8 Hiệu ứng Ripple 76 2.4.9 Hiệu ứng Twirt 77 2.4.10 Hiệu ứng Zigzag 77 2.4.11 Hiệu ứng Add Noise 77 2.4.12 Hiệu ứng Dust & Scratches 77 2.4.13 Hiệu ứng Diffuse 78 2.4.14 Hiệu ứng Emboss 78 2.4.15 Hiệu ứng Wind 78 2.4.16 Hiệu ứng Mosaic Tiles 78 Ví dụ: 79 Chƣơng 3.1 KHÁI NIỆM MÔ HÌNH MÀU TRONG PHOTOSHOP 105 3.1.1 3.1.2 3.1.3 3.2 Giới thiệu hộp thoại cọ Brush .116 Các bước tơ vẽ biên tập hình ảnh Brush .117 Công cụ cọ Brush .117 Nhóm Cơng cụ xóa Ảnh 117 Công cụ chép mẫu Clone Stamp 118 Công cụ Patch Tool 118 Công cụ Pen Tool .119 Công cụ Add Anchor Point Tool 119 MỐI QUAN HỆ GIỮA ĐƢỜNG PATH VÀ VÙNG CHỌN 120 3.6.1 3.6.2 3.6.3 3.6.4 3.6.5 3.7 Khái niệm 113 Các phương thức hòa trộn màu 113 Chuyển đổi chế độ màu .115 CÔNG CỤ TÔ VẼ BIÊN TẬP HÌNH ẢNH 116 3.5.1 3.5.2 3.5.3 3.5.4 3.5.5 3.5.6 3.5.7 3.5.8 3.6 Tô đầy lệnh Fill 109 Vẽ phác lệnh Stroke 110 Tô màu chuyển sắc công cụ Gradient Tool 111 Tô màu công cụ Paint Pucket Tool .112 CHẾ ĐỘ HÕA TRỘN MÀU 113 3.4.1 3.4.2 3.4.3 3.5 Công cụ EYEDROPPER TOOL 108 Công cụ COLOR SAMPLER TOOL 109 CÁC THAO TÁC TÔ MÀU 109 3.3.1 3.3.2 3.3.3 3.3.4 3.4 Các khái niệm 105 Mô hình màu 105 Chế Độ Màu .107 NHĨM Cơng cụLẤY MẪU 108 3.2.1 3.2.2 3.3 : Cơng cụTƠ VẼ - BIÊN TẬP – TẠO VĂN BẢN 104 Chuyển Path thành vùng chọn 120 Chuyển Vùng Chọn Thành Path 120 Xóa Path 120 Tạo mẫu Pattern 120 Ví dụ cơng cụ tơ vẽ biên tập 120 TẠO VĂN BẢN TRONG PHOTOSHOP 126 3.7.1 3.7.2 3.7.3 3.7.4 3.7.5 3.7.6 3.8 BÀI TẬP CHƢƠNG 3: 132 Chƣơng 4.1 Lệnh Level 155 Lệnh Cuves .157 Lệnh Brightness/ Contrast 157 Lệnh Desaturate 158 Ví Dụ: Hiệu chỉnh ảnh đen trắng 158 CÁC LỆNH HIỆU CHỈNH ẢNH MÀU 160 4.3.1 4.3.2 4.3.3 4.3.4 4.4 Chú ý 152 Nhắc Lại Công cụ Sao Chép Mẫu Clone Stamp 153 Công cụ Patch Tool 153 Công cụ Blur 153 Công cụ Sharpen 154 Công cụ Smudge 154 Công cụ Dodge 154 Công cụ Burn .155 Công cụ Sponge 155 SỬ DỤNG LỆNH HIỆU CHỈNH ẢNH ĐEN TRẮNG 155 4.2.1 4.2.2 4.2.3 4.2.4 4.2.5 4.3 HIỆU CHỈNH HÌNH ẢNH 152 SỬ DỤNG CƠNG CỤ CHỈNH SỬA HÌNH ẢNH 152 4.1.1 4.1.2 4.1.3 4.1.4 4.1.5 4.1.6 4.1.7 4.1.8 4.1.9 4.2 Phương Pháp Tạo Văn Bản 126 Chuyển lớp chữ sang lớp ảnh 127 Áp dụng Style định sẵn cho chữ 128 Áp dụng Layer Style cho văn 128 Uốn cong văn 128 Ví dụ tạo văn 129 Lệnh Color Balance 160 Lệnh Hue/ Saturation 161 Lệnh Variations 162 Ví dụ hiệu chỉnh ảnh màu 164 BÀI TẬP CHƢƠNG 4: 168 Chƣơng : CÁC CÔNG CỤ PHOTOSHOP NÂNG CAO 184 5.1 CAMERA RAW 184 5.2 ACTION 208 5.1.1 Chức 184 5.1.2 Thao tác thực 187 +) Khởi động hộp thoại Camera raw 187 Khởi động Photoshop, mở hộp thoại Preferences cách vào menu Edit > Preferences > File Handling, hộp thoại hình bên hiển thị 187 5.2.1 5.2.2 5.3 ANIMATION 221 5.3.1 5.3.2 5.4 Chức 208 Thao tác thực 208 Chức 221 Thao tác thực 221 BÀI TẬP CHƢƠNG 5: 221 TÀI LIỆU THAM KHẢO 229 GIỚI THIỆU VỀ MƠ ĐUN/MƠN HỌC Vị trí, ý nghĩa, vai trị mơ đun/mơn học : - Vị trí mơ đun: Mơ đun đƣợc bố trí sau ngƣời học học xong môn học chung môn học sở bắt buộc nhƣ : - Ý nghĩa mô đun: Giúp cho ngƣời học hiểu rõ Khái niệm ảnh bitmap biết cách phân biệt với ảnh vector, hiểu đƣợc trạng thái thay đổi cho ảnh sau chỉnh sửa - Vai trị mơ đun: Mơ đun đóng vai trị quan trọng, mảng thiết kế đóng vai trị khơng thể thiết cho nghề Thiết kế Đồ họa Mục tiêu mô đun/môn học: Sau học xong mô đun/ môn học này, ngƣời học có khả năng: - Mục tiêu 1: Trang bị cho ngƣời học kiến thức chung ảnh số, hệ màu máy tính, kỹ thuật biến đổi ảnh thao tác với ảnh số - Mục tiêu 2: Rèn luyện kỹ sử dụng thành thạo phần mềm xử lý ảnh - Mục tiêu 3… u cầu kiểm tra, đánh giá hồn thành mơ đun/môn học Về kiến thức Đƣợc đánh giá qua tập tổng hợp: - Hiểu thao tác đƣợc với ảnh số - Hiểu thao tác đƣợc với hệ màu, bảng màu - Biết cách lắp ghép đối tƣợng - Biết cách chèn đối tƣợng Về kỹ Đánh giá kỹ thực hành ngƣời học: - Thao tác thành thục với phần mềm xử lý ảnh Thao tác thành thục xử lý nhƣ thay đổi màu sắc, cắt dán, chèn đối tƣợng, xác định đối tƣợng di chuyển đối tƣợng Về thái độ - Cẩn thận, tự giác học tập - Yêu cầu tính độc lập thực tập YÊU CẦU VỀ VẬT TƢ, THIẾT BỊ Trình độ đào tạo: Cao đẳng nghề Dùng cho lớp học lý thuyết tối đa 35 sinh viên, lớp học thực hành tối đa 18 sinh viên TT Tên thiết bị Máy vi tính Máy chiếu (Projector) Phần mềm - Hệ điều hành - Phần mềm Photoshop - Phần mềm văn phòng Đơn vị Bộ Chiếc Bộ Bộ Bộ Số lƣợng 19 01 Yêu cầu sƣ phạm Yêu cầu kỹ thuật thiết bị Sử dụng giảng dạy thực hành Cấu hình thơng dụng thời điểm mua sắm, chạy đƣợc phần mềm đồ họa tƣơng ứng - Cƣờng độ ánh sáng tối thiểu ≥ 2500 ANSI Lumen; Trình chiếu nội dung lý thuyết, tập mẫu - Kích thƣớc phơng chiếu ≥ (1.78m x giáo viên 1.78m) 19 Điều khiển máy tính, chạy phần mềm ứng dụng Hệ điều hành thông dụng vào thời điểm cài đặt, tƣơng thích với phần mềm cần cài đặt 19 Thực tập thực hành Phiên phù hợp với cấu hình máy có tích hợp đầy đủ thƣ viện 01 Trình chiếu giảng Tƣơng thích hệ điều hành tƣơng ứng Chương 1: Các thao tác Photoshop Chương : CÁC THAO TÁC CƠ BẢN CỦA PHOTOSHOP Giới thiệu : Trong chƣơng nhằm cung cấp cho em Sinh viên Khái niệm tính chƣơng trình Adobe Photoshop, cụ thể tìm hiểu vấn đề sau: Mục tiêu: Sau học xong chƣơng ngƣời học có khả hiểu: - Khái niệm đặc điểm chƣơng trình Adobe Photoshop - Giới thiệu ảnh Bitmap - Khái niệm phần tử điểm ảnh - Khái niệm độ phân giải tập tin - Khái niệm độ phân giải hình - Cấu hình phần cứng cho chƣơng trình Adobe Photoshop - Phƣơng pháp cài đặt chƣơng trình Adobe Photoshop - Cách khởi động chƣơng trình Adobe Photoshop - Giới thiệu giao diện chƣơng trình Adobe Photoshop - Các thao tác tập tin Adobe Photoshop - Thốt khỏi chƣơng trình Adobe Photoshop - Các thao tác cửa sổ giao diện Adobe Photoshop - Các thao tác vùng chọn - Các thao tác biến đổi vùng chọn - Các thao tác biến đổi vùng ảnh đƣợc chọn Chương 1: Các thao tác Photoshop Nội dung chính: 1.1 GIỚI THIỆU ADOBE PHOTOSHOP 1.1.1 Khái niệm Adobe Photoshop chƣơng trình đồ họa ứng dụng chuyên nghiệp dùng để xử lí ảnh Bitmap Đây phiên đƣợc phát triển từ phiên Adobe Photoshop trƣớc Chƣơng trình Adobe Photoshop chạy hệ điều hành Win 2k, Windows 7, hai họ máy PC Macintosh 1.1.2 Đặc điểm chƣơng trình Adobe Photoshop Adobe Photoshop chƣơng trình ứng dụng đặc sắc với nhiều tính độc đáo Bằng kỹ thuật lắp ghép chỉnh sữa hình ảnh, tạo sản phẩm ứng dụng hấp dẫn phong phú Những ứng dụng tiêu biểu Adobe Photoshop là: - Lắp ghép hình ảnh - Tạo ảnh nghệ thuật - Thiết kế mẫu: Poster, Prochure, Catologue - Hỗ trợ thiết kế web: Thiết kế Layout, Chuẩn bị hình ảnh - Phục hồi hình ảnh cũ - Tạo chữ nghệ thuật - Hiệu chỉnh ảnh màu - Chuyển đổi ảnh đen trắng sang màu 1.1.3 Khái niệm ảnh Bitmap Ảnh Bitmap tập hợp điểm ảnh tạo nên hình ảnh quan sát đƣợc Số điểm ảnh nhiều hình ảnh rõ nét Các hình ảnh Bitmap có tính phụ thuộc vào độ phân giải Nghĩa độ phân giải caothì hình ảnh sắc nét Mỗi hình ảnh Bitmap xác định chứa số lƣợng điểm ảnh xác định 1.1.4 Khái niệm phần tử điểm ảnh Pixel Điểm ảnh hay phần tử điểm ảnh cịn gọi Pixel - Picture Element Mỗi Pixel có tọa độ màu sắc xác định ảnh Thơng thƣờng Pixel có dạng hình vng ngƣời ta khơng quan tâm đến kích thƣớc Pixel 1.1.5 Độ phân giải hình Độ phân giải hình số lƣợng Pixel có đơn vị đo hình Thƣờng đƣợc tính dots per inch -dpi Độ phân giải hình phụ thuộc Và cắt bỏ phần thừa không cần thiết bên ngoài: Để tạo thêm chút lạ mắt, xoay ảnh theo góc định mục Image > Image Rotation > Arbitrary: Dƣới kết sau xoay ảnh độ: 215 Sau đó, lƣu file ảnh kết vào thƣ mục đó: 216 Chú ý: Photoshop ghi lại toàn thao tác từ trƣớc Nhƣng đến bƣớc đặt tên này, bắt buộc phải thay đổi tên file, cịn giữ ngun Photoshop lƣu thành file có tên Sau đó, đóng file ảnh mẫu lại nhấn nút Stop bảng điều khiển Actions: Toàn thao tác đƣợc ghi lại liệt kê cụ thể đây: +) Chỉnh sửa hàng loạt ảnh với Action vừa tạo: 217 Đây phần thú vị trình sau tạo thành cơng Action, tất cần làm mở tất ảnh cần chỉnh sửa nhấn nút Play selection nhƣ hình dƣới: Và chờ đợi, kết đạt đƣợc nhƣ sau: Quá trình thực rắc rối khó hiểu bƣớc làm mẫu, nhƣng cần tập trung cẩn thận, có thêm kỹ tồn diện hiệu 218 phải đối mặt với số lƣợng ảnh không nhỏ cần xử lý +) Sử dụng Action có sẵn: Mở Photoshop > Window > Actions, cửa sổ điều khiển Actions Panel hiển thị Chọn tiếp để mở phần Menu Load Actions: Sau đó, trỏ tới thƣ mục Chúng ta lƣu trữ file Photoshop Action (*.atn), chọn nhấn nút Load: Chú ý: Chúng ta lƣu file *.atn thƣ mục mặc định Photoshop (C:\Program Files\Adobe\Adobe Photoshop\Presets\Actions) bên Dropbox để chia sẻ Sau đó, mở lại chƣơng trình, Chúng ta thấy Action hiển thị nhƣ sau: 219 +) Trích xuất chia sẻ file Action: Trong trƣờng hợp, Chúng ta muốn chia sẻ Action ƣa thích với bè ngƣời đồng nghiệp khác, thực theo bƣớc sau Photoshop hỗ trợ việc lƣu nhiều action lúc, áp dụng với action đơn lẻ Chọn action tạo, nhấn nút có biểu tƣợng menu hiển thị: chọn Save Actions Và cuối đặt tên cho file Action này: 220 Giờ đây, Chúng ta dễ dàng chia sẻ với ai, tất với vài thao tác đơn giản dễ dàng 5.3 ANIMATION 5.3.1 Chức 5.3.2 Thao tác thực 5.4 BÀI TẬP CHƢƠNG 5: 221 Bài Tập 5.1: 222 Bài Tập 5.2: 223 Bài Tập 5.3: 224 Bài Tập 5.4: 225 Bài Tập 5.5: 226 Bài Tập 5.6: 227 Bài Tập 5.7: 228 TÀI LIỆU THAM KHẢO Tài liệu Tiếng Việt (Sách) Châu Nguyễn Quốc Tâm “Adobe Photoshop CS4”, NXB Thanh Niên, 2009 Ngọc Lê, Thành Vinh “Tạo hiệu ứng độc đáo Photoshop CS3”, NXB Văn hóa thơng tin, 2008 Ngọc Lê, Thành Vinh “Tự học sử dụng Adobe Photoshop CS3”, NXB Văn hóa thông tin, 2007 229 ... Mơ đun: XỬ LÝ ẢNH TRONG PHOTOSHOP Mã số: MĐ 21 NGHỀ: THIẾT KẾ ĐỒ HỌA Trình độ Trung cấp nghề Cao đẳng nghề (Lưu hành nội bộ) (BÌA 2) Hà Nội – 2018 -2- LỜI NÓI ĐẦU Những năm gần Thiết kế Đồ họa. .. chỉnh sửa - Vai trị mơ đun: Mơ đun đóng vai trị quan trọng, mảng thiết kế đóng vai trị khơng thể thiết cho nghề Thiết kế Đồ họa Mục tiêu mô đun/ môn học: Sau học xong mơ đun/ mơn học này, ngƣời... Lightroom… trở thành chƣơng trình vẽ minh họa quen thuộc với Nó khơng dành cho nhà thiết kế đồ họa chuyên nghiệp mà cịn giúp cho ngƣời làm quen với ứng dụng đồ họa máy tính Photoshop đƣợc chọn phần