Giáo trình mô đun Thiết kế đồ họa (Nghề Tin học ứng dụng Trình độ Trung cấp)

UỶ BAN NHÂN DÂN TỈNH BẠC LIÊU TRƯỜNG CAO ĐẲNG KINH TẾ - KỸ THUẬT GIÁO TRÌNH MƠN HỌC/MƠ ĐUN: THIẾT KẾ ĐỒ HỌA NGÀNH/NGHỀ: TIN HỌC ỨNG DỤNG TRÌNH ĐỘ: TRUNG CẤP Ban hành kèm theo Quyết định số: /QĐ-… ngày…….tháng….năm ………… của……………………………… BẠC LIÊU, NĂM HỌC 2021-2022 LỜI GIỚI THIỆU Phần mềm photoshop phần mềm chỉnh sửa ảnh chuyên nghiệp nhiều designer ưa chuộng sử dụng Với phần mềm này, bạn tạo ảnh theo ý muốn, từ chèn text lên ảnh, xóa đối tượng ảnh, tạo hiệu ứng cho hình ảnh Hơn nữa, cịn kết hợp với AI hỗ trợ cho trình thiết kế tiết kiệm nhiều thời gian cho Designer Phần mềm xử lý ảnh (bitmap) chuyên nghiệp, lắp ghép hình ảnh, phục chế ảnh cũ, tạo ảnh nghệ thuật, Trong học này, hướng dẫn bước cho người bắt đầu sử dụng Photoshop; tìm hiểu cơng cụ thao tác Ngồi chức chỉnh sửa ảnh, Photoshop sử dụng rộng rãi lĩnh vực thiết kế đồ họa, thiết kế web, vẽ tranh vẽ texture cho ứng dụng 3D Phần mềm Photoshop giới thiệu khái niệm chức Nhưng thực hành với tập ứng dụng vào thực tế Giáo trình hướng dẫn thiết kế đồ họa Photoshop giúp người học hiệu chỉnh ảnh từ công cụ đến ảnh chân dung hoàn thiện độ sáng mịn ảnh, phụ hồi ảnh cũ xóa vết dơ cho ảnh Đây chương trình làm cho người hứng thú học tập để chỉnh sửa ảnh cho gia đình người thân mình, mở cửa hàng kinh doanh lĩnh vực chỉnh sửa ảnh Trong trình biên soạn giáo trình cịn nhiều hạn chế nên giáo trình khơng tránh khỏi thiếu sót, mong nhận đóng góp ý kiến người đọc Sau bắt đầu vào chương trình mơ đun gồm Bạc Liêu, ngày 10 tháng 04 năm 2022 Chủ biên Nguyễn Thị Bé Thương MỤC LỤC Contents LỜI GIỚI THIỆU BÀI 1: 14 BÀI MỞ ĐẦU 14 Một số khái niệm 14 Resolution gì? 15 Giao diện Photoshop 19 2.1 Thanh Thuộc tính 19 2.2 Thanh Menu (Thanh trình đơn) 19 Các công cụ Toolbox 20 3.1 Công cụ di chuyển tạo vùng chọn 20 3.2 Công cụ Crop Slice (Cắt) 21 3.3 Công cụ đo lường (Measurement) 22 3.4 Công cụ Retouching vẽ (sơn màu) 22 3.5 Công cụ điều hướng 26 Các menu 27 4.1 Menu File 27 4.2 Menu Edit 28 4.3 Menu Image 29 4.5 Các Menu quan trọng khác 32 4.6 Tìm hiểu panel mặc định 34 Bài 2: 38 CÔNG CỤ TẠO VÙNG CHỌN 38 Tạo vùng chọn với trình đơn select 38 Nhóm cơng cụ Rectangle Marquee Tool (M) 40 Nhóm cơng cụ Lasso Tool (L) 44 Nhóm cơng cụ Magic Wand Tool (W) 48 4.1 Công cụ Magic Wand Tool (W) 48 4.2 Công cụ Quick Selection Tool (W) 52 4.3 Công cụ Object selection tool 55 Tạo đường viền cho vùng chọn 56 Bài 58 LÀM VIỆC VỚI LAYER 58 Cơ Layer 58 2.1 Các tính menu layer 59 2.2 Di chuyển layer 61 2.3 Tìm layer 61 2.4 Tạo nhóm layer 62 2.5 Các loại layer 62 2.6 Smart Object 65 2.7 Các phận Layer 68 Hiệu ứng Layer Style 71 Làm việc với Fill Layer 73 4.1 Tuỳ chọn Solid Color 73 4.2 Tuỳ chọn Grandient 74 Làm việc với Adjustment Layer 74 Clipping Mask Layer Mask 76 6.1 Clipping Mask 76 6.2 Layer Mask 78 Bài 4: 81 HIỆU CHỈNH CHẤT LƯỢNG HÌNH ẢNH 81 Công cụ hiệu chỉnh ảnh 81 1.1 Bảng Histogram 81 1.2 Điều chỉnh ánh sáng 82 1.3 Điều chỉnh màu sắc 83 1.4 Điều chỉnh da 86 1.5 Công cụ xoá vết dơ 86 Lệnh lọc ảnh với Filter 87 2.1 Làm mờ hình với Blur 87 2.2 Làm nhiễu hình Add noise 89 2.3 Hiệu ứng làm mịn ảnh 90 Tạo văn (Text) 91 3.1 Công dụng Text 91 3.2 Hiệu ứng Text 95 Công cụ vẽ Pen 99 4.1 Vẽ đường thẳng 99 4.2 Di chuyển điều chỉnh Path 101 4.3 Tô vẽ với path 102 4.4 Vẽ path cong 103 4.5 Thêm bớt điểm neo 103 4.6 Biến đổi điểm neo 104 BÀI TẬP TỔNG HỢP 111 BẢNG CHỨC NĂNG CỦA PHÍM TẮT Nhóm Phím Tắt Hệ thống File Nhóm Phím Tắt F1 – F9 Nhóm Phím Tắt Thanh Cơng Cụ Toolbar Nhóm Phím Tắt Chỉnh Sửa Ảnh Nhóm Phím Tắt Làm Việc Với Layer Nhóm Phím Tắt Các Lệnh Với Vùng Chọn Nhóm Phím Tắt Các Lệnh Edit Nhóm Phím Tắt Các Lệnh View Nhóm Phím Tắt Các Lệnh Với Brush 3.2.4 Điều chỉnh Font chữ Photoshop - Khi thiết kế logo, bạn áp dụng mẹo mang lại thay đổi độc đáo nhanh chóng, là tinh chỉnh font sử dụng Điều dễ làm Photoshop - Chọn văn > Type > Convert to Shape Văn khơng thể chỉnh sửa - Tới Path Selection Tool (A) để chọn ký tự riêng lẻ Giờ đây, bạn thay đổi màu sắc, di chuyển vị trí xoay chúng cách độc lập với phần lại văn - Sử dụng Direct Selection Tool để hiển thị đường dẫn cho ký tự Kéo điểm neo để tinh chỉnh giao diện phông chữ chí, bạn sử dụng Pen Tool để thêm đường cong vào chữ - Chữ phần quan trọng thiết kế đồ họa Photoshop cung cấp nhiều công cụ chuyên nghiệp để bạn kiểm soát chúng trang Hi vọng cách kể giúp bạn sử dụng phần mềm chỉnh sửa ảnh Photoshop hiệu Công cụ vẽ Pen 4.1 Vẽ đường thẳng Công cụ Pen vẽ đường thẳng cong gọi Path Path dạng đường nét hình dạng mà bạn vẽ cơng cụ Pen, Magnetic Pen FreeForm Pen Trong công cụ này, công cụ Pen vẽ đường thẳng xác nhất, cơng cụ Magnetic Pen Freeform dùng để vẽ đường gần giống bạn vẽ nháp bút chì giấy Nhấn chữ P bàn phím để chọn cơng cụ Pen Nhấn Shift+P để thay đổi công cụ Pen, Freeform 99 Trước bắt đầu, bạn nên tìm hiểu tuỳ biến cơng cụ Pen môi trường làm việc bạn để chuẩn bị cho học - Trong hộp công cụ chọn công cụ Pen Tool - Trên tuỳ biến công cụ, chọn thiết lập thông số sau: - Nhấp vào Path Palette để mở rộng palette ngồi nhóm layer palette Path palette hiển thị hình xem trước path mà bạn vẽ Hiện Palette bạn chưa bắt đầu - Đường thẳng tạo cách nhấp chuột Lần bạn nhấp chuột, bạn đặt điểm bắt đầu cho Path Mỗi lần nhấp chuột tiếp theo, đường thẳng xuất điểm trước điểm vừa nhấp chuột - Sử dụng công cụ Pen, đặt trỏ vào điểm A template nhấp chuột Sau nhấp vào điểm B để tạo đường thẳng Khi bạn vẽ path, vùng lưu trữ tạm thời có tên Work Path xuất Path Palette để theo nét vẽ bạn - Kết thúc Path cách nhấp vào công cụ Pen () hộp công cụ Những điểm nối Path lại với gọi Anchor Point Bạn kéo điểm riêng lẻ để sửa chữa phần Path, bạn chọn tất điểm Anchor để chọn path - Trong Path Palette, nhấp đúp vào Work Path để mở hộp thoại Save Path Đặt tên cho VE DOAN THANG nhấn OK để đặt tên cho Path Path chọn path palette 100 4.2 Di chuyển điều chỉnh Path Bạn sử dụng công cụ Direct Selection để chọn điều chỉnh điểm neo (anchor point) phần path path - Công cụ Direction Select ( ) ẩn công cụ Path Select ( ) hộp công cụ - Để chọn cơng cụ Direct Selection lệnh gõ tắt nhấn phím A Hơn nữa, công cụ Pen chọn bạn tạm thời chuyển qua cơng cụ Direct Selection cách giữ phím Ctrl - Nhấp vào đoạn thẳng để chọn cửa sổ, sau di chuyển Path cách kéo với cơng cụ Direction Selection - Để điều chỉnh độ dốc chiều dài Path, kéo điểm neo với công cụ Direct Selection - Chọn công cụ Pen ( ) - Để tiếp tục với Path kế tiếp, giữ trỏ qua điểm khác chữ x xuất trỏ công cụ Pen bạn nhấp chuột bắt đầu path mới, sau nhấp vào điểm C - Để vẽ đường thẳng với nhiều phần khác ta giứ phím Shift tiếp tục nhấp vào điểm cần vẽ hình 101 4.3 Tơ vẽ với path - Đổi màu trước thành màu đen - Chọn công cụ Direct Selection nhấp để chọn đường thẳng cửa sổ - Trong cửa bảng Path, Right click chọn Stroke Path để mở hộp thoại Stroke Subpath - Ở ô Tool, chọn Brush từ menu hiển lên nhấp OK Path bạn stroke với thông số brush Bây bạn tơ cho path đóng - Nhấp vào hình tam giác với cơng cụ Direct Selection Sau chọn Fill Subpath từ menu Path Palette Hộp thoại Fill Subpath xuất 102 - Trong hộp thoại này, nhấp Ok để chấp nhận mặc định Hình tam giác tơ với màu trước 4.4 Vẽ path cong - Chọn công cụ Pen - Kéo trỏ công cụ Pen, điểm A dừng lại điểm đỏ đường định hướng Khi bạn thả chuột, điểm neo xuất điểm A hai đường định hướng mở rộng lên xuống điểm neo - Kéo từ điểm B đến điểm đỏ nằm 4.5 Thêm bớt điểm neo Bạn thêm điểm neo vào path để gia tăng số phân vùng path bạn bớt điểm neo khơng cần thiết path - Trong Path Palette, nhấp vào path (có tên Add and delete points) để chọn Hai subpath xuất cửa sổ - Chọn cộng cụ Add-anchor point nằm ẩn cơng cụ Pen Sau định vị trỏ qua điểm đỏ trung tâm đường thẳng nhấp chuột Một điểm neo với đường định huớng thêm vào phân vùng, trỏ xuất mũi tên rỗng bạn chọn sửa đổi path - Bây chọn kéo path quay lên Tiếp đến bạn bỏ điểm neo path - Chọn công cụ Direct Selection - Bạn phải chọn path trước bạn xố điểm neo Tuy nhiên bạn chọn pth điểm neo mà khơng cần phải chọn công cụ Nếu path chọn, việc di chuyển công cụ Pen qua phân đoạn để thay đổi thành cơng cụ add-anchor-point 103 - Chọn công cụ delete-anchor-point ẩn đưới công cụ Add-anchor-point, đặt trỏ chấm đỏ qua tâm điểm neo, nhấp vào để xố điểm neo 4.6 Biến đổi điểm neo - Trong Path Palette, chọn Convert Direction path Hình dạng path có bốn conner points đường cong Bạn bắt đầu với việc biến conner point thành đường cong, sau bạn biến đường cong thành conner point - Sử dụng công cụ Direct Selection, chọn vùng ngồi subpath - Chọn cơng cụ Convert Point - Đặt trỏ lên điểm path bên ngoài, nhấp kéo theo chiều kim đồng hồ để biến điểm neo từ conner point thành đường cong Câu hỏi Bài 4: Trình bày chức công cụ hiệu chỉnh ảnh ánh sáng, xóa vết dơ, điều màu Trình bày qui trình thực lệnh hiệu chỉnh ảnh Mơ tả chức lọc Filter Nêu phím tắt ý nghĩa phím tắt cơng cụ hiệu chỉnh ảnh ảnh? Trong lọc Filter lọc ứng dụng nhiều xử lý với Nêu ứng dụng thực tế công cụ Pen Tool Nêu cách đổi màu cho Pen Tool 104 BÀI TẬP THỰC HÀNH Bài tập 1: Chỉnh ảnh chi tiết Ảnh ban đầu Ảnh kết thúc Yêu cầu: Khử màu mắt Tạo son môi Hướng dẫn: - Dùng công cụ Red Eye Tool khử mắt đỏ - Dùng công cụ Polygonal Lasso Tool chọn vùng môi, tô màu cho môi hồng Bài tập 2: Chỉnh ảnh tổng quát Ảnh ban đầu Ảnh kết thúc Yêu cầu: Tạo layer có màu theo yêu cầu Ghép ảnh em bé tạo màu áo Tạo cầu vồng 105 Hướng dẫn: - Bước 1: Mở file với tính chất kích thước tương tự file Final Dùng chức tô màu chuyển sắc Edit\Define Pattern để tạo file tương tự file Final - Bước 2: Dùng chức tô màu chuyển sắc chế đỗ suốt để thể đối tượng cầu vồng - Bước 3: Dùng cơng cụ chọn thích hợp, chọn riêng đối tượng em bé file Begin đưa thành layer Chuyển đối tượng sang file mới, tiến hành thao tác xếp đối tượng tương tự file Final - Bước 4: Dùng công cụ Clone Stamp Tool chức canh chỉnh màu, thay đối màu sắc nhóm lện Image\Adjustments để tiến hành phục chế thay đổi màu đối tượng em bé Hoàn chỉnh lưu file Bài tập 3: Tút lại ảnh Trang 106 Ảnh ban đầu Ảnh kết thúc Yêu cầu: Tạo màu mắt mắt Tạo son môi Kẽ lông mi mẳt nước Làm sáng mịn da Hướng dẫn: - Dùng công cụ Red Eye Tool khử mắt Brush Tool cho màu mắt xanh - Dùng công cụ Polygonal Lasso Tool chọn vùng môi, tô màu cho môi0hồng - Dùng công cụ Brush Tool kẽ lông mi - Dùng Image Adjument cuvers làm sáng ảnh - Dùng filter Noise Add Noise Bài tập 4: Ghép ảnh Ảnh ban đầu Trang 107 Ảnh kết thúc Yêu cầu: Ghép ảnh Hiệu chỉnh màu sắc ánh sáng Tạo khung cảnh Action Sắp xếp Layer Hướng dẫn: Bước 1: Ảnh ngơi nhà dùng cơng cụ xóa phần trời xanh Shift+F6 (0.5pixels) Edit+Clear Ctrl+D - Bước 2: Ghép ảnh cô gái, ảnh mây, ảnh trời đêm ảnh cỏ vào ảnh Nhà - Bước 3: Sắp xếp layer Trang 108 - Bước 4: Điều chỉnh màu sắc ảnh vào Window Adjustments chọn biểu tượng Channel Mixer chọn màu : + Output Channel: Red: Red:74%, Geen: 55%, Blue: 32%, Constant: 22% + Output Channel: Green: Red: 5%, Geen: 72%, Blue: 35%, Constant: -12% + Output Channel: Blue: Red:3%, Geen: 20%, Blue: -7%, Constant: 24% - Điều chỉnh ánh sáng ảnh vào Window Adjustments chọn biểu tượng Cuves: - Chọn màu Red chọn điểm: + Output: 224; Input: 211 + Output: 132; Input: 139 + Output: 56; Input: 69 - Chọn màu Green chọn điểm: + Output: 123; Input: 133 + Output: 56; Input: 76 - Chọn màu Blue chọn điểm: + Output: 120; Input: 142 + Output: 41; Input: 75 + Output: 56; Input: 69 Bài tập 5: Hiệu chỉnh độ sáng tối Yêu cầu: Chỉnh độ sáng cho vùng ảnh như: cỏ, mây, núi em bé Trang 109 Bài tập 6: Ghép ảnh Ảnh ban đầu Ảnh kết thúc Yêu cầu: Ghép ảnh Hiệu chỉnh ảnh có sương mù Trang 110 BÀI TẬP TỔNG HỢP MÔN ĐUN: XỬ LÝ ẢNH BẰNG PHOTOSHOP Bài tập 1: Ghép hiệu chỉnh ảnh cho ban đầu theo yêu cầu bên với Photoshop ẢNH BAN ĐẦU ẢNH MẪU Yêu cầu: Ghép ảnh em bé tạo hiệu ứng theo yêu cầu ảnh mẫu Ghép ảnh khung ảnh, hoa hồng, bàn tay ảnh gà, theo yêu cầu ảnh mẫu Tạo Text hiệu ứng cho chữ Sunny Kết hợp hiệu ứng lọc Filter kỹ thuật tô Gradient Tool để có kết ảnh mẫu Trang 111 Bài tập 2: Ghép hiệu chỉnh ảnh cho ban đầu theo yêu cầu bên với Photoshop ẢNH BAN ĐẦU ẢNH MẪU Yêu cầu: Chọn ảnh khung frame tạo khung 1, ghép ảnh ghép ảnh cưới Chọn ảnh khung frame tạo khung 2, ghép ảnh ghép ảnh cưới Chọn ảnh khung frame tạo khung 3, ghép ảnh cưới Sử dụng công cụ Text Horizontal Type Mask Tool gõ chữ ―I LOVE YOU‖ ―VỢ YÊU CỦA ANH‖ kết hợp sử dụng Blending Options Warp Text để tạo hiệu ứng cho text có kết ảnh mẫu Trang 112 TÀI LIÊU THAM KHẢO [1] Đỗ Lê Thuận, Võ Duy Thanh Tâm, Phạm Quang Huy (Năm 2010), giáo trình xử lý ảnh Photoshop CS5 Nhà xuất Hồng Đức [2] Phạm Quang Huy, giáo Trình Thực Hành Photoshop (CC-CS6-CS5) Nhà xuất Thanh niên [3] Nguyễn Đức Hiếu, tự học Photoshop CS6 Nhà xuất Hồng Đức [4] Phạm Quang Hiển, Văn Thị Tư, Phan Hoàng Chi, Photoshop CS6 chuyên đề chỉnh sửa ảnh Nhà xuất Từ Điển Bách Khoa [5] Phạm Quang Hiển, Văn Thị Tư, Phan Hoàng Chi, Photoshop CS6 chuyên đề làm mịn da Nhà xuất Từ Điển Bách Khoa [6] Phạm Quang Hiển, Văn Thị Tư, Photoshop CS6 chuyên đề ghép chỉnh sửa tóc Nhà xuất Từ Điển Bách Khoa [7] Adobe Photoshop CS Tutorial [8] Adobe Photoshop 2020 Trang 113 ... cấp kiến thức đồ họa bố trí sau học sinh học môn học sở - Tính chất: Chương trình mơ đun bao gồm số nội dung xử lý ảnh, ứng dụng chỉnh sửa hình ảnh, mơ đun Xử lý ảnh Photoshop mô đun chuyên ngành... Với Brush GIÁO TRÌNH MƠ ĐUN: XỬ LÝ ẢNH BẰNG PHOTOSHOP Tên môn học /mô đun: Xử lý ảnh photoshop Mã mơn học/ mơ đun: MĐ17 I Vị trí, tính chất, ý nghĩa vai trị mơn học/ mơ đun: - Vị trí: Mơ đun cung... vẽ texture cho ứng dụng 3D Phần mềm Photoshop giới thiệu khái niệm chức Nhưng thực hành với tập ứng dụng vào thực tế Giáo trình hướng dẫn thiết kế đồ họa Photoshop giúp người học hiệu chỉnh ảnh