Giáo trình Adobe Ilustrator (Ngành/Nghề: Thiết kế đồ họa) - Trường CĐ Kinh tế - Kỹ thuật Vinatex TP. HCM

Giáo trình “Adobe Illustrator” được biên soạn để phục vụ cho công tác giảng dạy và học tập của giảng viên, học sinh, sinh viên chuyên ngành Thiết kế đồ họa, và là tài liệu tham khảo cho các nhân viên designer tại các doanh nghiệp. Cấu trúc của giáo trình gồm 7 chương: Chương 1 : Làm quen với Illustrator; Chương 2 : Các thao tác cơ bản với đối tượng; Chương 3 : Đối tượng và lớp; Chương 4 : Các mẫu màu và các chế độ màu; Chương 5 : Tạo hiệu ứng màu đồng nhất; Chương 6 : Hiệu ứng và bộ lọc; Chương 7 : Tạo chữ, định kiểu và hiệu ứng chữ.

TẬP ĐỒN DỆT MAY VIỆT NAM TRƯỜNG CAO ĐẲNG CƠNG NGHỆ TPHCM GIÁO TRÌNH MƠN HỌC/MƠ ĐUN: ADOBE ILUSTRATOR NGÀNH/NGHỀ: THIẾT KẾ ĐỒ HỌA TRÌNH ĐỘ: 12/12 Ban hành kèm theo Quyết định số: /QĐ- ngày ………tháng năm…… ……… …………………… Tháng 08 năm 2021 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 “Adobe Ilustrator” biên soạn để phục vụ cho công tác giảng dạy học tập giảng viên, học sinh, sinh viên chuyên ngành Thiết kế đồ họa, tài liệu tham khảo cho nhân viên designer doanh nghiệp Cấu trúc giáo trình gồm chương: Chương : Làm quen với Ilustrator Chương : Các thao tác với đối tượng Chương : Đối tượng lớp Chương : Các mẫu màu chế độ màu Chương : Tạo hiệu ứng màu đồng Chương : Hiệu ứng lọc Chương : Tạo chữ, định kiểu hiệu ứng chữ Trong q trình biên soạn, có nhiều cố gắng không tránh khỏi hạn chế thiếu sót định, tác giả mong nhận ý kiến đóng góp quý đọc giả để giáo trình ngày hồn thiện Xin chân thành cảm ơn Tp HCM, ngày……tháng……năm……… Biên soạn BỘ MÔN TIN HỌC MỤC LỤC BÀI : LÀM QUEN VỚI ADOBE ILLUSRATOR 14 I CÁC THAO TÁC ĐẦU TIÊN 14 Khởi động chương trình : 14 Thao tác với file 15 a b c d e Tạo File 15 Nhiều Artboard 17 Lưu xuất File 19 Mở File 20 Preview chế độ Outline 21 Các hỗ trợ khác 21 a b c d e f g II Panel Navigator 21 Các thước đo (Ruler) 21 Các Guide 22 Các Grid 22 Snap to Grid 22 Smart Guides 23 Snap to Point 23 LÀM VIỆC VỚI THANH CÔNG CỤ 23 Các công cụ chọn 23 a Công cụ chọn (Selection Tool) : 23 b Công cụ chọn trực tiếp (Direct Selection Tool) c Cơng cụ chọn nhóm (Group Selection Tool) d Công cụ Magic Wand e Công cụ Lasso : 23 23 23 23 Công cụ tạo hình 24 a b c d e f g h i j k Công cụ Rectangle (M) 24 Công cụ Rounded Rectangle 25 Công cụ Ellipse (L) 25 Công cụ Polygon 26 Công cụ Star 26 Công cụ Flare 27 Công cụ Line Segment 28 Công cụ Arc 28 Công cụ Spiral 29 Công cụ Rectangular Grid 30 Công cụ Polar Grid 31 Công cụ vẽ đường nét 32 a Pen Tool 32 b Chỉnh sửa đường cong: 32 Các công cụ tô vẽ 33 a Các loại Brush 33 b Cách tạo Brush 33 c Các công cụ vẽ 34 Nhóm Object/Path 34 a b c d e f g h i Joint (Ctrl + J) 35 Average (Ctrl + Alt + J) 35 Outline Stroke 35 Offset Path 35 Sumplify 35 Add anchor points 35 Remove anchor point 35 Divide Objects Below 35 Clean Up 36 Một số công cụ khác: 36 a Công cụ Free Tranform (E) 36 b Công cụ Zoom 36 c Công cụ Hand 36 BÀI : CÁC THAO TÁC CƠ BẢN VỚI ĐỐI TƯỢNG 38 I LỰA CHỌN CÁC ĐỐI TƯỢNG 38 Công cụ lựa chọn đối tượng: 38 Một số phép biến đổi đối tượng 38 a b c d e f II Transfrom (Phép biến đổi) 38 Phép di chuyển (Move) 39 Phép quay (Rotate) 39 Phép đối xứng (Reflect) 39 Phép phóng to – thu nhỏ (Scale) 40 Phép nghiêng (Shear) 41 ĐỊNH VỊ CÁC ĐỐI TƯỢNG 41 Sử dụng Bounding Box 41 Di chuyển đối tượng: 42 Copy đối tượng: 42 Bỏ đối tượng: Chọn đối tượng / delete 42 Nhóm (group) tách nhóm (ungroup) 42 Khoá (lock) dấu (hide) đối tượng 42 Clipping Mask 42 III CANH CHỈNH VÀ PHÂN BỔ CÁC ĐỐI TƯỢNG 43 BÀI 3: ĐỐI TƯỢNG VÀ LỚP 44 I TỔ CHỨC CÁC ĐỐI TƯỢNG 44 Layer Palette 44 a b c d e f Eye Icon (biểu tượng mắt) 44 Bland column (Ô trống) 44 Layer Line (Thanh lớp) 44 Make/Release clipping mask 44 Nút Create new sublayer 45 Nút Create new layer (tạo layer mới) 45 g Nút Create selection layer 45 Layer Option 45 Menu Layer Palette 46 II SẮP XẾP CÁC ĐỐI TƯỢNG 46 Bring to Front (Crtl+Shit+]): 46 Bring Forward (Ctrl+]): 46 Send Backward (Crtl+[) : 47 Send To Back (Crtl+Shift +]): 47 III KẾT HỢP CÁC ĐỐI TƯỢNG (Pafinder) 47 Shape modes 47 a b c d Add To Shape Ares 47 Subtract From Shape Ares 48 Intersect Shape Area 48 Exclude Shape Area: 48 Pathfinders 48 a Divide 48 b Trim 49 c Merge 49 d Crop 49 e Outline 49 f Minus back 49 BÀI : CÁC MẪU MÀU VÀ CÁC CHẾ ĐỘ MÀU 51 I CÁC CHẾ ĐỘ MÀU VÀ MƠ HÌNH MÀU 51 Mô hình màu HSB 51 Mô hình màu RGB 51 Mô hình màu CMYK 51 II CÁC LOẠI MÀU ĐỐM VÀ MÀU XỬ LÝ 51 Màu đốm 51 Màu xử lý 51 III LÀM VIỆC VỚI CÁC MẪU MÀU 52 IV ÁP DỤNG MÀU (TÔ MÀU) 52 V Fill 52 Tô màu đơn: 52 Tô màu chuyển sắc (Gradient Fill) : 53 Tô lưới (mesh) 53 Tạo đối tượng tô lưới lệnh Object > Create Gradient Mesh 53 Tạo đối tượng tô lưới công cụ Gradient Mesh (U) 54 ÁP DỤNG MÀU BẰNG CÁCH SỬ DỤNG HỘP CÔNG CỤ 54 VI SỬ DỤNG PALETTE COLOR 55 VII ÁP DỤNG MÀU BẰNG CÁCH RÊ VÀ THẢ 55 VIII SỬ DỤNG PALETTE STROKE 55 IX SỬ DỤNG PALETTE SWATCHES 55 X SỬ DỤNG LỆNH SWATCH LIBRARIES 57 BÀI 5: TẠO HIỆU ỨNG MÀU ĐỒNG NHẤT 59 I CÀI ĐẶT SỰ QUẢN LÝ MÀU 59 Mở hộp thoại Color setting : 59 Sử dụng xác lập quản lý màu ấn định sẵn 59 II TẠO TÙY BIẾN XÁC LẬP QUẢN LÝ MÀU 59 III CHỈ ĐỊNH CÁC CHÍNH SÁCH QUẢN LÝ MÀU 60 IV CHỈ ĐỊNH MỘT CÔNG CỤ QUẢN LÝ MÀU 60 BÀI 6: HIỆU ỨNG VÀ BỘ LỌC 61 I TỔNG QUAN VỀ HIỆU ỨNG VÀ BỘ LỌC 61 II ÁP DỤNG VÀ ĐIỀU CHỈNH HIỆU ỨNG 61 Lựa chọn đối tượng palette Layer 61 Lựa chọn đường viền palette Appeareance 61 Lựa chọn hiệu ứng 62 III THÊM VÀ CHỈNH HIỆU ỨNG TRÊN STYLE 62 Mở Style từ thư viện: 62 Chọn kiểu style tương ứng: 63 IV MỘT SỐ HIỆU ỨNG VÀ BỘ LỌC VECTOR 63 Effect/Distort & Transform (biến dạng) 63 a b c d e f Free Distort: 63 Pucket and Bloat: 64 Roughen: 64 Tweak: 65 Twist: 65 ZigZag: 66 Effect/Stylize 66 a b c d e f Drop Shadow: 66 Feather: 66 Inner Glow: 67 Outer Glow: 67 Round corners: 68 Scribble: 68 Extrude 68 Blend 68 Envelop: Object / Envelop Distort 70 a b c d e V Object/Envelop Distort/Make with Wrap 70 Object/Envelop Distort/Make with Mesh 70 Object/Envelop Distort/Make with Top Object 71 Object/Envelop Distort/Release 71 Object/Envelop Distort/Expand 71 HIỆU ỨNG VÀ BỘ LỌC MÀNH 71 BÀI 7: TẠO CHỮ, ĐỊNH KIỂU VÀ HIỆU ỨNG CHỮ 73 I CÁC CÔNG CỤ TẠO CHỮ 73 Công cụ Type 73 Công cụ Area Type 73 Công cụ Path Type 73 Công cụ Vertical Type 73 Công cụ Vertical Area Type 73 Công cụ Vertical Path Type 74 Công cụ Touch Type 74 Một số công dụng khác chữ 74 a Type/Area Type Option : 74 b Type/Change case : chuyển đổi chữ 74 II NHẬP CHỮ : chuyển văn từ file khác sang Illustrator 74 III ĐƯỜNG BAO 75 Nhập đoạn văn 75 Tạo đường bao 75 Xem kết 75 Tài liệu tham khảo 76 GIÁO TRÌNH MƠN HỌC/MƠ ĐUN Tên mơn học: Adobe Illustrator Mã môn học: MH 16 Thời gian thực môn học: 75 giờ; (Lý thuyết: 15 giờ; Thực hành, thí nghiệm, thảo luận, tập: 55 giờ; Kiểm tra: giờ) I Vị trí, tính chất mơn học: - Vị trí: mơn học bố trí vào học kỳ - Tính chất: mơn học chun ngành II Mục tiêu mơn học: - Về kiến thức: Trình bày lệnh vẽ bản, hiệu chỉnh, hiệu ứng, màu sắc,… với phần mềm Illustrator; Trình bày khái niệm lớp thao tác lớp; Trình bày cách tạo chữ, định kiểu hiệu ứng chữ - Về kỹ năng: Sử dụng công cụ phần mềm Illustrator; Vận dụng lệnh vẽ, hiệu chỉnh, tạo hiệu ứng,… phần mềm Illustrator để hoàn thành sản phẩm như: Thiết kế quảng cáo, tạo mẫu, thiết kế ảnh cho Web … - Về lực tự chủ trách nhiệm: Cẩn thận, tự giác học tập; Yêu cầu tính độc lập thực tập III Nội dung môn học: Nội dung tổng quát phân bổ thời gian: Thời gian (giờ) Thực Số hành, thí Tên chương, mục Tổng Lý Kiểm TT nghiệm, số thuyết tra thảo luận, tập Chương 1: Làm quen với Illustrator Chương 2: Các thao tác với đối tượng 10 Chương 3: Đối tượng lớp Chương 4: Các mẫu màu chế độ màu 11 Chương 5: Tạo hiệu ứng màu đồng 10 Chương 6: Hiệu ứng lọc 12 10 Chương 7: Tạo chữ, định kiểu hiệu ứng chữ 17 13 Cộng 75 15 55 Nội dung chi tiết: Chương 1: Làm quen với Illustrator Thời gian: Mục tiêu: Trình bày kiến thức với llustrator; Sử dụng công cụ Illustrator Nội dung chương: 2.1 Các thao tác Thời gian: 2.2 Làm việc với công cụ Thời gian: Chương 2: Các thao tác với đối tượng Thời gian: 10 Mục tiêu: Trình bày thao tác với đối tượng Illustrator; Sử dụng lệnh lựa chọn, định vị, canh chỉnh phân bố đối tượng Nội dung chương: 2.1 Lựa chọn đối tượng Thời gian: 2.2 Định vị đối tượng Thời gian: 2.3 Canh chỉnh phân bổ đối tượng Thời gian: Kiểm tra Thời gian: Chương 3: Đối tượng lớp Thời gian: Mục tiêu: Trình bày kiến thức đối tượng, lớp Illustrator; Tạo lớp; Sử dụng lệnh xếp, kết hợp đối tượng Nội dung chương: 2.1 Tổ chức đối tượng Thời gian: 2.2 Sắp xếp đối tượng Thời gian: 2.3 Kết hợp đối tượng Thời gian: Chương 4: Các mẫu màu chế độ màu Thời gian: 11 Mục tiêu: Trình bày cách tạo mẫu màu chế độ màu Illustrator; Tạo tạo mẫu màu; Sử dụng chế độ màu Nội dung chương: 2.1 Các chế độ màu mơ hình màu Thời gian: 2.2 Các loại màu đốm màu xử lý Thời gian: 2.3 Làm việc với mẫu màu Thời gian: 2.4 Áp dụng màu Thời gian: 2.5 Áp dụng màu cách sử dụng hộp công cụ Thời gian: 2.6 Sử dụng palette Color Thời gian: 2.7 Áp dụng màu cách rê thả Thời gian: 2.8 Sử dụng palette Stroke Thời gian: 2.9 Sử dụng palette Swatches Thời gian: Kiểm tra Thời gian: Chương 5: Tạo hiệu ứng màu đồng Thời gian: 10 Mục tiêu: Trình bày cách tạo hiệu ứng màu đồng Illustrator; LỰA CHỌN HIỆU ỨNG Từ menu Effect nhấp chọn tới nhóm hiệu ứng cần thiết lập, tìm tới hiệu ứng cần áp dụng cần áp dụng danh sách Hộp thoại hiệu ứng xuất bạn đạt thông số cho hiệu ứng Hiệu ứng xuất palette Appearance Muốn chỉnh sửa lại thông số cho hiệu ứng nháy đúp vào tên hiệu ứng palette Appearance III THÊM VÀ CHỈNH HIỆU ỨNG TRÊN STYLE Mở cửa sổ Graphic Styles cách nhấp chọn mục menu Window MỞ CÁC STYLE TỪ THƯ VIỆN: Nhấp menu cửa sổ Graphic Styles, chọn tới mục Open Graphic Styles Library tìm tới mục cần mở CHỌN KIỂU STYLE TƯƠNG ỨNG: Chọn đối tượng/chọn kiểu style bảng Graphic Styles Trong menu Graphic Styles tiến hành tùy chọn tạo mới, nhân đơi, xóa Slyte, thay đổi cách hiển thị Style IV MỘT SỐ HIỆU ỨNG VÀ BỘ LỌC VECTOR EFFECT/DISTORT & TRANSFORM (BIẾN DẠNG) Gồm lệnh làm biến dạng đối tượng a Free Distort: Dùng để biến dạng tự đối tượng hình học b Pucket and Bloat: Ta làm biến dạng theo cách khác cách kéo trượt c Roughen: Làm cho đường cong trở nên “gồ ghề” d Tweak: Cũng dùng để làm biến dạng đối tượng cách ngẫu nhiên e Twist: Dùng để vặn xoắn đối tượng f ZigZag: Có tác dụng gần giống lệnh Roughen, làm cho điểm neo dịch chuyển đoạn nhau, không ngẫu nhiên Roughen EFFECT/STYLIZE a Drop Shadow: Tạo bóng b Feather: Làm nhịe chu vi hình vẽ c Inner Glow: Tỏa sáng vào bên − − − Mode : chọn chế độ hòa trộn màu Opacity : thay đổi độ mờ đục Blur : thay đổi khoản chói sáng trải rộng d Outer Glow: Tỏa sáng bên − − − Mode : chọn chế độ hòa trộn màu Opacity : thay đổi độ mờ đục Blur : thay đổi khoản chói sáng trải rộng e Round corners: Góc trịn f Scribble: Biến đổi hình vẽ thành nét tự EXTRUDE Tạo đối tượng 3D Vào Effect/3D + Extrude&Bevel : kéo dài đối tượng 2d lên 3d + Revolve: xoay tròn đối tượng 2d thành + Rotate : xoay đối tượng 2d BLEND Tạo chuỗi đối tượng trung gian có thay đổi hình dáng màu sắc dựa hai hay nhiều đối tượng ban đầu Thao tác: - Sắp xếp vị trí đối tượng Object/Blend/Make dùng công cụ Blend(W) Hủy hiệu ứng : Object/Blend/Release Hiệu chỉnh Blend : Object/Blend/Blend options Hình 1.56 Spacing: Khoảng cách + Smooth Color : tự động tính số bước chuyển cho mịn + Specified Steps : định số bước xác định + Specified Distance : xác định khoảng cách đối tượng trung gian * Tạo Blend phân bố đường Path : + Chọn đối tượng blend + Vẽ đường path tự + Chọn hai đối tượng + Chọn chức Object > Blend > Replace Spine - Để đảo vị trí đối tượng ban đầu ta chọn Object/Blend/Reverse Spine - Để đảo thứ tự đối tượng ban đầu ta chọn Object/Blend/Reverse Front to Back - Để bung blend object thành đối tượng riêng lẻ, ta chọn Object/Blend/Expand, chọn tiếp Object/Ungroup ( Ctrl + Shift + G) Hình 1.60 ENVELOP: OBJECT / ENVELOP DISTORT Sử dụng đối tượng làm hình bao hình dáng, đối tượng nội dung bên thay đổi theo hình bao Sau thực hiệu ứng ta chỉnh sửa hình bao nội dung bên a Object/Envelop Distort/Make with Wrap Để chỉnh sửa : - Dùng công cụ chọn trực tiếp để chỉnh sửa hình dáng đường bao - Chọn Envelop Distor/Reset With wrap để thay đổi thông số - Để thay đổi nội dung Envelop : Envelop Distor/Edit content Sau chỉnh sửa xong ta chọn lại lệnh lần b Object/Envelop Distort/Make with Mesh Áp dụng lưới lên đối tượng Khi làm biến dạng điểm lưới đối tượng bên biến đổi theo Thao tác : - Chọn đối tượng (dạng vector, ảnh bitmap, text) - Object/Envelop Distor/Make with Mesh Để chỉnh sửa : - Dùng công cụ chọn trực tiếp để chỉnh sửa lưới - Chọn Envelop Distort/Resets with Mesh để thay đổi số hàng, số cột lưới c Object/Envelop Distort/Make with Top Object Dùng đối tượng (dạng vector) nằm làm hình bao biến dạng đối tượng bên Thao tác : - Vẽ đối tượng làm hình bao đưa lên - Chọn đối tượng (vector, chữ, ảnh bietmap) - Object/Envelop Distort/Make with Top Object Để chỉnh sửa - Dùng công cụ chọn trực tiếp để chỉnh sửa hình bao - Để thay đổi nội dung Envelop: Envelop Distor/Edit content Sau chỉnh sửa xong ta chọn lại lệnh lần d Object/Envelop Distort/Release Tách rời Envelop thành phần nội dung hình bao ban đầu e Object/Envelop Distort/Expand Chuyển Envelop thành đối tượng bình thường V HIỆU ỨNG VÀ BỘ LỌC MÀNH Vào Effect/Rasterize - Color Model : chọn chế độ màu Resolution : chọn độ phân giải Background : chọn màu Option : tùy chọn khác Hình 1.70 BÀI 7: TẠO CHỮ, ĐỊNH KIỂU VÀ HIỆU ỨNG CHỮ I CÁC CÔNG CỤ TẠO CHỮ CÔNG CỤ TYPE Tạo chữ tự do, dùng đánh chữ vào vẽ CÔNG CỤ AREA TYPE Cho chữ chạy path Kẻ trước đối tượng/chọn công cụ Area Type/ click vào viền đối tượng để nhập nội dung CÔNG CỤ PATH TYPE Cho chữ chạy theo đường path Tạo đường path/chọn công cụ Path Type/click lên đường path để nhập nội dung Để hiệu chỉnh : Type/Type on a Path/Type on a Path Options CÔNG CỤ VERTICAL TYPE Giống công cụ Type dùng cho chữ Trung Quốc, Nhật Bản (chữ từ xuống từ phải qua trái) CƠNG CỤ VERTICAL AREA TYPE Giống cơng cụ Area Type dùng cho chữ Trung Quốc, Nhật Bản (chữ từ xuống từ phải qua trái) CÔNG CỤ VERTICAL PATH TYPE Cho chữ chạy dọc theo Path CÔNG CỤ TOUCH TYPE Cho phép chỉnh sửa chi tiết chữ dòng chữ MỘT SỐ CÔNG DỤNG KHÁC CỦA CHỮ a Type/Area Type Option : Định dạng khối văn Width : bề rộng khối văn Height : chiều cao khối văn Rows : + Number : số dòng + Span : chiều cao dòng + Gutter : khoảng cách dòng Columns : + Number : số cột + Span : bề rộng cột + Gutter : khoảng cách cột Offset : + Inset Spacing : k/c chữ với khung bên ngồi + First Baseline : vị trí đường dòng Options : Text Flow : cho chữ chạy theo nhiều kiểu khác b Type/Change case : chuyển đổi chữ + Upper case : đổi chữ thường thành chữ hoa + Lower case : đổi chữ hoa thành chữ thường + Title case : chữ hoa đầu từ + Sentence case : chữ hoa đầu dòng II NHẬP CHỮ : CHUYỂN VĂN BẢN TỪ FILE KHÁC SANG ILLUSTRATOR - Chọn đường dẫn đến đoạn văn bản: Vào File/place Xuất hộp thoại/chọn file cần chèn - → Dùng chuột kẻ khung hình chữ nhật để hiển thị nội dung III ĐƯỜNG BAO Đổi chữ thành đường cong hình học Khi chữ dạng Outline, ta dùng cơng cụ Direction Selection (A) để chỉnh sửa chữ NHẬP ĐOẠN VĂN BẢN TẠO ĐƯỜNG BAO Vào Type/Create Outlines XEM KẾT QUẢ Tài liệu tham khảo [1] Nguyễn Đức Hiếu, Tự học Illustrator CS6 thiết kế đồ họa, NXB Hồng Đức, 2013 [2] Nguyễn Văn Khương, Tự học nhanh đồ họa Illustrator 8.0&9.0, NXB Văn Hóa Thơng Tin, 2018 [3] Phùng Thị Nguyệt, Giáo trình thực hành Illustrator, NXB Vận Tải, 2009 ... nghiêm cấm LỜI GIỚI THIỆU Giáo trình ? ?Adobe Ilustrator? ?? biên soạn để phục vụ cho công tác giảng dạy học tập giảng viên, học sinh, sinh viên chuyên ngành Thiết kế đồ họa, tài liệu tham khảo cho... mơn học: Chương trình mơn học Adobe Illustrator sử dụng để giảng dạy cho sinh viên trình độ cao đẳng chuyên ngành Thiết kế đồ họa Hướng dẫn phương pháp giảng dạy, học tập môn học: - Đối với giảng... tâm - Diameter : đường kính - Opacity : độ mờ đục - Brightness : ánh sáng Rays : Tia - Number : số lượng tia - Longest : tỷ lệ tia dài tia trung bình - Fuzziness : độ mờ Halo : quầng sáng - Growth