Giáo trình mô đun Đồ họa ứng dụng (Nghề Công nghệ thông tin Trình độ trung cấp)

BM/QT10/P.ĐTSV/04/04 Ban hành lần: UBND TỈNH BÀ RỊA – VŨNG TÀU TRƯỜNG CAO ĐẲNG KỸ THUẬT CÔNG NGHỆ GIÁO TRÌNH MƠ ĐUN ĐỒ HỌA ỨNG DỤNG NGHỀ: CƠNG NGHỆ THƠNG TIN TRÌNH ĐỘ: TRUNG CẤP (Ban hành kèm theo Quyết định số: ……/QĐ-CĐKTCN, ngày … tháng … năm 20…… Hiệu trưởng Trường Cao đẳng Kỹ thuật Công nghệ BR-VT) BÀ RỊA – VŨNG TÀU TUYÊN BỐ BẢN QUYỀN Nhằm đáp ứng nhu cầu học tập nghiên cứu cho giảng viên sinh viên nghề Công nghệ thông tin tính trường Cao đẳng Kỹ thuật Cơng nghệ Bà Rịa – Vũng Tàu, thực biên soạn tài liệu Đồ họa ứng dụng Tài liệu biên soạn thuộc loại giáo trình phục vụ giảng dạy học tập, lưu hành nội Nhà trường nên nguồn thơng tin phép dùng nguyên 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 LỜI GIỚI THIỆU Giáo trình “Đồ họa ứng dụng” biên soạn dựa khung chương trình đào tạo trung cấp nghề Công nghệ thông tin Trường Cao đẳng Kỹ thuật Công nghê Bà Rịa – Vũng Tàu phê duyệt Với mục tiêu cung cấp cho em kiến thức kỹ làm việc phần mềm Adobe Photoshop - Một phần mềm hỗ trợ thiết kế xử lý ảnh chuyên nghiệp sử dụng rộng rãi Giáo trình biên soạn cách ngắn gọn, hướng dẫn bước thực rõ ràng dễ hiểu giúp cho em thực hành hình thành kỹ nhanh chóng Nội dung giáo trình giúp HSSV sử dụng cơng cụ, lệnh để thiết kế, xử lý ảnh nghệ thuật, vẽ giao diện trang web phục vụ cho mô đun thiết kế web Nội dung giáo trình chia thành 09 bài, đó: Bài 1: Tổng quan Photoshop Bài 2: Chọn màu tô màu Bài 3: Tạo hiệu chỉnh vùng chọn Bài 4: Quản lý Layer Bài 5: Tạo mặt nạ kênh Bài 6: Tạo Type Shape Bài 7: Vẽ giao diện trang Web Bài 8: Hiệu chỉnh màu Bài 9: Phục hồi ảnh Trong trình biên soạn, chắn giáo trình cịn nhiều thiếu sót Tác giả mong nhận ý kiến đóng góp quý thầy/cô em học sinh, sinh viên để tiếp tục hoàn thiện Xin chân thành cảm ơn quý đồng nghiệp, bạn bè có ý kiến đóng góp q trình biên soạn giáo trình Bà Rịa – Vũng Tàu, ngày …… tháng …… năm Tham gia biên soạn Lê Viết Huấn MỤC LỤC LỜI GIỚI THIỆU MỤC LỤC BÀI 1: TỔNG QUAN VỀ PHOTOSHOP 10 Tạo, mở, đóng điều chỉnh tập tin 10 Mở, tạo, đóng điều chỉnh tập tin 12 Cắt xén ảnh Photoshop 14 Lưu tập tin .19 Làm việc với palette 20 CÂU HỎI, BÀI TẬP 20 BÀI 2: CHỌN MÀU VÀ TÔ MÀU 21 Chọn màu vẽ màu 21 1.1 Chọn màu vẽ .21 1.2 Xác định màu .21 Tô màu đơn 22 2.1 Brush Tool (cọ vẽ) .22 2.2 Pencil tool 22 2.3 Paint Bucket tool 23 Tô màu chuyển sắc 23 3.1 Chọn màu chuyển sắc 23 3.2 Tô màu 23 Tô mẫu có sẵn .23 4.1 Xác định mẫu .23 4.2 Tô 23 Các cơng cụ tẩy, xóa 24 5.1 Eraser 24 5.2 Background Eraser .24 5.3 Magic Eraser .24 CÂU HỎI, BÀI TẬP 25 BÀI 3: TẠO VÀ HIỆU CHỈNH VÙNG CHỌN .26 Định nghĩa .26 Hiệu chỉnh vùng chọn với trình đơn Select 26 Tạo vùng chọn với nhóm cơng cụ tạo Marquee (M) .27 Tạo vùng chọn với nhóm cơng cụ Lasso (L) 28 4.1 Lasso ( ) 28 4.2 Polygonal Lasso ( ) 28 4.3 Magnetic Lasso ( ) 29 Tạo vùng chọn với công cụ Magic Wand 29 Tạo vùng chọn với lệnh Color Ranger 30 Điều chỉnh thay đổi vùng chọn 30 7.1 Thêm, bớt, giao, cắt vùng chọn 30 7.2 Mở rộng thu hẹp vùng chọn .31 7.3 Tạo vùng chọn từ đường biên .31 7.4 Tạo độ loan mờ cho vùng chọn 31 Lưu tải vùng chọn .32 Sao chép đối tượng vùng chọn .32 10 Xóa vùng chọn .33 CÂU HỎI, BÀI TẬP 33 BÀI 4: QUẢN LÝ LAYER .34 Định nghĩa .34 Quản lý layer 34 2.1 Ẩn/Hiện layer .34 2.2 Tạo layer .34 2.3 Sao chép layer 35 2.4 Xóa layer 35 2.5 Sắp thứ tự layer 35 2.6 Gom nhóm layer 35 Thay đổi độ suốt, hòa trộn 35 3.1 Độ suốt .35 3.2 Độ hòa trộn 36 Khóa layer .36 Trộn layer 37 Tạo style cho layer 37 CÂU HỎI, BÀI TẬP 41 BÀI 5: TẠO MẶT NẠ VÀ KÊNH 43 Khái niệm mặt nạ 43 Quick mask 43 2.1 Chuyển chế độ Quick mask 43 2.2 Hiệu chỉnh vùng chọn Quick mask 44 2.3 Thay đổi tùy chọn Quick mask 44 Layer mask 44 3.1 Khái niệm 44 3.2 Tạo Layer mask 45 3.3 Tô, vẽ Layer mask .45 Các khái niệm kênh 45 Các kỹ thuật kênh 46 5.1 Tạo vùng chọn từ kênh .46 5.2 Tạo kênh alpha từ vùng chọn .46 5.3 Quản lý kênh alpha .46 5.4 Tách kênh thành ảnh màu 46 CÂU HỎI, BÀI TẬP 47 BÀI 6: TẠO TYPE VÀ SHAPE 48 Nhập định dạng văn 48 Tạo mặt nạ văn .49 Vẽ shape có sẵn .49 Vẽ shape, path tùy ý 50 Tạo văn xung quanh path 51 Biến đổi hình dạng path 51 Lệnh Define Custom Shape 51 Tạo vùng chọn từ Shape 52 CÂU HỎI, BÀI TẬP 52 BÀI 7: VẼ GIAO DIỆN TRANG WEB 54 Thư viện trang web mẫu 54 Tải trang web mẫu 54 Ghi nhận kích thước, màu sắc .55 Phân vùng, lập kế hoạch 56 Vẽ giao diện 56 CÂU HỎI, BÀI TẬP 57 BÀI 8: HIỆU CHỈNH MÀU .59 Levels 59 Curves 60 Color Balance 60 Brightness/Contrast .61 Hue/Saturation .61 Shadow/Highlight 62 CÂU HỎI, BÀI TẬP 62 BÀI 9: PHỤC HỒI ẢNH 65 Khắc phục ảnh ngược sáng 65 Tách ảnh 68 Tách lọc voan cưới 71 Làm mịn da 75 Xóa nếp nhăn 77 Xóa vết tàn nhan da 78 Thay đổi màu da 80 CÂU HỎI, BÀI TẬP 81 TÀI LIỆU THAM KHẢO 82 GIÁO TRÌNH MƠ ĐUN Tên mơ đun: Đồ họa ứng dụng Mã mơ đun: MĐ22 Vị trí, tính chất, ý nghĩa vai trị mơ đun: - Vị trí: Sau học xong mơ đun Tin học văn phịng học trước mơn thiết kế Web, thiết kế hoạt hình - Tính chất: Cung cấp cho người học kiến thức kỹ xử lý hình ảnh, thiết kế quảng cáo, vẽ giao diện web phần mềm Photoshop - Ý nghĩa vai trị mơ đun: Thiết kế sản phẩm đồ họa, lắp ghép dạng hình ảnh, thay đổi chỉnh sửa màu sắc ảnh theo ý muốn, xử lý chi tiết thừa không mong muốn, tạo hiệu ứng nghệ thuật cho hình ảnh thiết kế giao diện website kết hợp với hình ảnh 3D sinh động hấp dẫn Mục tiêu mô đun: Về kiến thức: - Nắm công dụng cơng cụ vẽ, tơ màu, cơng cụ tẩy xóa - Nắm cơng dụng vùng chọn - Trình bày khái niệm Layer, quy trình quản lý Layer - Nắm chế độ Quick mask thay đổi chế độ - Nắm cách tạo văn Photoshop - Biết phân tích, ghi nhận thơng tin kích thước, màu sắc trang mẫu, phân chia bố cụ cho trang Web mẫu Về kỹ năng: - Vẽ, tô màu cho đối tượng công cụ Brush, Pencil, Gradient, Paint bucket - Tạo vùng chọn cách sử dụng nhiều công cụ khác - Sử dụng lệnh xử lý màu sắc cho ảnh - Quản lý layer, tạo hiệu ứng cho layer - Tạo định dạng văn Photoshop - Sử dụng kỹ để phục hồi ảnh, thiết kế nội dung quảng cáo, vẽ giao diện trang web Về lực tự chủ trách nhiệm: - Có thể làm việc độc lập theo nhóm, tự lên kế hoạch từ ý tưởng đến thực việc xử lý ảnh: Tự lắp ghép dạng hình ảnh, thay đổi chỉnh sửa màu sắc ảnh theo ý muốn, xử lý chi tiết thừa khơng mong muốn, tạo hiệu ứng nghệ thuật cho hình ảnh Nếu chưa vừa ý, bạn đặt layer mask cho layer làm tương tự, sau kết quả: Hình 9.7 Nhân đơi nhiều lần Layer Tách ảnh Xóa phơng khỏi ảnh công việc nhiều thời gian, đặc biệt hình có nhiều chi tiết phức tạp bạn phải thao tác với tóc chủ thể - Bước 1: Mở hình ảnh PTS lựa chọn Open (Ctrl + O) kéo thả - Bước 2: Tạo vùng chọn Có nhiều cơng cụ để bạn tạo vùng chọn đơn giản hết Quick Selection Tool Magic Wand Tool Ngoài ra, Lasso Tool mang tới độ xác cao nhiều thời gian Hình 9.8 Chọn cơng cụ tạo vùng chọn 68 • Quick Selection Tool: Sử dụng cơng cụ chọn có dấu '+' phím Shift, sau chọn vùng hình mà bạn muốn xóa kéo xung quanh để mở rộng vùng chọn Nếu khơng may lựa chọn phải chủ thể, bạn nhấp giữ phím Alt để chọn cơng cụ có dấu '-', giúp loại bỏ vùng chọn Nhấp Shift để quay trở lại cơng cụ lựa chọn • Magic Wand: Công cụ phù hợp với vùng chọn chi tiết Sau chọn Magic Wand, click chuột vào điểm hình mà bạn muốn bỏ Nếu sau click, hình ảnh hiển thị bạn tăng mức Tolerance lên 10 15 Để thêm vùng chọn, vừa click vừa giữ phím Shift Để loại bỏ vùng chọn, giữ phím Altvà click Hình 9.9 Dùng Magic Wand tạo chọn • Lasso Tool: Với công cụ này, chọn chủ thể bạn muốn tách Polygonal Lasso Tool Click dọc theo điểm xung quanh chủ thể tạo đường khép kín Nhớ click nhiều điểm vùng chọn xác Khi chọn xong, nhấp đúp chuột để biến chủ thể thành vùng chọn click vào điểm trơng thấy hình trịn nhỏ bên cạnh trỏ chuột - Bước 3: Nếu sử dụng Quick Selection hay Magic Wand để chọn vùng hình bạn cần click chuột phải, sau chọn Select Inverse để chọn chủ thể 69 hươu cao cổ tiếp tục tinh chỉnh Nếu dùng Lasso Tool bạn chuyển sang bước - Bước 4: Chọn Add Layer Mask bên bảng Layers (biểu tượng hình chữ nhật có hình trịn đen giữa) Khi cịn chủ thể hình bạn Đừng lo hình chưa chuẩn ta tinh chỉnh thêm Hình 9.10 Chọn Add Layer Mask - Bước 5: Click đúp chuột vào hình mặt nạ (hình đen trắng bên cạnh hình preview) bảng Layers chọn Mask Edge Cửa sổ Refine Masks sau Chọn Show Radius tùy chỉnh thông số Radius trượt Khi rê chuột xung quanh hình, bạn thấy hình tròn với dấu cộng nhỏ bên Hãy dùng công cụ để loại bỏ chi tiết thừa hình Hình 9.11 Tùy chỉnh thơng số Radius trượt - Bước 6: Bỏ chọn Show Radius để quay lại hộp thoại Refine Mask điều chỉnh thông số khác trượt đạt kết ý Để nhìn 70 hình ảnh rõ ràng hơn, thay đổi chế độ xem cách click vào biểu tượng thumbnail hình ảnh chọn chế độ danh sách sổ xuống - Bước 7: Click OK hài lịng với hình Giờ bạn sử dụng hình ảnh để chèn vào đâu muốn Nếu cần đặt chủ thể vào hình khác, cần mở hình lên PTS kéo thả hình vào Bạn thay đổi kích thước ảnh tổ hợp phím Ctrl/Cmd + T, giữ phím Shift kéo thả Hình 9.12 Kéo thả thay đổi Tách lọc voan cưới B1: Ta chọn hình cần tách voan vào Menu File ➨ Open (Crt+O) chọn ảnh cần tách backgroud để sau tách voan xong ghép vào background 71 Hình 9.13 Chọn ảnh cần tách B2: Khi chọn ảnh dung công cụ Quick selecsiton tool để cắt đối tượng B3: Sau tạo vùng chọn ta nhấn tổ hợp phím ctrl+c chọn đến file chứa background cần ghép nhấn tổ hợp phím ctrl+v để dán đối tượng ta Hình 9.14 Chọn background cần ghép Khi ghép ảnh sang background khác ảnh không thời điểm, không gian tông màu nên ta phải chỉnh lại sắc độ ảnh cách làm nhuốm màu đối tượng background hay lấy thời điểm không 72 gian đối tượng cách sau: Ta chọn vào manu Inmage – Adjustment – Match color Match color đối tượng thơng minh màu sắc lấy nguyên tố màu đối tượng background để làm cho nguyên tố phía Sau chọn vào Match color xuất bảng sau: Hình 9.15 Hiệu chỉnh thơng số Trong bảng ta cần ý đến thẻ: + Fade: Mức độ nhuốm màu đối tượng + Source: chọn đến tên ảnh ta vừa đưa sang + Layer: tên đối tượng chọn Sau thực thao tác bảng ta hình sau: Hình 9.16 Sau hiệu chỉnh thông số 73 Sau lấy sắc thái ảnh ta tiến hành tách voan cho đối tượng để nhìn phần nước biển phía sau voan Đầu tiên ta ẩn layer Background cho dễ nhìn sau ta chọn vào Manu Window – Channels ( kênh màu) Khi xuất kênh màu RGB, Red, Green, Blue Ta chon đến kênh màu đậm ,trong ta chọn kênh Blue, sau ta nhấn Ctrl đồng thời click chuột trái vào mặt layer kênh Blue ta tạo lên vùng chọn Hình 9.17 Thay đổi Channels Ta trở bên layer Add cho layer layer mask, ta dùng cơng cụ Brush Tool xóa phần người gái cuối ta Hình 9.18 Kết 74 Làm mịn da Bước 1: Các bạn mở ảnh cần làm mịn da Photoshop, nhấn Ctrl+O để chọn ảnh: Hình 9.19 Lựa chon ảnh Bước 2: Trước tiên sử dụng công cụ Spot Healing Brush Tool để xố mụn mặt nhân vật Các bạn nhấn phím J để chọn cơng cụ chọn cơng cụ hình dưới, sau nhớ chọn Content-Aware mục Type phía Hình 9.20 Sử dụng công cụ Spot Healing Brush Tool Sau chọn xong bạn nhấn di chuột lên vùng có mụn để xố: 75 Lúc gương mặt nhân vật hết mụn, nhiên da chưa mịn: Bước 3: Sau xố mụn xong tiếp tục bước làm mịn da Các bạn nhấn Ctrl+J để nhân đổi Layer, sau chọn Filter -> Noise -> Reduce Noise Hình 9.21 Làm mịn công cụ Reduce Noise Bước 4: Cửa sổ tuỳ chỉnh lên bạn chọn thông số sau: Strength : để làm mờ ảnh nên tăng hết lên 10 Preserve Details : để chỉnh cho mờ ngược lại Reduce Color Noise : để chỉnh màu tùy ảnh mà chinh Sharpen Details : đổ nét ảnh Chỉnh thông số cho da mịn cách tự nhiên 76 Hình 9.22 Kết đạt Xóa nếp nhăn Bước 1: Các bạn mở PTS lên vào File > Open > Chọn Ảnh Hình 9.23 Lựa chọn ảnh Bước 2: Các bạn tạo layer đặt tên Da Bước 3: Các bạn bấm phím tắt J chọn Healing Brush Tool 77 Hình 24 Chọn cơng cụ Và góc Pts bạn chọn all Layers Bước 4: Các bạn giữ Alt Click chuột vào vùng da mịn để lấy mẫu bạn tơ lên vết nhăn cần xóa bạn điều chỉnh độ to nhỏ vòng tròn cho phù hợp chi tiết nhỏ nên để nhỏ Hình 9.25 Thực thao tác xóa Bước 5: Các bạn giảm Opacity xuống 85% ảnh ảnh khác bạn điều chỉnh cho phù hợp Hình 9.26 Điều chỉnh Opacity 78 Xóa vết tàn nhan da Bước 1: Mở ảnh muốn làm mịn da Photoshop cách nhấn tổ hợp phím Ctrl + O vào File chọn Open Hình 9.27 Hình ảnh ban đầu Bước 2: Click chuột phải vào Layer Background => chọn Duplicate Layer để nhân đôi lớp Background Cách thực đơn giản bạn nhấn tổ hợp phím Ctrl + J Bước 3: Tạo vùng chọn mặt cơng cụ Quick Mask (phím tắt Q) cọ Brush (phím tắt B) Bước 4: Tô lên vùng da mặt công cụ Brush Tool Hình 9.28 Dùng cơng cụ Quick Mask Bước 5: Tơ xong nhấn phím Q để hiển thị vùng chọn trở lại Quick Mask Đảo ngược vùng chọn cách nhấn tổ hợp phím Ctrl + Shift + I Shift + F7 79 Bước 6: Nhấn tổ hợp phím Ctrl + C để copy vùng da muốn chỉnh sửa Bước 7: Nhấn Ctrl + V để paste, chỉnh sửa vùng da Bước 8: Vào Filter => chọn Blur => Tiếp tục chọn Surface Blur Bước 9: Thiết lập thơng số • Giảm Opacity xuống khoảng 70% để tạo độ chân thực cho ảnh • Trường hợp có vài vùng chưa mịn ý muốn => nhấp vào biểu tượng Create New Layer thẻ Layer để tạo Layer => chọn cơng cụ Healing Brush Tool (phím tắt J) Bước 10: Nhấn Alt đồng thời click chuột để lấy mẫu xóa vùng mụn Khi thực bạn nên phóng to hình để dễ dàng quan sát chỉnh sửa nhé! Hình 9.29 Kết đạt Thay đổi màu da Thực tế có nhiều cách để chọn thay đổi màu sắc đối tượng Photoshop video hướng dẫn bạn cách thực thông dụng nhanh đạt hiệu cao để tiết kiệm thời gian Chọn phạm vi màu - Để chọn màu khác nhau, bạn tạo Layer -> kích vào Select -> chọn Color Range -> sử dụng cơng cụ Eyedropper để kích vào màu bạn muốn lấy mẫu - Để có nhiều lựa chọn xác hơn, bạn thử với cơng cụ fuzziness - Để thêm bớt vùng chọn, bạn sử dụng công cụ Eyedroppers với dấu cộng trừ bên cạnh chúng - Điều chỉnh màu 80 - Sau chọn màu vào Layer, bạn tiến hành điều chỉnh thay đổi màu sắc cho vùng chọn -> chọn New Adjustment Layer -> Hue/Saturation -> sau thực thao tác kéo thả thơng số Hue/Saturation - Tinh chỉnh Layer Masks - Để loại bỏ phần không mong muốn nhỏ vùng chọn, bạn sử dụng cơng cụ Brush Layer Mask CÂU HỎI, BÀI TẬP Khắc phục ảnh ngược sáng Làm mịn da cho hình sau 81 TÀI LIỆU THAM KHẢO [1] Phạm Quang Huy, Giáo trình thực hành photoshop CC, Nhà xuất khoa học kỹ thuật, 9-2014 [2] Nguyễn Hữu Tài, Giáo trình lý thuyết đồ họa, Nhà xuất thông tin truyền thông, 08-2003 [3] Lê Thuận, Thanh Tâm, Quang Huy, Giáo trình xử lý photoshop dành cho người tự học, Nhà xuất từ điển Bách Khoa, 06-2013 [4] Tài liệu tham khảo Internet: http://dohoavn.net 82 ... LIỆU THAM KHẢO 82 GIÁO TRÌNH MƠ ĐUN Tên mơ đun: Đồ họa ứng dụng Mã mơ đun: MĐ22 Vị trí, tính chất, ý nghĩa vai trị mơ đun: - Vị trí: Sau học xong mơ đun Tin học văn phịng học trước... bị nghiêm cấm LỜI GIỚI THIỆU Giáo trình ? ?Đồ họa ứng dụng? ?? biên soạn dựa khung chương trình đào tạo trung cấp nghề Cơng nghệ thơng tin Trường Cao đẳng Kỹ thuật Công nghê Bà Rịa – Vũng Tàu phê... sinh động hấp dẫn Mục tiêu mô đun: Về kiến thức: - Nắm công dụng công cụ vẽ, tô màu, công cụ tẩy xóa - Nắm cơng dụng vùng chọn - Trình bày khái niệm Layer, quy trình quản lý Layer - Nắm chế độ