BÀI TẬP LỚN THIẾT KẾ ĐỒ HỌA CƠ BẢN CÔNG CỤ TÔ VẼ (BRUSH,PENCIL)

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN KHOA CÔNG NGHỆ THÔNG TIN PHẠM XUÂN BẮC (10121750) PHẠM ANH THÁI (10121907) Mã lớp: 101216 CÔNG CỤ TÔ VẼ (BRUSH,PENCIL) NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: ĐỒ HỌA ĐA PHƯƠNG TIỆN BÀI TẬP LỚN THIẾT KẾ ĐỒ HỌA CƠ BẢN HƯNG YÊN - 2022 MỤC LỤC MỤC LỤC DANH SÁCH HÌNH VẼ CHƯƠNG 1: NHÓM CƠNG CỤ TƠ VẼ TRONG PHOTOSHOP 1.1 Cơng cụ Brush 1.2 Công cụ Pencil 1.3 Công cụ Color Replacement 1.4 Công cụ Mixer Brush .8 CHƯƠNG 2: BÀI TẬP ÁP DỤNG 2.1 Bài tập 2.2 Bài tập 10 2.3 Bài tập 14 CHƯƠNG 3: KẾT LUẬN 18 3.1 Kết đạt đề tài 18 3.2 Hạn chế đề tài 18 3.3 Hướng phát triển đề tài 18 TÀI LIỆU THAM KHẢO .19 DANH SÁCH HÌNH VẼ Hình 1-1: Cơng cụ Brush Hình 1-2: Thanh Brush Option .5 Hình 1-3: Bảng Brush Preset Hình 1-4: Cơng cụ Pencil Hình 1-5: Công cụ Color Replacement Hình 1-6: Thanh Color Replacement Option Hình 1-7: Cơng cụ Mixer Brush Hình 1-8: Thanh tùy chọn Mixer Brush Hình 2-1: Giao diện file Hình 2-2: Tiến hành vẽ 10 Hình 2-3: Kết tập 10 Hình 2-4: Hình mẫu 11 Hình 2-5 : Chọn công cụ Color Replacement .11 Hình 2-6: Tùy chỉnh Option 12 Hình 2-7: Bảng Color 12 Hình 2-8: Chọn phần màu cần đổi 12 Hình 2-9: Đổi màu 13 Hình 2-10: Kết tập 13 Hình 2-11: Ảnh cần tạo hiệu ứng 14 Hình 2-12: Mở ảnh 14 Hình 2-13: Bảng Brush 15 Hình 2-14: Chọn cọ nét cọ phù hợp .15 Hình 2-15: Vẽ hiệu ứng 16 Hình 2-16: Tạo highlight 16 Hình 2-17: Kết tập 17 CHƯƠNG 1: 1.1 NHĨM CƠNG CỤ TƠ VẼ TRONG PHOTOSHOP Cơng cụ Brush Hình 1-1: Công cụ Brush Brush Photoshop công cụ dùng để tô vẽ,chỉnh sửa ảnh nét cọ Brush hoạt động dựa nguyên lý vẽ vệt màu có hình dạng định liên tiếp Cơng cụ đặt ToolBar có phím tắt B Hình 1-2: Thanh Brush Option Trong Hình 1-2: - Brush Preset: Chọn cỡ cọ hình dạng cọ (thư viện nét cọ) - Mode: Các chế độ hòa trộn cọ Brush - Opacity: Độ suốt màu cọ vẽ - Flow: Áp lực phun màu công cụ (giá trị lớn màu phun nhiều – có tác dụng chọn cơng cụ Airbrush Option) Bảng Brush Preset: Hình 1-3: Bảng Brush Preset Trong Hình 1-3: - Size: kích thước nét cọ (có thể tăng giảm hai phím tắt ] [ ) - Hardness: Độ nhòe nét cọ Nếu hardness 0% biên nét cọ nhòe (cọ mềm) Nếu hardness 100% biên nét cọ sắc nét (cọ cứng) - Brush Preset: Danh sách nét cọ với nhiều kiểu dáng khác để xem trước chọn Ngồi ra, tải thêm brush bên ngồi vào tải brush có sẵn trong thư viện Photoshop bằng cách: Click vào biểu tượng hình bánh nằm góc bên phải bảng Brush Preset Sau lựa chọn xong nét cọ, kích thước độ đậm nhạt, ta cần sử dụng chuột trái tơ vẽ hình mà muốn lên thiết kế Photoshop 1.2 Cơng cụ Pencil Hình 1-4: Cơng cụ Pencil Pencil Photoshop công cụ để vẽ nét sắc, mảnh chúng thường dùng để vẽ nét cọ có đường biên cứng Thao tác với Pencil tương với Brush Ngoài có thêm chức đánh dấu vào tùy chọn Auto Erase muốn tơ màu Background lên vùng có trùng màu với màu Foreground 1.3 Cơng cụ Color Replacement Hình 1-5: Cơng cụ Color Replacement Color Replacement Photoshop công cụ dùng để đổi màu hình ảnh Phần màu hình ảnh tơ vào bị đổi thành màu foreground background Tùy thuộc vào chức bạn chọn Option Hình 1-6: Thanh Color Replacement Option Trong hình 1-6: - Brush Preset: Chỉnh size hardness Brush - Mode: Chế độ hòa trộn cho màu áp vào màu cũ Nên chọn Color bạn muốn đổi màu theo foreground - Sampling Contiguos: Chuyển tất pixel bạn tô màu qua hành màu foreground - Sampling One: Chuyển tất màu vừa chọn trước thành màu background foreground - Sample Background Swatches: Chuyển tất pixel có màu trùng với màu background thành màu foreground - Limits: Chọn Contiguous muốn đổi màu điểm ảnh nằm trỏ chuột điểm ảnh liền kề Chọn Discontiguos muốn đổi màu điểm ảnh trỏ chuột Chọn Find Edges muốn đổi màu điểm ảnh chuột giữ hình dáng rời rạc cọ 1.4 - Tolerance: Phạm vi tính tốn màu sắc tương đồng - Anti- alias: Làm mềm phần tiếp giáp màu cũ màu - Pressure: Vẽ nét cọ to nhỏ tùy theo lực sử dụng bảng vẽ điện tử Cơng cụ Mixer Brush Hình 1-7: Công cụ Mixer Brush Mixer Brush dùng để mô hiệu ứng Dùng cọ vẽ với màu pha trộn với độ ẩm ướt nét cọ dễ tinh chỉnh Đây là công cụ photoshop giúp bạn tạo hình vẽ giống hình họạ mà không cần sử dụng đến lọc Hình 1-8: Thanh tùy chọn Mixer Brush Trong hình 1-8: - Current Brush Load Swatch: Load brush làm đầy nét cọ bạn với mẫu màu chủ động - Load the brush after each stroke/ clean the brush after each stroke: Tự động làm cọ làm lại màu sắc sau lần tô - Wet: Mức độ % độ ẩm nét cọ tơ hình ảnh - Load: Mức độ % màu phun hình ảnh - Mix: Mức độ % tỉ lệ hịa trộn màu gốc hình ảnh màu tô lên - Flow: Mức độ % màu bơm chọn chức Airbrush - Sample All layers: Áp màu lên cho toàn layers, layer hành - Pressure: Chức dành riêng cho bảng vẽ điện tử, giúp vẽ nét cọ to nhỏ tùy lực vẽ CHƯƠNG 2: 2.1 BÀI TẬP ÁP DỤNG Bài tập Yêu cầu: Sử dụng công cụ Brush Photoshop để vẽ vật Hướng dẫn: Bước Tạo file Photoshop có trắng (Ctrl + N) chọn thơng số tùy chỉnh Hình 2-9: Giao diện file Bước Sử dụng công cụ Brush công cụ (hoặc phím tắt B) để tiến hành vẽ cách giữ di chuyển chuột trái di chuyển bút vẽ 10 Hình 2-10: Tiến hành vẽ Bước Kết Hình 2-11: Kết tập 2.2 Bài tập Yêu cầu: Đổi màu background công cụ Color Replacement 11 Hình 2-12: Hình mẫu Hướng dẫn: Bước Mở ảnh chọn công cụ Color Replacement Hình 2-13 : Chọn cơng cụ Color Replacement 12 Bước Tùy chỉnh Option Color Replacement: Mode chọn chế độ Color, chọn Sampling : Once, Limits chọn Discontigous, để mức Tolerance mặc định chọn Anti-alias Hình 2-14: Tùy chỉnh Option Bước Chọn phần màu muốn đổi bảng Color Hình 2-15: Bảng Color Bước Chọn phần màu background cũ Hình 2-16: Chọn phần màu cần đổi 13 Bước Đưa cọ tới vùng màu tương tự để đổi màu Hình 2-17: Đổi màu Bước Kết Hình 2-18: Kết tập 14 2.3 Bài tập Yêu cầu: Tạo hiệu ứng cho vật thể cơng cụ Brush Hình 2-19: Ảnh cần tạo hiệu ứng Hướng dẫn: Bước Mở ảnh Photoshop Hình 2-20: Mở ảnh 15 Bước Tạo layer (Ctrl + Shift + N) Bước Chọn công cụ Brush, mở bảng Brush Setting (F5) Hình 2-21: Bảng Brush Bước Chuyển sang tab Brushes để chọn kiểu cọ có sẵn Photoshop tải mạng Hình 2-22: Chọn cọ nét cọ phù hợp 16 Bước Chọn màu Foreground thành màu trắng sử dụng Brush tiến hành vẽ hiệu ứng layer vừa tạo Hình 2-23: Vẽ hiệu ứng Bước Sử dụng Dodge Tool để tạo highlight Hình 2-24: Tạo highlight 17 Bước Kết Hình 2-25: Kết tập 18 CHƯƠNG 3: 3.1 KẾT LUẬN Kết đạt đề tài Sau thời gian nghiên cứu phát triển, nhóm hồn thành mục tiêu ban đầu đề đề tài sau: - Hiểu nắm bắt công dụng nhóm cơng cụ tơ vẽ Photoshop 3.2 Áp dụng nhóm cơng cụ tơ vẽ vào số dạng tập Hạn chế đề tài Bài tìm hiểu cịn nhiều phần thiếu sót , phần mở rộng Các thực hành sơ sài, xử lí hình ảnh Chưa đưa hết biện pháp, cách thức để thấy rõ công dụng nhóm cơng cụ 3.3 Hướng phát triển đề tài Trong thời gian nghiên cứu thực đề tài, nhóm vạch hướng phát triển đề tài sau: - Cải tiến thu hoạch, làm rõ chức công dụng nhóm cơng cụ - Tìm hiểu rõ, sâu nhóm cơng cụ - Tiếp tục thực hành, sử dụng thành thạo 19 TÀI LIỆU THAM KHẢO x [1] Phạm Quốc Hùng, Giáo trình Thiết kế đồ họa 1, ĐH Sư phạm Kỹ thuật Hưng Yên, 2021 [2] Phạm Minh Giang, Giáo trình Adobe Photoshop CC, 2016 x 20 ... highlight 16 Hình 2-17: Kết tập 17 CHƯƠNG 1: 1.1 NHĨM CƠNG CỤ TƠ VẼ TRONG PHOTOSHOP Cơng cụ Brush Hình 1-1: Cơng cụ Brush Brush Photoshop công cụ dùng để tô vẽ, chỉnh sửa ảnh nét cọ Brush... DANH SÁCH HÌNH VẼ CHƯƠNG 1: NHĨM CƠNG CỤ TƠ VẼ TRONG PHOTOSHOP 1.1 Công cụ Brush 1.2 Công cụ Pencil 1.3 Công cụ Color Replacement 1.4 Công cụ Mixer Brush... Bước Sử dụng công cụ Brush cơng cụ (hoặc phím tắt B) để tiến hành vẽ cách giữ di chuyển chuột trái di chuyển bút vẽ 10 Hình 2-10: Tiến hành vẽ Bước Kết Hình 2-11: Kết tập 2.2 Bài tập Yêu cầu: