Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

100 18 0
Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

(NB) Học xong giáo trình này, người học có khả năng trình bày các chức năng của phần mềm đồ họa Photoshop; mô tả cách thức phối màu cho hình ảnh; hiệu chỉnh hình ảnh chọn kích thước file ảnh phù hợp từng yêu cầu và chất lượng hình ảnh tốt nhất; xử lý, lắp ghép, tạo hiệu ứng cho hình ảnh; thực hiện nhập chữ vào hình ảnh.

BỘ LAO ĐỘNG -THƯƠNG BINH VÀ XÃ HỘI TRƯỜNG CAO ĐẲNG NGHỀ KỸ THUẬT CÔNG NGHỆ -š› & š› - GIÁO TRÌNH MƠ ĐUN: ĐỒ HOẠ ỨNG DỤNG NGHỀ: LẬP TRÌNH VIÊN MÁY TÍNH TRÌNH ĐỘ: CAO ĐẲNG Ban hành kèm theo Quyết định số: 13A/QĐ-CĐNKTCN ngày 10 tháng 01 năm 2019 Hiệu trưởng Trường Cao đẳng nghề Kỹ thuật Công nghệ Hà Nội, năm 2021 (Lưu hành nội bộ) 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 MÃ TÀI LIỆU: MĐLTV 20 LỜI GIỚI THIỆU Hiện đồ hoạ ứng dụng chương trình thơng dụng nhất, góp phần quan trọng làm cho giao tiếp người máy tính trở nên thân thiện Thật vậy, giao diện kiểu văn (text) thay hoàn toàn giao diện đồ hoạ, với công nghệ đa phương tiện (multimedia) đưa ngành Công Nghệ Thông Tin sang phiên Cuốn tài liệu giảng dạy này, muốn mang lại cho bạn đọc sở lý thuyết , kỹ thực hành đồ hoạ ứng dụng từ đơn giản thuật tốn vẽ đường thẳng, đường trịn, đa giác, ký tự Tiếp đến kỹ thuật xén tỉa, phép biến đổi đồ hoạ Chúng ta làm quen với giới màu sắc thông qua hệ màu: RGB, CMYK, HSV Phức tạp phép chiếu, phương pháp xây dựng đường cong mặt cong cho đối tượng Tài liệu gồm tám bài, giúp bạn có nhìn tổng quan đồ họa ứng dụng, định hướng tương lai cho lĩnh vực Các tiếp theo, vấn đề từ đơn giản đến phức tạp Cuối có phần tập cho kiểm tra lại kiến thức vừa đọc Bố cục rõ ràng, hình ảnh phong phú, đa dạng Dù cho bạn chưa biết đồ hoạ ứng dụng hay bạn nhiều năm làm việc lĩnh vực này, bạn nhận thấy sách tham khảo đầy đủ thơng tin hữu ích có tính chất thực tiễn cao Trong trình biên soạn cố gắng không tránh khỏi sai sót, mong nhận đóng góp chân thành từ quý bạn đọc Xin chân thành cám ơn Hà Nội, ngày 23 tháng 04 năm 2021 Tham gia biên soạn Chủ biên Nguyễn Thị Kim Dung Tập thể Giảng viên Khoa CNTT Mọi thông tin đóng góp chia sẻ xin gửi hịm thư kimdunghd2009@gmail.com, liên hệ số điện thoại 0977881209 MỤC LỤC LỜI GIỚI THIỆU BÀI 1: TỔNG QUAN VỀ PHOTOSHOP 1.Giới thiệu đồ họa đồ họa ứng dụng Giới thiệu Photoshop 3.Cài đặt chương trình Photoshop 4.Giới thiệu môi trường làm việc Photoshop 10 4.1.Các thao tác di chuyển phóng ảnh 10 4.2.Các lệnh thu - phóng ảnh 11 5.Chế độ xem ảnh 11 6.Chế độ cuộn hình ảnh 11 7.Làm việc với cửa sổ Palette 11 8.Quản lý File 11 8.1 Mở tập tin ảnh 11 8.2 Tạo tập tin ảnh theo kích thước tùy ý 11 8.3.Lưu tập tin 13 Cơ layer 14 10 Tổng quan ảnh Web 14 BÀI 2: LÀM VIỆC VỚI VÙNG CHỌN 15 1.Sử dụng thước đo 15 1.1.Bật, tắt thước đo Photoshop 15 1.2.Đổi đơn vị photoshop 15 1.3.Tạo đường guide Photoshop 15 1.4 Hộp công cụ 15 Công cụ tạo vùng chọn 16 2.1 Bộ công cụ Marquee 17 2.2 Công cụ Lasso 18 2.3 Nhóm Cơng Cụ Magic Wand Tool 19 Công cụ cắt xén ảnh 20 Công cụ Move 20 5.Tạo viền cho vùng chọn 21 6.Một số lệnh liên quan đến vùng chọn 21 6.1 Hủy bỏ vùng chọn 21 6.2 Đảo ngược vùng chọn 21 6.3 Sao chép vùng chọn 21 6.4 Xoá vùng chọn 22 6.5 Di chuyển, ẩn, biên mục chọn 22 6.6 Điều chỉnh biên mục chọn 22 6.7 Định dạng vùng biên chọn 22 Biến đổi đối tượng vùng chọn 23 8.Bài tập thực hành 23 8.1 Bài tập số 01 23 8.2 Bài tập số 26 8.3 Bài tập số 28 BÀI 3: CÔNG CỤ BRUSH – HIỆU CHỈNH 32 1.Nhóm cơng cụ Brush hiệu chỉnh Brush 32 1.1 Công cụ Brush tool 32 1.2 Nhóm cơng cụ Healing Brush 33 1.3 Nhóm cơng cụ History Brush 34 2.Tạo cọ 34 Các phương pháp tô màu 35 Các công cụ hiệu chỉnh màu sắc 36 Bài tập thực hành 39 5.1 Bài tập số 39 BÀI 4: LÀM VIỆC VỚI LAYER 48 Tổng quan layer 48 1.1 Định nghĩa layer 48 1.2 Ý nghĩa Layer 48 Các thao tác với layer 50 2.1 Chọn layer 50 2.2 Lựa chọn nhiều lớp 51 2.3 Các phím tắt để chọn lớp 51 2.4 Lựa chọn lớp liên kết 51 2.5 Ẩn/Hiện lớp 51 2.6 Xóa lớp 52 2.7 Tạo lớp: 53 2.8 Đặt tên cho lớp 53 2.9 Sắp xếp lớp 54 2.10 Liên kết lớp 54 3.Các chế độ hòa trộn layer 54 Xem thay đổi thuộc tính layer 55 Làm việc với Palette layer 55 Sử dụng layer style 55 7.Làm việc với Layer Mask 55 7.1.Khái niệm 55 7.2.Tạo Layer mask 55 Bài tập thực hành 56 8.1 Bài tập số 56 8.2 Bài tập số 02 56 8.3 Bài tập số 03 56 BÀI 5: TẠO VÀ XỬ LÝ VĂN BẢN 58 Tạo văn ảnh 58 1.1 Công cụ Horizontal Type Tool 58 1.2.Công cụ Vertical Type Tool: 59 1.3.Công cụ Horizontal Type Mask 59 1.4 Công cụ Vertical Type Mask 59 Định dạng văn ảnh 59 Các loại uốn cong chữ 59 Bài tập thực hành 60 BÀI 6: CHỈNH SỬA VÀ PHỤC CHẾ ẢNH 62 Sao chép vùng ảnh sử dụng công cụ Clone stamp 62 Sao chép vùng ảnh có hịa trộn 62 3.Tăng cường độ sắc nét cho ảnh 62 Tăng giảm độ màu 64 5.Làm mờ, làm mịn vùng ảnh 66 6.Bài tập thực hành 68 BÀI 7: CƠNG CỤ PEN, NHĨM CƠNG CỤ VẼ ĐƯỜNG PATH 71 Giới thiệu công cụ vẽ path 71 Tạo đường Path 71 3.Chỉnh sửa đường Path 75 Chuyển đường Path thành vùng chọn 75 5.Thiết kế giao diện web với Photoshop 76 Bài tập thực hành 76 BÀI 8: BỘ LỌC 90 Nhóm lọc Blur 90 Nhóm lọc Distort 92 Nhóm lọc Texture 93 Nhóm lọc Render 93 Một số công cụ tạo hiệu ứng khác 94 5.1.Noise 94 5.2.Pixelate 95 5.3.Sharpen 95 5.4.Bộ lọc Stylize 96 Tối ưu hóa ảnh cho Web 97 Bài tập thực hành 97 TÀI LIỆU THAM KHẢO 100 GIÁO TRÌNH MƠ ĐUN Tên mơ đun: Đồ hoạ ứng dụng Mã mơ đun: MĐLTV 20 Vị trí, tính chất, ý nghĩa vai trị mơn học: - Vị trí: Mơ đun bố trí sau sinh viên học xong môn học chung, trước môn học, mơ đun đào tạo chun mơn nghề - Tính chất: Là mô đun chuyên nghành - Ý nghĩa: Đây mô đun đào tạo chuyên môn nghề, cung cấp cho sinh viên kỹ nghề Quản trị mạng Bước đầu giúp em hình thành kiến thức kỹ thiết kế web, xử lý ảnh Mục tiêu mô đun: Về kiến thức: - Trình bày chức phần mềm đồ họa Photoshop; - Mô tả cách thức phối màu cho hình ảnh Về kỹ - Hiệu chỉnh hình ảnh chọn kích thước file ảnh phù hợp yêu cầu chất lượng hình ảnh tốt nhất; - Xử lý, lắp ghép, tạo hiệu ứng cho hình ảnh; - Thực nhập chữ vào hình ảnh; Về lực tự chủ trách nhiệm: - Bố trí làm việc khoa học đảm bảo an tồn cho người phương tiện học tập Nội dung mô đun: Số TT Thời gian Tổng Lý số thuyết Tên mô đun Bài 1: Tổng quan Photoshop Giới thiệu đồ họa đồ họa ứng dụng Giới thiệu Photoshop Cài đặt chương trình Photoshop Giới thiệu môi trường làm việc Photoshop 5 Chế độ xem ảnh Chế độ cuộn hình ảnh Làm việc với cửa sổ Palette Quản lý File Cơ layer 10 Tổng quan ảnh Web Bài 2: Làm việc với vùng chọn Sử dụng thước đo Công cụ tạo vùng chọn Công cụ cắt xén ảnh 15 Công cụ Move Tạo viền cho vùng chọn Một số lệnh liên quan đến vùng chọn Biến đổi đối tượng vùng chọn Bài 3: Công cụ Brush- Hiệu chỉnh màu 10 sắc Thực hành 10 Kiểm tra* Nhóm cơng cụ Brush hiệu chỉnh Brush Tạo cọ Các phương pháp tô màu Các công cụ hiệu chỉnh màu sắc Bài 4: Làm việc với Layer Tổng quan layer Các thao tác với layer Các chế độ hòa trộn layer 20 Xem thay đổi thuộc tính layer Làm việc với Palette layer Sử dụng layer style Làm việc với Layer Mask Bài 5: Tạo xử lý văn Tạo văn ảnh Định dạng văn ảnh Các loại uốn cong chữ Bài 6: Chỉnh sửa phục chế ảnh Sao chép vùng ảnh sử dụng công cụ Clone stamp Sao chép vùng ảnh có hịa trộn Tăng cường độ sắc nét cho ảnh Tăng giảm độ màu Làm mờ, làm mịn vùng ảnh Bài 7: Công cụ Pen, nhóm cơng cụ vẽ đường Path Giới thiệu công cụ vẽ Path Tạo đường Path Chỉnh sửa đường Path Chuyển đường Path thành vùng chọn Thiết kế giao diện web với Photoshop Bài 8: Bộ lọc Nhóm lọc Blur Nhóm lọc Distort Nhóm lọc Texture Nhóm lọc Render Một số cơng cụ tạo hiệu ứng khác Tối ưu hóa ảnh cho Web Thi kết thúc mô đun Cộng 14 15 10 15 10 90 28 58 1 BÀI 1: TỔNG QUAN VỀ PHOTOSHOP Mã bài: MĐLTV20-01 Mục tiêu: - Trình bày khái niệm đồ họa đồ họa ứng dụng - Trình bày thành phần môi trường làm việc Photoshop - Trình bày ứng dụng photoshop - Thực cá thao tác với phần mềm photoshop như: tạo lưu file ảnh, xem kích thước ảnh, xem ảnh, cuộn ảnh, bật tắt thành phần môi trường làm việc photoshop Nội dung chính: 1.Giới thiệu đồ họa đồ họa ứng dụng Thuật ngữ đồ hoạ máy tính(Computer Graphics) William Fetter đặt vào năm 1960 để mô tả cách thiết kế ông làm việc hãng Boeing Đồ hoạ máy tính hiểu tất liên quan đến việc tạo ảnh máy tính Bao gồm: Tạo, lưu trữ, thao tác mơ hình ảnh Giới thiệu Photoshop Adobe Photoshop (PS) chương trình phần mềm đồ họa hãng Adobe System, đời vào năm 1988 hệ máy Macintosh PS sản phẩm đứng đầu thị trường phần mềm chỉnh sửa ảnh, coi tiêu chuẩn nhà đồ họa chuyên nghiệp Phiên photoshop CS6/CC2019 phiên với giao diện cải tiến thân thiện với người dùng nhiều tính năm Photoshop chương trình tuyệt vời dùng để hiệu chỉnh, tái tạo hình ảnh dựa hình ảnh có sẵn, khác với chương trình đồ hoạ khác, chương trình Photoshop dễ học sử dụng, cung cấp cho bạn hệ thống công cụ hiệu ứng đặc biệt để bạn phát huy ý tưởng sáng tạo nghệ thuật người sử dụng Tiếp xúc với mô - đun người học tự tay thiết kế tạo hình đẹp theo ý tưởng thẩm mỹ Ngồi Photoshop hiệu việc thiết kế giao diện quảng cáo, giao diện Website, giao diện phần mềm Photoshop CS6/CC2019 bao gồm tính File Browser, Layer Comps để tạo nhiều phiên khác hình ảnh cịn nhiều thứ khác Bài giảng bắt đầu với việc làm quen với môi trường làm việc Photoshop sau tất vấn đề xử lý hình ảnh từ đơn giản đến phức tạp quản lý mầu sắc, đồ hoạ Web, hiệu chỉnh hình ảnh ,vẽ tranh vẽ texture cho ứng dụng 3D 3.Cài đặt chương trình Photoshop Cấu hình máy yêu cầu: · CPU mức tối thiểu Intel® Core AMD Athlon® 64 processor; GHz · Hệ điều hành tương thích làMicrosoft Windows with Service Pack 1, Windows 8.1, Windows 10 · GB cho mức RAM tối thiểu (Mức đề nghị 8GB) cho photoshop CC 2017 · Dung lượng ổ cứng chứa phần mềm Photoshop CC 2017 2.6 GB 32 bit 3.1 GB 64 bit · Màng hình hiển thị 1024×768 mức tối thiểu (Mức u cầu 1280×800) với 16-bit 512 VRAM, 2GB mức yêu cầu · Hệ thống OpenGL 2.0-capable Bắt đầu cài đặt phần mềm photoshop CS6, Photoshop CC2020… Khởi động phần mềm Để mở khởi động làm việc với Photoshop có hai cách sau: hình Cách 1: Click đúp chuột vào icon màu xanh sẩm có chữ “PS” Desktop Cách 2: Start/ Programs/Adobe Photoshop CS6 Sau khởi động, hình làm việc chương trình hiển thị sau: Màn hình làm việc thường bao gồm thành phần: Thanh tiêu đề: Chứa biểu tượng chương trình, tên tài liệu hành, tỷ lệ thu phóng, hệ màu chức phóng to, thu nhỏ hay đóng chương trình Thanh trình đơn: Chứa Menu lệnh làm việc chương trình Thanh đặc tính: Chứa tính chất, tùy chọn đối tượng hay công cụ chọn Hộp công cụ: Chứa công cụ làm việc trực tiếp chương trình Các Palette lệnh: Mỗi Palette lệnh chứa nhóm lệnh tùy theo mục đích cụ thể q trình thao tác Vùng làm việc, vùng nháp, trượt, thước thành phần hỗ trợ khác Đóng khỏi chương trình Cách 1: Click vào biểu tượng "X" phần mềm Cách 2: File - Exit (Ctrl + Q) 4.Giới thiệu môi trường làm việc Photoshop 4.1.Các thao tác di chuyển phóng ảnh Để di chuyển phóng ảnh ta dùng bảng Nevigator 10 Bước 7: Trên cửa sổ Layers, bấm vào biểu tượng mắt bên cạnh layer Body để ẩn layer Tạo layer (phía layer ‘Body’) đặt tên cho layer ‘Stomach’ Hãy dùng Pen Tool để vẽ đường xung quanh phần màu trắng thân chim 86 Khi vẽ xong đóng đường Path, đổi màu thành trắng, bấm chuột phải chọn Fill Path Nhấn phím Delete để xóa bỏ đường Pen Tool Hình vẽ xong phần thân màu trắng: Bước 8: Tạo layer đặt tên cho layer ‘Left Eye’ Ẩn tất layer khác (bấm vào biểu tượng mắt) trừ layer có hình mẫu Để vẽ lại mắt, dùng Ellipse Tool vẽ đường xung quanh Pen Tool Sau đó, tơ màu tồn với màu đen lệnh Fill Path tương tự 87 Sau xong mắt bên trái, chép Layer (nhấn Ctrl+J) dùng công cụ Move (giữ phím Ctrl dùng chuột di chuyển vật thể) để tạo mắt bên phải Đổi tên cho layer ‘Right Eye’ Bước 9: Tạo layer đặt tên cho ‘Beak’ Tiếp tục ẩn layer lại vẽ đường xung quanh mỏ chim Pen Tool Đổi giá trị màu thành #fbdf26 Tô màu với lệnh Fill Path nhấn phím Delete để xóa đường Path Bước 10: Xóa layer hình mẫu bấm vào biểu tượng mắt bên cạnh Layer khác để hiển thị tất Tạo layer mới, kéo xuống cửa sổ Layers tơ màu trắng tồn (dùng Paint Bucket cơng cụ) Hình chim cánh cụt sau hoàn tất: 88 * Bài tập số 02: Sử dụng công cụ Pen tách "Con voi" sau: 89 BÀI 8: BỘ LỌC Mã bài: MĐLTV20-08 Mục tiêu: - Trình bày vai trò lọc, tác dụng loại lọc - Sử dụng mẫu lọc - Xác định lọc cần sử dụng cho ảnh theo yêu cầu - Thực số thao tác tối ưu hóa ảnh cho Web Nội dung chính: Nhóm lọc Blur Làm mờ vùng chọn tồn hình ảnh theo nhiều cách Có tất 14 loại Các phiên Photoshop đời trước khơng có loại * Field Blur Đúng tên gọi, lệnh làm mờ theo vùng riêng biệt cung cấp cho nhiều tùy chỉnh T rong cửa sổ Field Blur, lệnh Undo (Ctrl + Z) khơng có tác dụng Nút ngồi cùng, chọn Blur Gallery để mở tùy chọn Reset Workspace để đưa tất thông số Gallery trở trạng thái mặc định (tuy nhiên, ghim chỉnh giữ nguyên trạng thái tại) Khi rê chuột hình xuất icon hình ghim, muốn chỉnh cho khu vực click chuột khu vực đó, khu vực tùy chỉnh đánh dấu nốt tròn lớn (khoảng 20px) Đừng sợ click sai! hồn tồn di chuyển, thêm, xóa điểm ghim Khu vực bên phải, mục Blur Tools: chọn 1, tùy chỉnh: 90 - Field Blur: di chuyển trượt Blur để điều chỉnh độ mờ cho điểm ghim vùng riêng lẻ Mặc định ghim click chọn điểm mờ, dĩ nhiên sau tăng giảm độ mờ tùy ý cho vị trí ghim - Iris Blur: hiệu ứng làm mờ cao cấp cho điểm ghim + Bên cùng, điểm trung tâm điểm ghim tùy chỉnh click chọn + Vòng tròn dày biên màu xám mờ vùng trung tâm hiển thị độ Blur nhấn chuột xoay theo chiều kim đồng gồ vòng tròn để tăng độ mờ, xoay theo chiều ngược lại giảm chỉnh Blur = tọa độ trở nguyên trạng (dĩ nhiên xung quanh phải có vài điểm ghim Blur khác thấy rõ khác biệt) + Tiếp theo điểm giới hạn vùng trung gian rê chuột vào điểm để mở rộng/ thu hẹp vùng trung gian, mức độ tùy thuộc vào độ trái ngược Blur vùng trung tâm với vùng bên + Đường trắng đường khoanh vùng ảnh hưởng (mặc dù xác nên gọi đường ranh giới vùng Blur gọi vùng ảnh hưởng hiệu ứng, Blur từ mờ – rõ ngược lại từ rõ – Blur mờ hình minh họa, “rõ” khơng thể gọi “Blur” Drag chuột đường trắng để mở rộng thu hẹp vùng ảnh hưởng Trên đường trắng có tiếp điểm vuông nhỏ, drag chuột điểm để xoay biến dạng (thành hình trịn oval) vùng ảnh hưởng Trên đường cịn có điểm vuông lớn (tôi gọi điểm mở rộng vùng ảnh hưởng), drag chuột điểm để mở rộng vùng ảnh hưởng có dạng hình vng / chữ nhật bo góc - Tilt-Shift: Làm mờ vùng riêng biệt theo đường thẳng (có thể phương ngang/dọc/chéo) Lưu ý: không sử dụng Field Blur, mà sử dụng hiệu ứng Iris riêng Tilt-Shift, điểm ghim click chọn mặc định điểm rõ 91 Như hình minh họa lúc tơi sử dụng Tilt-Shift, vùng xung quanh mờ theo đường ranh giới Khu vực đường ranh giới liền thẳng khu vực trung tâm rõ Hai khu vực tiếp xúc đường liền thằng đường nét đứt khu vực trung gian, mờ dần; bên đường nét đứt mờ nhất, thể độ blur tùy chỉnh trượt Blur Có thể mở rộng thu hẹp vùng trung tâm vùng trung gian cách drag chuột đường Trên đường thẳng phân vùng trung tâm (đường thẳng liền màu trắng) có điểm tròn, drag chuột điểm để xoay phương Blur theo cách muốn (như hình minh họa, xoay cho đường Blur xéo vậy) Mục Blur Effects: (tôi khuyên nên để mặc định) - Light Bokeh: tăng độ sáng cho chi tiết sáng khu vực làm mờ - Bokeh Color: cân màu cho vùng mờ, thường không biểu rõ ràng, mức điều chỉnh thực khơng đáng kể, nên khơng cần quan tâm - Light Range: cân sáng/ tối cho khu vực làm mờ Nếu chỉnh mức Blur cao hình minh họa tơi hiệu ứng khơng có tác dụng Filter > Blur > Iris Blur hay Tilt-Shift lặp lại lệnh Field Blur Nhóm lọc Distort * Displace Biến dạng hình ảnh ảnh PSD Đây lệnh hỗ trợ cho lệnh khác thân khơng tạo kết rõ ràng Ứng dụng thường thấy việc tạo hiệu ứng liên quan đến texture (chất liệu) * Pinch Xoáy vùng chọn 92 Amount (độ xốy): số dương thóp lại từ tâm Nếu số âm phình từ tâm * Polar Coordinates Chuyển vùng chọn từ tọa độ vng góc sang tọa độ cực ngược lại Cửa sổ tùy chọn có chế độ: + Rectangular to Polar (tọa độ vng góc sang tọa độ cực): hình ảnh bị kéo giãn từ phía cạnh gom lại theo trục thẳng từ tâm hướng lên cạnh vng góc với cạnh + Polar to Rectangular (tọa độ cực sang tọa độ vuông góc): hình ảnh bị đảo ngược, phần phía giãn gom dần phía * Ripple Tạo hiệu ứng gợn sóng lăn tăn vùng chọn tồn hình ảnh Amount (độ gợn sóng chung): + số dương (1 đến 999): đường nét ảnh có hướng sóng từ trái sang phải + số âm (-1 đến -999): đường nét ảnh có hướng sóng từ phải sang trái Lý thuyết vậy, thực tế sóng gợn theo hướng dùng thơi, tùy theo ngữ cảnh mà chọn để tạo liền mạch Size (độ gợn bước sóng): + Small: nét bước sóng gợn nhẹ, nhuyễn + Medium: (mặc định): nét bước sóng mạnh, gợn lăn tăn Nhóm lọc Texture Nhóm lọc Render Là lọc giả lập kiểu nguồn sáng chiếu hình ảnh tạo số mẫu chất liệu thực tế mây, sợi… 93 Bộ lọc Render có lệnh Một số công cụ tạo hiệu ứng khác 5.1.Noise Là nhóm lọc có chức điều chỉnh pixel hình ảnh bị hạt, tạo hạt khử hạt * Add Noise 94 Bộ lọc Add Noise có chức tạo hạt cho hình ảnh, làm hình ảnh trơng tranh cát giả lập độ mịn, độ nét… 5.2.Pixelate Pixelate lọc có chức pixel hóa hình ảnh, nói nơm na phân mảnh hình ảnh thành điểm ảnh (pixel) đơn sắc cách đơn giản (vì điểm ảnh để nguyên mà dễ dàng phân biệt mắt thường Pixelate có lọc 5.3.Sharpen Có tác dụng làm sắc nét hình ảnh Bao gồm lệnh (bộ lọc) Cơ chế hoạt động lọc là: làm sắc nét hình ảnh cách “mài” sắt cạnh pixel cấu tạo nên hình ảnh tạo số pixel mang màu sắc trung gian 95 5.4.Bộ lọc Stylize Các lọc Stylize tạo nên hiệu ứng hội họa ấn tượng hình ảnh cách thay điểm ảnh tìm nâng cao độ tương phản mảng màu ảnh * Diffuse: Xáo trộn, phân tán điểm ảnh gần khiến cho vùng chọn bớt sắc nét Khơng có mức độ cao thấp, có chế độ: Normal (phân tán đều), Darken Only (chỉ phân tán vùng màu tối), Lighten Only (chỉ phân tán vùng màu sáng), Anisotropic (phân tán đều, mảnh mờ, tạo cưa nhẹ vùng biên màu) 96 Tối ưu hóa ảnh cho Web Bài tập thực hành * Bài tập số 01: Ta có hình ảnh đá li ti (tìm thấy nhiều google), bình thường trơng có đơn điệu, ta tạo layer mới, tô chuyển sắc dùng chế độ hòa trộn Multiply với Opacity 30% Save lại với tên “Stone.psd” Mở palette Chanels, chọn kênh Red, click chuột phải chọn Duplicate Channel đặt tên Anpha (nói cách khác, Anpha copy Red) Đứng kênh Anpha, chọn Filter > Blur > Gaussian blur, đặt Radius 1.0 pixels Lưu lại file với tên “DisplacementMap.psd” (file dùng làm map để áp vào file “Stone.psd”) Mở lại file “Stone.psd”, Merge layer màu chuyển sắc Background lại layer cho đỡ rối Tạo layer text gõ chữ tùy thích, chọn font chữ mập mạp chút kết đẹp Ở gõ HOMASG.COM, font UTM Nokia, màu trắng Sau đó, click chuột phải vào layer text này, chọn Rasterize Layer Đến phần chọn Filter > Distort > Displace Xuất cửa sổ tùy chỉnh: Giải thích chút thơng số bảng tùy chỉnh trên: 97 - Horizontal scale (dãn theo chiều ngang) Vertical scale (dãn theo chiều dọc) dao động mức tối đa 999 tối thiểu -999 - Mục Displacement Map: + Stretch To Fit: trải trang dùng làm Map size với trang hành + Tile: Nếu trang dùng làm map có kích thước nhỏ trang hành chương trình lặp lặp lại file map (giống pattern) cho trải (lấp đầy) trang hành - Mục Undefined Areas: + Wrap Around: lấp đầy trang hànhvới nội dung từ cạnh đối diện hình ảnh + Repeat Edge Pixels: Mở rộng màu sắc điểm ảnh dọc theo cạnh hình ảnh theo hướng định Đối với texture ảnh sỏi đá, cỏ, lông thảm, vân gỗ… độ chênh lệch mảng khơng dễ nhận thấy chế độ khơng khác biệt Và ta có kết quả: * Bài tập số 02: Sử dụng lọc Difference Clouds cho hình tạo từ lệnh Clouds Và kết quả: 98 không thấy giá trị sử hình đây: Màu sắc u tối đẹp Nhưng tìm dụng quan sát Có hình hoa sen ban đầu này: Sau Duplicate Layer, áp lệnh Difference Clouds, sau dùng chế độ hịa trộn Color Burn với layer ban đầu kết quả: 99 TÀI LIỆU THAM KHẢO [1] Water PC, Tự học nhanh cách chỉnh sửa ghép hình Photoshop, Nhà Xuất Bản Văn hóa Thơng tin - Năm: 2010 [2] Water PC , Tự học nhanh Photoshop CS CS2 , Nhà Xuất Bản Văn hóc Thơng tin - Năm: 2010 [3] Nguyễn Ngọc Tuấn – Hồng Phúc , Adobe Photoshop CS- 20 thực hành nhanh , Nhà Xuất Bản Thống Kê - Năm: 2010 100 ... phát áp dụng nhiều phần mềm đồ họa, công nghệ layer đưa đồ họa nên tầm cao mới.Trong trình tìm hiểu đồ họa máy tính tất phầm mềm thấy xuất layer Vậy layer gì? layer có tác dụng gì? cách sử dụng. .. VÙNG CHỌN Mã bài: MĐLTV2 0-0 2 Mục tiêu: - Liệt kê công cụ tạo vùng chọn - Trình bày đặc điểm công cụ tạo vùng chọn - Xác định công cụ phù hợp với yêu cầu chọn - Sử dụng tốt công cụ tạo vùng chọn... MĐLTV2 0-0 1 Mục tiêu: - Trình bày khái niệm đồ họa đồ họa ứng dụng - Trình bày thành phần mơi trường làm việc Photoshop - Trình bày ứng dụng photoshop - Thực cá thao tác với phần mềm photoshop như: tạo

Ngày đăng: 29/12/2021, 09:56

Hình ảnh liên quan

cơ bản của nghề Quản trị mạng. Bước đầu giúp các em hình thành những kiến thức - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

c.

ơ bản của nghề Quản trị mạng. Bước đầu giúp các em hình thành những kiến thức Xem tại trang 7 của tài liệu.
• Màng hình hiển thị là 1024×768 mức tối thiểu (Mức yêu cầu 1280×800) với 16-bit và 512 VRAM, 2GB là mức yêu cầu - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

ng.

hình hiển thị là 1024×768 mức tối thiểu (Mức yêu cầu 1280×800) với 16-bit và 512 VRAM, 2GB là mức yêu cầu Xem tại trang 10 của tài liệu.
Trong hình minh họa trên, các khung cần nhập dữ liệu đánh số từ 1 đến ý nghĩa của các khung số đó được giải thích như sau: - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

rong.

hình minh họa trên, các khung cần nhập dữ liệu đánh số từ 1 đến ý nghĩa của các khung số đó được giải thích như sau: Xem tại trang 12 của tài liệu.
- Công cụ Rectangular Marquee: Chọn vùng hình ảnh theo dạng hình chữ nhật hay hình vuông. - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

ng.

cụ Rectangular Marquee: Chọn vùng hình ảnh theo dạng hình chữ nhật hay hình vuông Xem tại trang 17 của tài liệu.
Hình 2 - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

Hình 2.

Xem tại trang 24 của tài liệu.
Hình 3 - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

Hình 3.

Xem tại trang 25 của tài liệu.
Bước 4: Copy lần lượt các hình hue.jpg, hocsinh.jpg sang document mới. - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

c.

4: Copy lần lượt các hình hue.jpg, hocsinh.jpg sang document mới Xem tại trang 25 của tài liệu.
Hình 5 - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

Hình 5.

Xem tại trang 26 của tài liệu.
Và các bước lặp lại cho đến khi xóa hết vùng màu đỏ chỉ còn lại ảnh màn hình desktop. - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

c.

ác bước lặp lại cho đến khi xóa hết vùng màu đỏ chỉ còn lại ảnh màn hình desktop Xem tại trang 27 của tài liệu.
Sau đó giữ chuột trái và chọn cá cÔ vuông trên ảnh chứa màn hình Desktop - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

au.

đó giữ chuột trái và chọn cá cÔ vuông trên ảnh chứa màn hình Desktop Xem tại trang 27 của tài liệu.
đã thự chiện xong việc tạo vùng chọn cho hình bằng cách sử dụng công cụ Lasso Tool. - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

th.

ự chiện xong việc tạo vùng chọn cho hình bằng cách sử dụng công cụ Lasso Tool Xem tại trang 31 của tài liệu.
Vùng chọn sẽ hiển thị trở lại trên hình biểu hiện bằng đường nét đứt, chúng ta - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

ng.

chọn sẽ hiển thị trở lại trên hình biểu hiện bằng đường nét đứt, chúng ta Xem tại trang 31 của tài liệu.
Làm việc với Bảng Swatches palette - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

m.

việc với Bảng Swatches palette Xem tại trang 35 của tài liệu.
Tự động hiệu chỉnh cường đột ương phản trong hình ảnh. - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

ng.

hiệu chỉnh cường đột ương phản trong hình ảnh Xem tại trang 37 của tài liệu.
Panel Option Layer (Bảng điều khiên layer): Điều này sẽ mở một trình đơn thả xuống cung cấp một số tùy chọn. - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

anel.

Option Layer (Bảng điều khiên layer): Điều này sẽ mở một trình đơn thả xuống cung cấp một số tùy chọn Xem tại trang 50 của tài liệu.
Điều chỉnh màu sắc cho hình ảnh với Image > Adjustments trong Photoshop Nhóm Image > Adjustments gồm có 23 lệnh chức năng. - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

i.

ều chỉnh màu sắc cho hình ảnh với Image > Adjustments trong Photoshop Nhóm Image > Adjustments gồm có 23 lệnh chức năng Xem tại trang 63 của tài liệu.
2. Object Selection by Path Only: xem hình là hiểu - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

2..

Object Selection by Path Only: xem hình là hiểu Xem tại trang 73 của tài liệu.
Đây là hình mà chúng ta sẽ tạo ra: - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

y.

là hình mà chúng ta sẽ tạo ra: Xem tại trang 76 của tài liệu.
Bấm vào layer Background Layer và giảm giá trị Opacity xuống 50% để có thể - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

m.

vào layer Background Layer và giảm giá trị Opacity xuống 50% để có thể Xem tại trang 78 của tài liệu.
Chúng ta sẽ bắt đầu vẽ đường bao quanh phần thân của chú chim cánh cụt. - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

h.

úng ta sẽ bắt đầu vẽ đường bao quanh phần thân của chú chim cánh cụt Xem tại trang 79 của tài liệu.
Trước hết, hãy bấm một lần vào đỉnh đầu; một hình vuông nhỏ sẽ hiện lên. Hình  vuông  này  được  gọi  là  “điểm  neo”  (anchor  point) - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

r.

ước hết, hãy bấm một lần vào đỉnh đầu; một hình vuông nhỏ sẽ hiện lên. Hình vuông này được gọi là “điểm neo” (anchor point) Xem tại trang 79 của tài liệu.
đầu tiên để đóng và hoàn tất đường Path. Hình của sẽ trông giống như thế này: - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

u.

tiên để đóng và hoàn tất đường Path. Hình của sẽ trông giống như thế này: Xem tại trang 84 của tài liệu.
Hình của khi vẽ xong phần thân màu trắng: - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

Hình c.

ủa khi vẽ xong phần thân màu trắng: Xem tại trang 87 của tài liệu.
Hình chim cánh cụt sau khi đã hoàn tất: - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

Hình chim.

cánh cụt sau khi đã hoàn tất: Xem tại trang 88 của tài liệu.
Làm mờ vùng chọn hoặc toàn hình ảnh theo nhiều cách. - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

m.

mờ vùng chọn hoặc toàn hình ảnh theo nhiều cách Xem tại trang 90 của tài liệu.
ứng, vì có thể là Blur từ mờ – rõ hoặc ngược lại từ rõ – Blur mờ như trong hình minh - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

ng.

vì có thể là Blur từ mờ – rõ hoặc ngược lại từ rõ – Blur mờ như trong hình minh Xem tại trang 91 của tài liệu.
Amount (độ xoáy): nếu là số dương thì thóp lại từ tâm. Nếu là số âm thì phình ra từ - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

mount.

(độ xoáy): nếu là số dương thì thóp lại từ tâm. Nếu là số âm thì phình ra từ Xem tại trang 93 của tài liệu.
Bộ lọc Add Noise có chức năng tạo hạt cho hình ảnh, làm hình ảnh trông như - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

l.

ọc Add Noise có chức năng tạo hạt cho hình ảnh, làm hình ảnh trông như Xem tại trang 95 của tài liệu.
Pixelate là bộ lọc có chức năng pixel hóa hình ảnh, nói nôm na là phân mảnh hình   ảnh  thành  các  điểm  ảnh  (pixel)  đơn  sắc  một  cách  đơn  giản  (vì  điểm   ả nh   để - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

ixelate.

là bộ lọc có chức năng pixel hóa hình ảnh, nói nôm na là phân mảnh hình ảnh thành các điểm ảnh (pixel) đơn sắc một cách đơn giản (vì điểm ả nh để Xem tại trang 95 của tài liệu.
5.4.Bộ lọc Stylize - Giáo trình Đồ hoạ ứng dụng (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

5.4..

Bộ lọc Stylize Xem tại trang 96 của tài liệu.

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan