GỢI Ý ĐỀ CƯƠNG ÔN TẬP Học phần Thiết kế đồ họa máy tính Phần lý thuyết Chương 1 Tổng quan thiết kế đồ họa máy tính và các nguyên lý trong thiết kế I Tổng quan về thiết kế đồ họa 1 Đồ họa là gì? “những[.]
GỢI Ý ĐỀ CƯƠNG ÔN TẬP Học phần: Thiết kế đồ họa máy tính Phần lý thuyết Chương 1: Tổng quan thiết kế đồ họa máy tính nguyên lý thiết kế I Tổng quan thiết kế đồ họa: Đồ họa gì? - “những diễn giải tiếp nhận thơng qua thị giác biểu diễn bề mặt tường, đồ gốm, giấy, đá, ” - Thuật ngữ “đồ họa” ngày thường để yếu tố liên quan đến dấu hiệu, biểu đồ, hình vẽ, đường nét, Thiết kế đồ họa công việc gì? “thiết kế đồ họa cơng việc lên ý tưởng cho kết hợp khéo léo hình ảnh chữ viết bề mặt chất liệu đó” Thiết kế đồ họa máy tính cơng việc gì? Một số sản phẩm (tranh vẽ máy tính, truyện tranh, logo, banner, poster, hoạt hình, thiết kế kỹ thuật 3D, ): Thiết kế sản phẩm đồ họa nhờ phần mềm đồ họa /kỹ thuật số máy tính Một số thuật ngữ ? - Concept: ý tưởng Layout: bố cục 2D – 3D: không gian thiết kế Typography: Đồ họa chữ Một số phần mềm đồ họa: Coreldraw, Photoshop, Illustrator, AI, AAA logo….: Phần mềm thiết kế đồ họa Một số ý lịch sử phát triển thiết kế đồ họa: Cha đẻ thiết kế đồ họa đại ai? =>Wiliam morris Giấy phát minh đâu? Ngành công nghiệp xuất sau có đời giấy? => In ấn Một số nguyên lý thiết kế: - Nguyên lý nhấn mạnh (emphasis); - nguyên lý tương phản (contrast); nguyên lý cân (balance); nguyên lý chỉnh (alignment); nguyên lý lặp lại (repetition); dòng chảy (flow) Nguyên lý thiết kế thống Xu hướng/hiệu ứng thiết kế đại: ? - Ảnh hỏng (Glitch): ảnh hỏng - sử dụng hệ màu (Color Channels) ảnh lồng ghép với - Hiệu ứng Double Exposure: kỹ thuật lồng ghép hình ảnh kết hợp màu sắc II Bố cục thiết kế: Layout Lưới thiết kế (grid line)? Căn dọc ngang… - Các đường kẻ (ruler) thiêt kế layout photoshop có màu gì? =>Cyan (xanh lơ) Đặc điểm lưới (có hiển thị in ấn không?) Phân cấp thị giác gì? (Màu sắc, vị trí, kích thước) Ngun tắc Gestalt nguyên tắc nào: (Sự gần nhau, quy luật đóng cửa, nguyên tắc tương tự); Một số quy luật bố cục thường gặp: (Quy luật 1/3, quy luật đơn lẻ, thay đổi có ngụ ý) III Lý thuyết màu sắc Hai hệ màu bản? (màu cộng màu trừ) Đặc điểm hệ màu? Ứng dụng? - Màu cộng RGB: (Red, Green, Blue) Red/Green/Blue: 0-255 (0,0,0) =>mã màu đen - 000000 (255,255,255)=> mã màu trắng FFFFFF (255,0,0) => màu gì? Đỏ - FF0000 (0,255,0) => màu gì? Xanh lục 00FF00 (0,0,255) => lam 0000FF ứng dụng: Trình chiếu thiết bị điện tử - Màu trừ (CMYK): cyan- xanh lơ, magenta, yellow, Black ứng dụng: In ấn Ba khía cạnh quan trọng màu sắc? - sắc độ (Hue): - độ bão hòa hay độ rực rỡ – Saturation (cường độ) - độ sáng – Lightness (quang độ): Bánh xe màu /vòng sắc/ vòng đơn sắc gì? Là vịng trịn gồm 12 màu chia nhóm: - Nhóm màu nguyên thủy (gốc) – bậc 1: vàng, đỏ, lam - màu bậc 2: cam = đỏ + vàng, tím, lục - màu bậc 3: bậc + bậc Một số công thức phối hợp màu dựa nguyên tắc hòa hợp màu sắc (color harmony): - màu đơn sắc (monochromatic) ; - màu tương tự/tương đồng (analogous); - màu bổ túc (complmentary)/ phối màu tam giác cân (split – complementary); vd: bổ sung xen kẽ - màu tương phản: Đỏ-xanh lục, tím-vàng, lam-cam - phối màu kiểu ba (triadic); - phối màu hình chữ nhật (tetradic) Một số lưu ý sử dụng màu: - Hạn chế sử dụng màu bão hòa/độ rực rỡ/cường độ mạnh - khơng bỏ qua tính dễ đọc cho tác phẩm - cân nhắc lựa chọn màu mang thông điệp cho sản phẩm IV Nghệ thuật chữ (typography) Nêu đặc điểm nhóm phơng chữ bản: - nhóm font có chân (serif): Time new roma - font khơng có chân (san-serif): verda n … na… - font chư viết tay(script…)….)…)… V Xử lý hình ảnh: Một số khái niệm: Hình ảnh máy tính gọi là: Ảnh số (pixel-điểm ảnh) Quá trình biến đổi tín hiệu liên tục sang tín hiệu rời rạc gọi là: =>Lấy mẫu lượng tử hóa Ảnh máy tính tạo bởi: Các pixel Kích thước ảnh là: (Số lượng pixel chiều ngang) * (số lượng pixel chiều dọc) ảnh - độ phân giải hình ảnh: Số lượng điểm ảnh tính đơn vị chiều dài hình ảnh (inch) - Độ phân giải hình: Độ phân giải hình số lượng điểm ảnh điểm hiển thị đơn vị (inch) hình - Đơn vi kích thước tập tin: bit, byte, KB, MB, GB, TB, PB 1byte = 8bit 1KB=1024Byte =210Byte …… PB=1024 TB Một số cấu trúc ảnh: (mở rộng)? photoshop (.psd); png, gif, bmp, jpg, eps; pdf; … Phần thực hành phần mềm Photoshop CS6 portable Giới thiệu photoshop: - Các tổ hợp phím tắt, thao tác bản: + khởi tạo file mới: Ctrl + N (File/new) + mở tệp: Ctrl+O (File/Open) + lưu tệp: Ctrl + S (File/save) + Lưu tệp thành tên khác mà nội dung tệp không thay đổi: File/Save as (Ctrl + Shift + S) + đóng tệp: File/Close (Ctrl + W) (Ctrl + Alt +W) Close all Tạo file: Ctrl + N (File/new) - height: chiều dài - width: rộng - Resolution: Độ phân giải (72 pixel/inch) - background contents: White - thành phần (thanh menu; trạng thái; công cụ; tùy chọn); cửa sổ (vị trí mặc định; tính chất thay đổi cửa sổ này) Các cơng cụ phím tắt: Các bảng chức năng: Color, layer, character, Bảng Info, Navigator, Bảng Swatches, Bảng Color, Styles, Bảng Brushes, Bảng History, Bảng Paths, Bảng chanels… => ẩn bảng vào: Window/chọn bảng chức (tool) - Ẩn Tool ẩn bảng chức năng: phím Tab - Ẩn bảng chức năng, khơng ẩn Tool: Shift + Tab Các chế độ thể hình (F): View/Screen mode - Standard screen mode - full screen mode with menu - Full screen Ẩn/hiện thước: View/rulers (ctrl + R) Ẩn/ lưới (grid): view/Show/grid Ẩn/hiện đường kẻ thiết kế: View/Extra (Ctrl + H) Các chức hộp cơng cụ: o Phóng to: Ctrl + o Thu nhỏ: Ctr – o Để di chuyển đến vị trí khác vùng ảnh: H (hand) o Đổ màu foreground: Alt + delete / Paint Bucket o Đổ màu background: Ctrl + delete o Hoán đổi màu trên: X o Trả màu mặc định đen/trắng cho foreground background: D (default) VÙNG CHỌN Di chuyển (move): V Vùng chọn (Các tổ hợp phím tắt, thao tác liên quan đến vùng chọn); - Marquee tool (M): Chọn vùng chọn theo khn mẫu có sẵn (Elip, rectangular) - Lasso tool: vùng chọn tự (L) (Đường khép kín) - Magic wand tool/Quick selection tool (W): Dựa pixel dải mầu liên tiếp tương tự Các thao tác vùng chọn: Select/… - Select/all (Ctrl + A): Chọn toàn hình ảnh - Select/Deselect(Ctrl +D): Tắt vùng chọn - Select/Reselect(Ctrl + Shift + D): Lấy lại vùng chọn sau bỏ - Select/Inverse (Ctrl + Shift + I): Nghịch đảo vùng chọn - Select/Feather(Alt + Ctrl + D): Mở đường biên vùng chọn - Select/Transform Selection: Biến dạng vùng chọn - Select/Save Selection: Lưu vùng chọn - Select/Load Selection: gọi lại vùng chọn lưu - ALT: Bớt vùng chọn (subtract to selection) - Shift: Thêm vùng chọn (Add to selection) II Điều chỉnh góc độ ảnh, thay đổi biến dạng hình ảnh (Transform) Edit/free transform (ctrl + T): Chuột phải - scale: thay đổi tỉ lệ hình ảnh - Rotate: Xoay đối tượng - Skew: Kéo xiên đối tượng - Distort: Biến dạng đối tượng - Perspective: Biến dạng đối tượng theo phối cảnh - Warp: Biến dạng đối tượng tự theo phối cảnh cách hiệu chỉnh node tay nắm - Rotate 180: Xoay đối tượng 180 độ - Rotate 90CW: Xoay đối tượng 90 độ theo chiều kim đồng hồ - Rotate 90CCW: Xoay đối tượng quanh điểm trọng tâm 90 độ ngược chiều kim đồng hồ - Flip Horizontal: Lật đối xứng đối tượng qua điểm trọng tâm theo chiều ngang - Flip Vertical: Lật đối xứng đối tượng qua điểm trọng tâm theo chiều dọc III Layer (các tổ hợp phím tắt): Thẻ Layer/… Đặc điểm cấu trúc lớp chồng lớp tạo layer: Ctrl + shift + N (Layer/New layer) đổi tên: Kích đúp chút trái vào layer chép: Ctrl + J kết hợp layer: Ctrl + E Kết hợp tất layer: Ctrl + Shift + E Xóa: ấn phím Delete di chuyển vị trí: Ctrl + [ (Lên) , Ctrl + ] (xuống) opacity: Độ mờ đậm/nhạt Hình mắt: ẩn layer Hiệu ứng cho lớp: chuột phải vào layer/Blending option… - Drop Shadow: tạo bóng đổ bên phần ảnh lớp - Inner Shadow: tạo bóng đổ vào bên phần ảnh lớp - Satin: tạo bóng phía bên phần ảnh lớp - Outer Glow: tạo bóng quầng (toả sáng) bên phần ảnh lớp - Inner Glow: tạo bóng quầng (toả sáng) vào bên phần ảnh lớp - Bevel and Emboss: hiệu ứng vát cạnh (chạm khắc dập nổi) - Color overlay che phủ (tô) cho phần ảnh layer màu phẳng, màu chuyển (Gradient) Pattern Overlay mẫu Pattern - Stroke: Tạo đường viền bao quanh phần ảnh lớp với màu đơn, màu Gradient, Pattern IV Các lệnh hiệu chỉnh hình ảnh, màu sắc (các tổ hợp phím tắt) Lấy giá trị màu; (I) eye dropper Cắt (crop); (c) Xóa (Eraser); (E) Đổ màu - Paint bucket: Tô màu trơn (đơn sắc) theo màu foreground (foreground (Alt + delete) /background (ctrl + delete)) - gradient: Chạy từ dải mầu đến giải màu Linear, radial, angle, reflected, diamond - Hue/Saturation: (ctrl + U) - Hue: Sắc độ màu - Saturation: cường độ màu - Lightness: Độ sáng màu - Color Balance: (ctrl + B) Điều chỉnh cân màu sắc Cyan – Red, Magenta – Green, Yellow – Blue Công cụ gõ chữ (T) - (màu sắc; chỉnh; font chữ; kích thước; chữ nghệ thuật) - Character (bảng ký tự) - Paragraph công cụ tô vẽ - Clone Stamp: chép vùng ảnh đến vị trí - Patch tool: Hòa trộn vùng ảnh - pattern stamp: Tơ vẽ theo mẫu hình có sẵn - Brush: nét mềm (B) - Pencil: nét cứng (B) + size: 1-5000px + hardness: 0-100% Công cụ Blur: làm mờ Smudge: hòa trộn điểm ảnh Sharpen: Tạo sắc nét cơng cụ Pen: tạo hình, vẽ … Thay đổi mở rộng hình ảnh: Image/ Image size, canvas size… Điều chỉnh độ sáng tối: Dodge tool: tăng sáng cho vùng ảnh Burn tool: tăng tối Điều chỉnh sáng/tối, tương phản: Image/Adjustment/… -Level (ctrl + L): Điều chỉnh sáng tối theo kênh màu -Curve (Ctrl + M): Độ sáng tối dựa vào phạm vi miền sắc độ -Brightness and Contrast: Độ sáng tương phản -Black and White/: Điểu chỉnh ảnh xám - Desaturate/ Một số lọc ảnh: - ý nghĩa: - thao tác: filter/… Filter/Blur/Surface Blur Lệnh Liquify: Bộ lọc Blur: mờ nhòe Noise: (add noise) Tạo điểm nhiễu Bộ lọc Brush Strokes Bộ lọc Distort: Hiệu ứng với nước Render: Hiệu ứng ánh sáng Texture Tài liệu: Bài giảng chi tiết môn Thiết kế đồ họa – Tác giả Vũ Thị Lưu, Phạm Thị Lan Anh Lisa DaNae Dayley Brad Dayley (2017) Photoshop® CS6 Bible (2017) Publisher John Wiley & Sons, Inc., Indianapolis, Indiana http://3.0.100.178/