(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 của 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 TUN BỐ BẢN QUYỀN Tài liệu này thuộc loại sách giáo trình nên các nguồn thơng tin có thể được phép dùng ngun bản hoặc trích dùng cho các mục đích về đào tạo và tham khảo Mọi mục đích khác mang tính lệch lạc hoặc sử dụng với mục đích kinh doanh thiếu lành mạnh sẽ bị nghiêm cấm LỜI GIỚI THIỆU 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 Giáo trình được biên soạn một cách ngắn gọn, hướng dẫn các bước thực hiện một rất rõ ràng và dễ hiểu giúp cho các em thực hành và hình thành kỹ năng nhanh chóng Nội dung giáo trình giúp HSSV sử dụng được các cơng cụ, lệnh để có thể thiết kế, xử lý ảnh nghệ thuật, vẽ được giao diện trang web phục vụ cho mơ đun thiết kế web Trong q trình biên soạn, chắc chắn giáo trình cịn nhiều thiếu sót. Tác giả rất mong nhận được ý kiến đóng góp của q thầy/cơ và cá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Ơ ĐUN ĐỒ HỌA ỨNG DỤNG Vị trí, tính chất, ý nghĩa và vai trị của mơ đun: Là mơ đun chun ngành của 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 và kỹ năng thiết kế, xử lý ảnh nghệ thuật, vẽ giao diện trang web Được giảng dạy sau khi học xong Tin học IC3 Mục tiêu của mô đun: Biết chức năng của các công cụ trong Photoshop Cắt, ghép, phục hồi và xử lý ảnh Thiết kế các banner, catalogue, brochure sản phẩm Vẽ được giao diện trang web trên Photoshop Thực hiện các bài thực hành đảm bảo đúng trình tự Nội dung của mơ đun: TT Tên các bài trong mơ đun Tổng quan Photoshop Chọn màu và tô màu Tạo và hiệu chỉnh vùng chọn Kiểm tra bài 1 Quản lý layer Tạo mặt nạ và kênh Thời gian Hình thức giảng dạy Tích hợp 10 Tích hợp Tích hợp Thực hành 10 Tích hợp Tích hợp Kiểm tra bài 4 Thực hành Tạo type và shape 13 Tích hợp Kiểm tra bài 6 Thực hành Tích hợp Tích hợp Kiểm tra bài 8, 9 Tích hợp Hiệu chỉnh màu Tích hợp 10 Phục hồi ảnh 11 Kỹ thuật mặt nạ nâng cao Vẽ giao diện trang web Tạo hiệu ứng nghệ thuật Kiểm tra bài 10, 11 Tổng cộng Tích hợp Tích hợp 90 BÀI 1 TỔNG QUAN PHOTOSHOP Giới thiệu: Adobe Photohop là ứng dụng thiết kế và xử lý ảnh chun nghiệp được sử dụng nhiều nhất từ trước đến nay. Với Adobe Photoshop, chúng ta có thể vẽ bố cục trang web, tạo ra những tác phẩm ảnh nghệ thuật, … Mục tiêu: Trình bày được vị trí và cơng dụng của từng thành phần trê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 ở các chế độ khác nhau Thốt khỏi chương trình Photoshop Cẩn thận, an tồn, khơng làm mất 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 trên desktop Hình 1.1: Biểu tượng Adobe Photoshop trên desktop Cách 2: Vào Start Adobe Photoshop Hình 1.2: Biểu tượng Adobe Photoshop trong Start Màn hình Photoshop Hình 1.3: Màn hình Photoshop Hình 1.4: Thanh menu lệnh Hình 1.5: Thanh cơng cụ vẽ Hình 1.6: Thanh tùy chọn Hình 1.7: Các palette/panel Hình 1.8: Cửa sổ ảnh BÀI 5 TẠO MẶT NẠ VÀ KÊNH Giới thiệu: Bên cạnh layer, mặt nà và kênh của Adobe cũng là một trong những tính năng hỗ trợ mạnh mẽ cho người thiết kế. Kết hợp mặt nạ với layer, xử lý trên từng kênh màu tạo ra những sản phẩm nghệ thuật phong phú, ấn tượng Mục tiêu: Trình bày được chế độ Quick mask và thay đổi chế độ đó Trình bày được khái niệm Layer Mask Tạo và sử dụng các thao tác cơ bản trên Layer Mask Thực hiện cá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ạ được xem như một layer trung gian chia layer hiện tại thành 2 khu vực: thấy (chỉnh sửa được) và không thấy (không chỉnh sửa được) Quick mask 2.1. Chuyển chế độ Quick mask Click chuột lên biểu tượng “Edit in Quick Mask Mode” ở dưới cùng trên thanh cơng cụ vẽ Hình 5.1. Vị trí của Edit in Quick Mask Mode Quick mask là chế độ chỉnh sửa ảnh cho phép tạo vùng chọn bằng các cơng cụ tơ vẽ Khi chuyển qua chế độ Quick mask thì hộp màu foreground và background sẽ chuyển thành đen và trắng 2.2. Hiệu chỉnh vùng chọn bằng Quick mask Sau khi đã chuyển sang chế độ Quick mask, dùng các cơng cụ đã đượ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 do thiết lập tùy chọn của Quick mask) trong suốt Tơ màu đen/trắng để xác định vùng chọn Sau khi đã tơ xong, click chuột lên biểu tượng “Edit in Standard Mode” để có đượ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 tại 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 là vùng mặt nạ, khơng thuộc vùng chọn Selected Areas: vùng tơ màu đen là vùng được chọn Color, Opacity: Màu và độ trong suốt của mặt nạ Layer mask 3.1. Khái niệm Layer mask là một lớp mặt nạ gắn kết với một layer pixel ảnh cụ thể. Tại những vùng được tơ màu đen trên lớp mặt nạ thì các pixel ảnh tại vùng đó bị che khuất. Ngược lại, vùng được tơ màu trắng trên lớp mặt nạ thì các pixel ảnh tại vùng đó được hiển thị 3.2. Tạo Layer mask Bước 1: chọn layer cần tạo layer mask Bước 2: click chuột lên biểu tượng Xuất hiện layer mask gắn kết với layer 3.3. Tơ, vẽ trên 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 Các kỹ thuật trên kênh 4.1. Khái niệm kênh Trong một ảnh RGB, mỗi pixel ảnh là sự pha trộn của 3 màu (đỏ, xanh lục, xanh dương). Nói cách khác, mỗi một ảnh RGB gồm 3 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 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 Bước 1: Click đơi chuột lên tên của kênh alpha cần đổi tên Bước 2: Nhập lại tên mới Xóa kênh alpha Bước 1: Click chuột lên kênh alpha cần xóa 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 những kênh cịn lại B2: Tạo vùng chọn B3: Vào Edit Copy (Ctrl+C) B4: Tạo tập tin ảnh mới (RGB hoặc CMYK) B5: Vào Edit Paste (Ctrl+V) Hình 5.4. Ảnh sau khi được tách kênh CÂU HỎI, BÀI TẬP 5.1. Vẽ cầu vịng chuyển sắc 5.2. Ghép ảnh U CẦU KIỂM TRA, ĐÁNH GIÁ KẾT QUẢ HỌC TẬP Tạo vùng chọn bằng Quick Mask Sử dụng Layer Mask BÀI 6 TẠO TYPE VÀ SHAPE Giới thiệu: Kết hợp hình ảnh với các shape, văn bản có thể tạo ra những 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, chúng ta có thể tạo ra hình ảnh nghệ thuật từ việc kết hợp văn bản với hình ảnh Mục tiêu: Tạo và định dạng văn bản Tạo mặt nạ văn bản Vẽ các shape có sẵn Vẽ các shape, path tùy ý Tạo văn bản theo đường path Thực hiện các thao tác an tồn với máy tính Nội dung: Nhập và định dạng văn bản Bước 1: Chọn cơng cụ Horizontal Type (hoặc Vertical Type) để nhập văn bả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 các giá trị trên thanh tùy chọn Bước 3: Dùng chuột qt chọn vùng giới hạn văn bản Hình 6.2. Qt chọn vùng giới hạn cho văn bản Bước 4: Nhập nội dung cho văn bản Tạo mặt nạ văn bản Mặt nạ văn bản là vùng chọn được tạo ra từ văn bản Bước 1: Chọn cơng cụ Horizontal Type Mask (hoặc Vertical Type Mask) để tạo mặt nạ văn bản ngang (hoặc dọc) Bước 2 đến Bước 4: tương tự mục 1 Vẽ các 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ó các góc đượ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 đã được định nghĩa trước đó Bước 2: Thiết lập các tùy chọn Fill: xác định màu tơ Stroke: xác định màu, độ dày và kiểu đường viền Tùy chọn cho Rectangle Tùy chọn cho Rounded Rectangle Tùy chọn cho Ellipse Tùy chọn cho Polygon Tùy chọn cho Line Tùy chọn cho Custom Shape Bước 3: Click và giữ chuột tại vị trí bắt đầu, kéo rê chuột đến vị trí kết thúc rồi thả chuột Ví dụ: Vẽ các shape, path tùy ý Pen: Tạo từng nút cho path Direct Selection: Di chuyển nút của path Convert Point: bo trịn tại vị trị nút Path Selection: chọn đường path Freeform Pen: vẽ path theo đường đi của chuột Add Anchor Point: thêm điểm nút tại vị trí click chuột trên đường path Delete Anchor Point: xóa điểm nút tại vị trí click chuột Tạo văn bả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ị trên thanh tùy chọn Bước 4: Di chuyển con trỏ chuột lên đường path sao cho con trỏ chuột có hình có hình đường cong đứt nét kèm theo Bước 5: Click chuột, nhập văn bản 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 Lệnh Define Custom Shape Cơng dụng: Lưu shape/path để sử dụng sau này 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 Bước 4: Đặt tên trong hộp thoại 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 các giá trị cho vùng chọn BÀI 7 KỸ THUẬT MẶT NẠ NÂNG CAO Giới thiệu: Như đã trình bày ở Bài 5, mặt nạ là một trong những tính năng mạnh mẽ của Photoshop. Việc sử dụng mặt nạ hợp lý sẽ tạo nên các 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 hiện cá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 trên thanh tùy chọn Kết quả: Lệnh Create Clipping Mask Dùng một layer làm mặt nạ xén cho layer khác Bước 1: Tạo layer, nhập văn bản vào layer vừa tạo Bước 2: Tạo layer mới, sắp xếp nằm trên layer được tạo ở Bước 1 Bước 3: Đặt hình ảnh vào layer đã tạo ở Bước 2 Bước 4: Chọn layer đã tạo Bước 2, vào menu Layer Create Clipping Mask Lệnh Release Clipping Mask Bước 1: Chọn layer hình ảnh đã tạo ở Bước 2 của mục 2 Bước 2: Vào menu Layer Release Clipping Mask TÀI LIỆU THAM KHẢO http://dohoavn.net ... vẽ bố cục trang web, tạo ra những tác phẩm ảnh? ?nghệ? ?thuật, … Mục tiêu: Trình? ?bày được vị trí và cơng? ?dụng? ?của từng thành phần trê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 ở các chế độ khác nhau... Bước 4: Thiết lập các giá trị cho vùng chọn BÀI 7 KỸ THUẬT MẶT NẠ NÂNG CAO Giới thiệu: Như đã? ?trình? ?bày ở Bài 5, mặt nạ là một trong những tính năng mạnh mẽ của Photoshop. Việc sử ? ?dụng? ?mặt nạ hợp lý sẽ tạo nên các tác phẩm? ?nghệ? ? thuật. .. MƠ ĐUN ĐỒ HỌA? ?ỨNG? ?DỤNG Vị trí, tính chất, ý nghĩa và vai trị của mơ đun: Là mơ đun chun ngành của 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 và? ?kỹ? ?năng thiết kế, xử lý ảnh nghệ