Giáo trình Đồ họa ứng dụng Nghề: Công nghệ thông tin CĐ Kỹ Thuật Công Nghệ Bà Rịa Vũng Tàu

(NB) Giáo trình Đồ họa ứng dụng được biên soạn dành cho học sinh trung cấp nghề và cao đẳng nghề với mục tiêu cung cấp cho các em các kiến thức và kỹ năng làm việc trên phần mềm Adobe Photoshop Một phần mềm hỗ trợ thiết kế và xử lý ảnh chuyên nghiệp được sử dụng rộng rãi hiện nay.

ỦY BAN NHÂN DÂN TỈNH BR – VT TRƯỜNG CAO ĐẲ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 VÀ CAO ĐẲNG Ban hành kèm theo Quyết định số: 01/QĐ-CĐN, ngày 04 tháng 01 năm 2016 Hiệu trưởng trường Cao đẳng nghề tỉnh Bà Rịa – Vũng Tàu Bà Rịa – Vũng Tàu, năm 2016 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 LỜI GIỚI THIỆU Giáo trình “Đồ họa ứng dụng” biên soạn dành cho học sinh trung cấp nghề cao đẳng nghề 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 Trong trình biên soạn, chắn giáo trình nhiều thiếu sót Tác giả mong nhận ý kiến đóng góp q thầy/cơ em học sinh, sinh viên Bà Rịa – Vũng Tàu, ngày …… tháng …… năm 2015 Tham gia biên soạn Phan Hữu Phước – Chủ biên MỤC LỤC MỤC LỤC BÀI TỔNG QUAN PHOTOSHOP Khởi động chương trình Photoshop Màn hình Photoshop Mở, tạo, lưu đóng tập tin 3.1 Mở tập tin ảnh .9 3.2 Tạo tập tin 10 3.3 Lưu tập tin 11 3.4 Đóng tập tin 11 Chọn chế độ xem ảnh 12 Làm việc với palette 12 Kết thúc chương trình 12 BÀI CHỌN MÀU VÀ TÔ MÀU 13 Chọn màu vẽ màu 13 1.1 Định nghĩa 13 1.2 Xác định màu foreground background 13 Tô màu đơn 14 2.1 Brush Tool (cọ vẽ) .14 2.2 Pencil tool 14 2.3 Paint Bucket tool 15 Tô màu chuyển sắc 15 Các cơng cụ tẩy, xóa 15 4.1 Eraser 15 4.2 Background Eraser .16 4.3 Magic Eraser .16 BÀI TẠO VÀ HIỆU CHỈNH VÙNG CHỌN .18 Định nghĩa 18 Tạo vùng chọn với nhóm cơng cụ tạo Marquee (M) 18 Tạo vùng chọn với nhóm cơng cụ Lasso (L) .19 3.1 Lasso ( ) 19 3.2 Polygonal Lasso ( ) 20 3.3 Magnetic Lasso ( ) 20 Tạo vùng chọn với công cụ Magic Wand 21 Tạo vùng chọn với lệnh Color Ranger 21 Hiệu chỉnh vùng chọn với menu Select .22 Lưu tải vùng chọn 23 Sao chép đối tượng vùng chọn 23 Bỏ vùng chọn 24 BÀI QUẢN LÝ LAYER .25 Định nghĩa 25 Quản lý layer .25 2.1 Ẩn/Hiện layer .25 2.2 Tạo layer .25 2.3 Sao chép layer 26 2.4 Xóa layer 26 2.5 Sắp thứ tự layer 26 2.6 Gom nhóm layer 26 Thay đổi độ suốt, hòa trộn 26 Khóa layer 27 Trộn layer 27 Tạo style cho layer 27 BÀI TẠO MẶT NẠ VÀ KÊNH 34 Khái niệm mặt nạ 34 Quick mask 34 2.1 Chuyển chế độ Quick mask 34 2.2 Hiệu chỉnh vùng chọn Quick mask 35 2.3 Thay đổi tùy chọn Quick mask 35 Layer mask 35 3.1 Khái niệm 35 3.2 Tạo Layer mask 36 3.3 Tô, vẽ Layer mask .36 Các kỹ thuật kênh 36 4.1 Khái niệm kênh 36 4.2 Tạo vùng chọn từ kênh .37 4.3 Tạo kênh alpha từ vùng chọn .37 4.4 Quản lý kênh alpha .37 4.5 Tách kênh thành ảnh màu 37 BÀI TẠO TYPE VÀ SHAPE 39 Nhập định dạng văn 39 Tạo mặt nạ văn .40 3 Vẽ shape có sẵn .40 Vẽ shape, path tùy ý 41 Tạo văn xung quanh path .42 Biến đổi hình dạng path 42 Lệnh Define Custom Shape 42 Tạo vùng chọn từ Shape 43 BÀI KỸ THUẬT MẶT NẠ NÂNG CAO 44 Tạo mặt nạ vector 44 Lệnh Create Clipping Mask 45 Lệnh Release Clipping Mask 45 TÀI LIỆU THAM KHẢO 46 MƠ ĐUN ĐỒ HỌA ỨNG DỤNG Vị trí, tính chất, ý nghĩa vai trò mơ đun:  Là mơ đun chun ngành nghề Lập trình máy tính, Công nghệ thông tin, Quản trị mạng  Cung cấp cho HSSV kiến thức kỹ thiết kế, xử lý ảnh nghệ thuật, vẽ giao diện trang web  Được giảng dạy sau học xong Tin học IC3 Mục tiêu mô đun:      Biết chức công cụ Photoshop Cắt, ghép, phục hồi xử lý ảnh Thiết kế banner, catalogue, brochure sản phẩm Vẽ giao diện trang web Photoshop Thực thực hành đảm bảo trình tự Nội dung mơ đun: TT 10 11 Tên mô đun Tổng quan Photoshop Chọn màu tô màu Tạo hiệu chỉnh vùng chọn Kiểm tra  Quản lý layer Tạo mặt nạ kênh Kiểm tra  Tạo type shape Kiểm tra Kỹ thuật mặt nạ nâng cao Vẽ giao diện trang web Kiểm tra 8, Hiệu chỉnh màu Phục hồi ảnh Tạo hiệu ứng nghệ thuật Kiểm tra 10, 11 Tổng cộng Thời Hình thức gian 10 10 13 90 giảng dạy Tích hợp Tích hợp Tích hợp Thực hành Tích hợp Tích hợp Thực hành Tích hợp Thực hành Tích hợp Tích hợp Tích hợp Tích hợp Tích hợp Tích hợp BÀI TỔNG QUAN PHOTOSHOP Giới thiệu: Adobe Photohop ứng dụng thiết kế xử lý ảnh chuyên nghiệp sử dụng nhiều từ trước đến Với Adobe Photoshop, vẽ bố cục trang web, tạo tác phẩm ảnh nghệ thuật, … Mục tiêu:      Trình bày vị trí công dụng thành phần giao diện Tạo tập tin ảnh mới, lưu tập tin ảnh, đóng tập tin ảnh, mở tập tin ảnh Xem ảnh chế độ khác Thốt khỏi chương trình Photoshop Cẩn thận, an tồn, khơng làm hình ảnh nguồn Nội dung: Khởi động chương trình Photoshop  Cách 1: Click đôi chuột lên biểu tượng Adobe Photoshop desktop Hình 1.1: Biểu tượng Adobe Photoshop desktop  Cách 2: Vào Start  Adobe Photoshop 4.2 Ghép ảnh theo mẫu bên 4.3 Ghép ảnh theo mẫu bên 4.4 Ghép ảnh theo mẫu bên 4.5 Ghép ảnh theo mẫu bên YÊU CẦU KIỂM TRA, ĐÁNH GIÁ KẾT QUẢ HỌC TẬP  Tạo chép vùng chọn sang layer  Thay đổi độ suốt, hòa trộn layer 31  Tạo style cho layer 32 BÀI TẠO MẶT NẠ VÀ KÊNH Giới thiệu: Bên cạnh layer, mặt nà kênh Adobe tính hỗ trợ mạnh mẽ cho người thiết kế Kết hợp mặt nạ với layer, xử lý kênh màu tạo sản phẩm nghệ thuật phong phú, ấn tượng Mục tiêu:     Trình bày chế độ Quick mask thay đổi chế độ Trình bày khái niệm Layer Mask Tạo sử dụng thao tác Layer Mask Thực thao tác an tồn với máy tính Nội dung: Khái niệm mặt nạ Mặt nạ xem layer trung gian chia layer thành khu vực: thấy (chỉnh sửa được) không thấy (không chỉnh sửa được) 22 Quick mask 2.1 Chuyển chế độ Quick mask Click chuột lên biểu tượng “Edit in Quick Mask Mode” cơng cụ vẽ Hình 5.1 Vị trí Edit in Quick Mask Mode Quick mask chế độ chỉnh sửa ảnh cho phép tạo vùng chọn công cụ tô vẽ Khi chuyển qua chế độ Quick mask hộp màu foreground background chuyển thành đen trắng 33 2.2 Hiệu chỉnh vùng chọn Quick mask Sau chuyển sang chế độ Quick mask, dùng công cụ học để tô màu (đen, trắng) xác định vùng chọn  Tô màu đen cho vùng không muốn chọn  Lớp mặt nạ có màu đỏ (hoặc màu khác thiết lập tùy chọn Quick mask) suốt  Tô màu đen/trắng để xác định vùng chọn  Sau tô xong, click chuột lên biểu tượng “Edit in Standard Mode” để có vùng chọn 2.3 Thay đổi tùy chọn Quick mask Click đôi chuột lên biểu tượng vị trí “Edit in Quick Mask Mode” Hình 5.2 Hộp thoại thiết lập tùy chọn cho Quick Mask  Masked Areas: vùng tô màu đen vùng mặt nạ, không thuộc vùng chọn  Selected Areas: vùng tô màu đen vùng chọn  Color, Opacity: Màu độ suốt mặt nạ 23 Layer mask 3.1 Khái niệm Layer mask lớp mặt nạ gắn kết với layer pixel ảnh cụ thể Tại vùng tô màu đen lớp mặt nạ pixel ảnh vùng bị che khuất Ngược lại, vùng tô màu trắng lớp mặt nạ pixel ảnh vùng hiển thị 3.2 Tạo Layer mask Bước 1: chọn layer cần tạo layer mask 34 Bước 2: click chuột lên biểu tượng Xuất layer mask gắn kết với layer 3.3 Tô, vẽ Layer mask Bước 1: click chuột lên layer mask Bước 2: chọn công cụ tô, vẽ Bước 3: chọn màu Bước 4: tiến hành tô vẽ lên layer mask Hình 5.3 Sử dụng layer mask 24 Các kỹ thuật kênh 4.1 Khái niệm kênh Trong ảnh RGB, pixel ảnh pha trộn màu (đỏ, xanh lục, xanh dương) Nói cách khác, ảnh RGB gồm kênh màu: đỏ, xanh lục, xanh dương 4.2 Tạo vùng chọn từ kênh Bước 1: Trong palette channels, bật biểu tượng kênh cần lấy vùng chọn 35 Bước 2: Click chuột lên biểu tượng “Load channel as selection” ( ) 4.3 Tạo kênh alpha từ vùng chọn Bước 1: Tạo vùng chọn Bước 2: Trên palette channel, click chuột lên biểu tượng “Save selection as channel” ( ) 4.4 Quản lý kênh alpha  Đổi tên kênh alpha o Bước 1: Click đôi chuột lên tên kênh alpha cần đổi tên o Bước 2: Nhập lại tên  Xóa kênh alpha o Bước 1: Click chuột lên kênh alpha cần xóa o Bước 2: Click chuột lên biểu tượng “Delete current channel” ( ) 4.5 Tách kênh thành ảnh màu B1: Bật kênh cần tách, tắt kênh lại B2: Tạo vùng chọn B3: Vào Edit  Copy (Ctrl+C) B4: Tạo tập tin ảnh (RGB CMYK) B5: Vào Edit  Paste (Ctrl+V) Hình 5.4 Ảnh sau tách kênh CÂU HỎI, BÀI TẬP 36 5.1 Vẽ cầu vòng chuyển sắc 5.2 Ghép ảnh YÊU CẦU KIỂM TRA, ĐÁNH GIÁ KẾT QUẢ HỌC TẬP  Tạo vùng chọn Quick Mask  Sử dụng Layer Mask 37 BÀI TẠO TYPE VÀ SHAPE Giới thiệu: Kết hợp hình ảnh với shape, văn tạo tác phẩm nghệ thuật có điểm nhấn riêng cho nội dung, kiện (ảnh cưới, brochure sản phẩm, …) Ngồi ra, tạo hình ảnh nghệ thuật từ việc kết hợp văn với hình ảnh Mục tiêu:       Tạo định dạng văn Tạo mặt nạ văn Vẽ shape có sẵn Vẽ shape, path tùy ý Tạo văn theo đường path Thực thao tác an tồn với máy tính Nội dung: Nhập định dạng văn Bước 1: Chọn công cụ Horizontal Type (hoặc Vertical Type) để nhập văn theo chiều ngang (hoặc theo chiều dọc) Hình 6.1 Vị trí nhóm cơng cụ Type Bước 2: Thiết lập giá trị tùy chọn Bước 3: Dùng chuột quét chọn vùng giới hạn văn Hình 6.2 Quét chọn vùng giới hạn cho văn 38 Bước 4: Nhập nội dung cho văn 25 Tạo mặt nạ văn Mặt nạ văn vùng chọn tạo từ văn Bước 1: Chọn công cụ Horizontal Type Mask (hoặc Vertical Type Mask) để tạo mặt nạ văn ngang (hoặc dọc) Bước đến Bước 4: tương tự mục 26 Vẽ shape có sẵn Bước 1: Chọn shape cần vẽ       Rectangle: vẽ hình chữ nhật Rounded Rectangle: vẽ hình chữ nhật có góc bo tròn Ellipse: vẽ hình ovan Polygon: vẽ đa giác Line: vẽ đoạn thảng Custom Shape: vẽ hình khác định nghĩa trước Bước 2: Thiết lập tùy chọn  Fill: xác định màu tô  Stroke: xác định màu, độ dày kiểu đường viền  Tùy chọn cho Rectangle  Tùy chọn cho Rounded Rectangle  Tùy chọn cho Ellipse 39  Tùy chọn cho Polygon  Tùy chọn cho Line  Tùy chọn cho Custom Shape Bước 3: Click giữ chuột vị trí bắt đầu, kéo rê chuột đến vị trí kết thúc thả chuột Ví dụ: 27 Vẽ shape, path tùy ý        Pen: Tạo nút cho path Direct Selection: Di chuyển nút path Convert Point: bo tròn vị trị nút Path Selection: chọn đường path Freeform Pen: vẽ path theo đường chuột Add Anchor Point: thêm điểm nút vị trí click chuột đường path Delete Anchor Point: xóa điểm nút vị trí click chuột 28 Tạo văn xung quanh path Bước 1: Vẽ đường path Bước 2: Chọn công cụ Horizontal/Vertical Type Bước 3: Thiết lập giá trị tùy chọn Bước 4: Di chuyển trỏ chuột lên đường path cho trỏ chuột có hình có hình đường cong đứt nét kèm theo 40 Bước 5: Click chuột, nhập văn 29 Biến đổi hình dạng path Bước 1: Chọn công cụ Path Selection Bước 2: Click chuột lên đường path cần biến đổi Bước 3: Chọn lệnh biến đổi Edit  Transform Path 30 Lệnh Define Custom Shape Công dụng: Lưu shape/path để sử dụng sau Bước 1: Chọn công cụ Path Selection Bước 2: Click chuột phải lên path Bước 3: Chọn Define Custom Shape từ menu ngữ cảnh 41 Bước 4: Đặt tên hộp thoại 31 Tạo vùng chọn từ Shape Bước 1: Chọn công cụ Path Selection Bước 2: Click chuột phải lên đường path Bước 3: Chọn Make Selection từ menu ngữ cảnh Bước 4: Thiết lập giá trị cho vùng chọn 42 BÀI KỸ THUẬT MẶT NẠ NÂNG CAO Giới thiệu: Như trình bày Bài 5, mặt nạ tính mạnh mẽ Photoshop Việc sử dụng mặt nạ hợp lý tạo nên tác phẩm nghệ thuật Mục tiêu:  Sử dụng mặt nạ vector  Sử dụng nhóm xén  Thực thao tác an tồn với máy tính Nội dung: Tạo mặt nạ vector Bước 1: Chọn layer chứa ảnh Bước 2: Vẽ đường path cho mặt nạ Bước 3: Chọn công cụ Mask tùy chọn Kết quả: 43 32 Lệnh Create Clipping Mask Dùng layer làm mặt nạ xén cho layer khác Bước 1: Tạo layer, nhập văn vào layer vừa tạo Bước 2: Tạo layer mới, xếp nằm layer tạo Bước Bước 3: Đặt hình ảnh vào layer tạo Bước Bước 4: Chọn layer tạo Bước 2, vào menu Layer  Create Clipping Mask 33 Lệnh Release Clipping Mask Bước 1: Chọn layer hình ảnh tạo Bước mục Bước 2: Vào menu Layer  Release Clipping Mask 44 TÀI LIỆU THAM KHẢO [1] http://dohoavn.net 45 ... Mục tiêu:      Trình bày vị trí cơng dụng thành phần giao diện Tạo tập tin ảnh mới, lưu tập tin ảnh, đóng tập tin ảnh, mở tập tin ảnh Xem ảnh chế độ khác Thoát khỏi chương trình Photoshop Cẩn... Adobe Photoshop Mục tiêu:  Trình bày công dụng công cụ vẽ, tô màu, công cụ tẩy xóa  Vẽ, tơ màu cho đối tượng công cụ Brush, Pencil, Gradient, Paint bucket  Sử dụng cơng cụ tẩy xóa  Cẩn thận... ỨNG DỤNG Vị trí, tính chất, ý nghĩa vai trò mơ đun:  Là mô đun chuyên ngành nghề Lập trình máy tính, Cơng nghệ thơng tin, Quản trị mạng  Cung cấp cho HSSV kiến thức kỹ thiết kế, xử lý ảnh nghệ