Giáo trình môn họcmô đun Công cụ thiết kế và vẽ đồ họa (Ngành nghề Thiết kế trang web)

ỦY BAN NHÂN DÂN TỈNH LÂM ĐỒNG TRƯỜNG CAO ĐẲNG NGHỀ ĐÀ LẠT GIÁO TRÌNH MƠN HỌC/ MƠ ĐUN: CƠNG CỤ THIẾT KẾ VÀ VẼ ĐỒ HỌA NGÀNH/ NGHỀ: THIẾT KẾ TRANG WEB TRÌNH ĐỘ: CAO ĐẲNG Ban hành kèm theo Quyết định số: 1157/QĐ-CĐNĐL ngày 11 tháng 12 năm 2019 Hiệu trưởng Trường Cao đẳng Nghề Đà Lạt (LƯU HÀNH NỘI BỘ) Lâm Đồng, năm 2019 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 nguyên 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 Giáo trình lưu hành nội Trường Cao đẳng Nghề Đà Lạt LỜI GIỚI THIỆU Vài nét xuất xứ giáo trình: Giáo trình viết theo Thông tư số 03/2017/TT-BLĐTBXH ngày 01 tháng 03 năm 2017 Bộ Lao động – Thương binh Xã hội việc Quy định quy trình xây dựng, thẩm định ban hành chương trình; tổ chức biên soạn, lựa chọn, thẩm định giáo trình đào tạo trình độ trung cấp, trình độ cao đẳng Quá trình biên soạn: Giáo trình biên soạn có tham gia tích cực giáo viên có kinh nghiệm, với ý kiến đóng góp quý báu chuyên gia lĩnh vực công nghệ thông tin Mối quan hệ tài liệu với chương trình, mơ đun/mơn học: Căn vào chương trình đào tạo nghề Thiết kế trang web, giáo trình giúp cung cấp cho người học kiến thức kỹ thuật thiết kế poster, panel kỹ sử dụng phần mềm Illustrator Để học mô đun người học cần có kiến thức tin học có tính thẩm mỹ Cấu trúc chung giáo trình bao gồm phần: Phần Các kiến thức Phần Cơng cụ biên tập hình ảnh Lời cảm ơn Giáo trình biên soạn sở văn quy định Nhà nước tham khảo nhiều tài liệu liên quan có giá trị Song hẳn q trình biên soạn khơng tránh khỏi thiếu sót định Ban biên soạn mong muốn thực cảm ơn ý kiến nhận xét, đánh giá chun gia, thầy đóng góp cho việc chỉnh sửa để giáo trình ngày hoàn thiện Lâm Đồng, ngày 10 tháng 12 năm 2019 Tham gia biên soạn Phạm Đình Nam Ngơ Thiên Hồng Nguyễn Quỳnh Ngun Phan Ngọc Bảo Mục lục BÀI – GIAO DIỆN LÀM VIỆC Không gian làm việc Các Panel Panel Tools 10 Preferences Presets 17 Undo Automation 19 Tạo File 22 Nhiều Artboard 25 Lưu xuất File 28 Mở File 30 Thêm ảnh vào Illustrator 31 Di chuyển xung quanh Workspace 31 Sử dụng Adobe Bdidge 36 BÀI - VẼ, CHỈNH SỬA CÁC ĐƯỜNG VÀ HÌNH DẠNG 37 Các công cụ Shape 37 Các công cụ Line Segment 43 Chỉnh sửa đường hình dạng 48 Các công cụ cắt 52 BÀI – LÀM VIỆC VỚI CÁC VÙNG CHỌN 54 Công cụ Selection 54 Công cụ Direct Selection 55 Công cụ Group Selection 55 Công cụ Magic wand 56 Công cụ Lasso 57 Công cụ Eyedropper 57 BÀI - LAYER 59 Tìm hiểu Layer 59 Sử dụng Panel Layers 60 Tạo Layer khuôn mẫu 64 Tổ chức lại Layer 66 Bài – Màu sắc Illustrator 67 Panel Color 67 Color picker 70 Panel Color Guide 71 Panel Swatches 74 PHẦN – CÔNG CỤ VÀ BIÊN TẬP HÌNH ẢNH 80 BÀI - PENCIL, ERASER, PAINTBRUSH VÀ BLOB BRUSH 80 Công cụ Pencil 80 Công cụ Smooth 82 Công cụ Path Eraser 83 Công cụ Eraser 83 Công cụ Paintbrush 85 BÀI – CÔNG CỤ PEN 93 Công cụ Pen 93 Biên tập đường Path 99 BÀI – CÔNG CỤ TYPE 102 Công cụ Type 102 Định dạng Type 107 Công cụ Area Type 110 Công cụ Type on A path 110 Công cụ Vertical Type 112 Bao bọc text xung quanh đối tượng 114 Làm cong text Envelope Distort 115 Đặt vừa vặn dòng đề mục 117 Thực thi lệnh Type khac 117 10 Chuyển đổi Type thành outline 118 BÀI - CÔNG CỤ BIẾN ĐỔI 120 Các công cụ Transformation 120 Panel Transform 123 Các lệnh menu Transform 124 BÀI - PATTERN VÀ GRADIENT 125 Các Pattern 125 Các Gradient 127 BÀI - SYMBOL, ÁNH SÁNG 3D VÀ FLASH 132 Panel Symbols 132 Các thư viện Symbol 133 Làm việc với Symbol 134 Các công cụ Symbolism 136 Ánh xạ ảnh Symbol vào đối tượng 3D 137 Tích hợp Symbol với Flash 140 BÀI - TẠO CÁC KIỂU HÒA TRỘN 142 Tạo Blend 142 Các tùy chọn Blend 143 Biên tập kiểu hòa trộn 144 Các tùy chọn menu Blend 145 Bài - Clipping Mask đường Path phức hợp 146 Các mặt nạ xén 146 Các đường path phức hợp 149 PHẦN - CÁC KIẾN THỨC CƠ BẢN BÀI – GIAO DIỆN LÀM VIỆC Không gian làm việc Khi lần đầu khởi động Illustrator, bạn thấy không gian làm việc (Wokrspace) bao gồm ứng dụng với khung ứng dụng bên nó, (Panel Tools nằm bên trái Panel mặc định thu gọn neo bên phải Thanh menu Thanh menu chứa link dẫn đến tính cơng cụ lệnh Illustrator nút để mở bdidge, menu để chọn Layout widget menu tắt để chọn cấu hình Workspace khác Panel control Panel control Panel hỗ trợ công cụ riêng biệt the ngữ cảnh với thay đổi nội dung cho phù hợp với công cụ chọn /hoặc đối tượng chọn Workspace Hình minh họa ví dụ Panel control hỗ trợ cơng cụ Selection Sử dụng tính khác Panel cotrol để tùy biến công cụ biên tập tài liệu bạn tạo Thanh trạng thái Thanh trạng thái (status bar) đặt mép trái Artboard Khi xuất hiện,vùng hiển thị ba tính đặc biệt: Mức phóng đại hành Artboard (hoặc mức zoom), nút định hướng Artboard vùng hiển thị thông tin minh họa hình đây: Phóng đại Vùng phóng đại hiển thị mức độ phóng đại tài liệu số 3,13% 6400% Sử dụng nút menu xổ xuống để điều chỉnh xác lập zoom Định hướng Artboard Khi nhiều Artboard phát hiện, nút first, prevous, next last kích hoạt, cho phép bạn nhanh chóng nhảy đến chọn artbord mong muốn Workspace Vùng hiển thị Vùng tùy biển thơng qua menu Show menu để hiển thị công cụ, ngày tháng thời gian hành, số lần undo redo, Color proFile tài liệu trạng thái File quản lý Bạn sử dụng vùng để truy cập lệnh version cue xem File hành adobe bdidge cách chọn reveal in bdidge Artboard Artboard vùng hình chữ nhật hành Workspace xác định in họa hình phía đối tượng đặt hướng đến mép (để tạo „leed‟) chí bên ngồi ranh giới Artboard đối tượng bên Artboard in Bạn lập kích cỡ khối lượng Artboard lần bạn tạo File Tùy biến Workspace Các dự án (project) khác thường địi hỏi cấu hình khác Panel cơng cụ bên Workspace Trong Illus-trator bạn tạo lưu Layout tùy ý riêng bạn tái sử dụng chúng nào.để lưu Workspace tùy ý riêng bạn, thiết lập Workspace theo cách bạn mong muốn làm theo bước sau đây: Bước 1: Chọn Window | Workspace | New Workspace Bước 2: Trong hộp thoại New Workspace vừa mở ra, gõ nhập tên cho Workspace nhấn nút Ok Bước 3: Để sử dụng Workspace mới, chọn tên từ menu Window | Workspace Các Panel Sử dụng Panel Illustrator đặ “dock” dọc theo phía phải hình để biên tập tài liệu, tùy biến xác lập cơng cụ, hồn thành tác vụ cụ thể cụ thể dòng làm việc Theo mặc định dock thu gọn Để mở rộng nó, nhấp mũi tên kép nhỏ hướng sang trái lần phần dock Các pancel nhóm lại thành họ cơng cụ tương tự Ví dụ Panel Swatches nhóm với brusches Symbols hình đây: Hầu hết Panel chia sẻ tính định chẳng hạn nút (button bar) cuối, menu tùy chọn Flyout, khả mở rộng, thu gọn neo mép phải Workspace sau tổng quan sơ lược Panel: - Actions: Sử dụng Panel để ghi phát loại bước thao tác - Align: Panel cho phép bạn chỉnh đối tượng - Appearance: Panel cho bạn xem, tạo áp dụng thuộc tính đối tượng chẳng hạn nhiều vùng tô (fill), nhiều nét (Strokes), độ suốt (transparency),và hiệu ứng (effects) - Attdibutrs: Sử dụng Panel để xem thông tin in đè URL web kết hợp với đối tượng chọn - Brusches: Panel cho bạn chọn loại cọ - Color: Sử dụng Panel để chọn áp dụng mầu vào tài liệu - Color guide: Panel cho bạn truy cập nội dung hướng dẫn live Color - Control: Đây Panel control nơi bạn tùy biến xác lập công cụ riêng lẻ - Document info: Sử dụng Panel để xem thơng tin File chẳng hạn kích cỡ mầu (Artboard, chế độ Color mode), chi tiêt Font đơn vị thước đo - Flattener Preview : Panel cho bạn thấy ảnh (artwork), làm phẳng điều chỉnh xác lập flattener - Gradient: Panel cho bạn áp dụng xác lập Gradient - Graphbic styles: Sử dụng Panel để xem, tạo áp dụng kiểu đồ họa (graphbic style) tùy ý - Info: Panel hiển thị thông tin đối tượng chọn chẳng hạn tọa độ X / Y, chiều rộng chiều cao, giá trị mầu cho Stroke (nét) fill (vùng tô) - Layers: Sử dụng Panel để tổ chức tài liệu Layer (lớp) khác - Links: Panel hiển thị danh sách tất đối tượng dặt liên kết với tài liệu hành - Magic wand: Sử dụng Panel để điều chỉnh xác lập công cụ Magic wand - Navigator: Sử dụng Panel để xem điều chỉnh mức phóng đại tài liệu - Pathfinder: Panel cho phép bạn áp dụng kiểu biến đổi để thêm (add), bớt (subtract), xén (tdim), làm giao (intersecrt) loại trừ (exclude)và trộn (merge)các đối tượng - Separations Preview : Panel cho bạn trước việc in đè tách mầu tài liệu di chuyển chuột Trong tập hợp Symbol, bạn sử dụng cơng cụ để điều chỉnh thứ tự xếp tầng Symbol - Công cụ Symbol Scruncher: Công cụ di chuyển instance Symbol xa đến gần Để di chuyển Symbol lại gần hơn, nhấp rê chuột hướng đến tiêu điểm rê chuột đến tiêu điểm scrunching nhả Symbol nằm khoảng cách mong muốn Để di chuyển Symbol xa nhau, nhấn giữ phím Alt bạn nhấp rê chuột, sau nhả Symbol nằm khoảng cách mong muốn - Công cụ Symbol Sizer: Cơng cụ điều chỉnh kích cỡ instance Symbol Để làm cho Symbol lớn hơn, nhấp rê qua Symbol Để làm cho Symbol nhỏ hơn, nhấn giữ Alt bạn nhấp rê - Công cụ Symbol Spinner: Công cụ xoay instance Symbol Artboard bạn rê theo hướng mà bạn muốn đối tượng xoay - Công cụ Symbol Stainer: Sử dụng công cụ để diều chỉnh instance Symbol Bạn giúp định kết vết màu tạo công cụ việc chọn màu (fill color) trước áp dụng công cụ Để loại bỏ màu vết đảo ngược Symbol trở màu gốc nó, nhần giữ phím Alt bạn nhấp rê - Công cụ Symbol Screener: Cơng cụ thay đổi độ mờ đục instance Symbol tạo hiệu ứng bán suốt đến suốt đầy đủ Nhấp rê qua vùng để áp dụng độ suốt nhấn giữ phím Alt bạn rê để loại bỏ suốt phục hồi instance Symbol trở độ mờ đục 100% - Công cụ Symbol Styler: Bạn sử dụng công cụ để áp dụng style (kiểu) chọn từ panel Graphic Styles vào Styles thư viện Graphic Styles tạo style riêng bạn Để áp dụng graphic Style (kiểu đồ họa), chọn tập hợp Symbol Artboard style từ panel Graphic Style sau rê qua tập hợp Symbol Nhấn phím Alt để từ từ loại bỏ style khỏi instance Symbol Ánh xạ ảnh Symbol vào đối tượng 3D Tạo đối tượng 3D Illustrator chưa dễ dàng Bạn tạo đối tượng 3D từ hình dạng sau xác lập tùy chọn rotation, extrude, bevel, revolve, surface shading lighting để làm bật thêm hiệu ứng 3D Thậm chí, bạn ánh xạ Symbol lên ảnh 3D để đạt ảnh kết xuất thực Để minh họa việc chuyển đổi hình dạng bình thường thành 3D ánh xạ ảnh lên cách đơn giản nào, xem hai đối tượng hình đây: 137 Một đối tượng biến thành đối tượng 3D sử dụng hiệu ứng Extrude & Bevel, đối tượng trở thành 3D nhờ hiệu ứng Revolve hai đối tượng ánh xạ Symbol tùy ý Extrude & Bevel, Revolve Map art Để biến đối tượng 2D thành đối tượng 3D sử dụng hiệu ứng Extrude & Bevel, hiệu ứng kéo dài đối tượng dọc theo trục Z hiệu ứng Revolve xoay đối ượng theo hình trịn thẳng đứng dọc theo trục Y sau ánh xạ Symbol lên nó, làm theo bước sau đây: - Chọn đối tượng Artboard Chọn Effect | 3D | Extrude & Bevel Effect | 3D | Revolve Chọn xác lập mong muốn hộp thoại Để xem trước đối tượng trước chấp nhận hiệu ứng Extrude & Bevel, nhấp hộp Preview Nhấp nút More Options để thấy tập hợp đầy đủ tùy chọn 3D + Position: Quyết định góc xoay phối cảnh đối tượng Xem qua tùy chọn để thấy hình khối xem trước 3D thay đổi Xác lập thay đổi x, y z -1800 1800 bạn biết chúng nhấp rê hình khối 3D đối tượng trông phù hợp Nếu muốn, điều chỉnh tỉ lệ phần trăm phối cảnh + Extrude & Bevel: Xác lập chiều sâu đùn xuất, múi (cap) mặt vát (bevel) đối tượng 138 + Revolve: Xác lập góc đối tượng (cố độ xoay 360), cap (đặc rỗng), offset (khoảng cách trục xoay đường path) từ mép trái mép phải dạng trục + Surface: Thêm mẫu kết cấu bề mặt đối tượng từ mờ (matte) đến bóng lán (shiny) Các tùy chọn bao gồm wireframe, No Shading, Diffuse Shading Plastic Shading Chọn Plastic Shading để đạt hiệu ứng 3D thực + Lighting: Áp dụng ánh sáng vào đối tượng thay đổi màu tơ bóng đối tượng Nhấp biểu tượng ánh sáng hình cầu ánh sáng để định lại vị trí ánh sáng Nhấp nút New Light để bổ xung thêm nguồn ánh sáng nút Delete Light để loại bỏ nguồn ánh sáng chọn không mong muốn Màu tơ bóng mặc định màu đen, bạn thay đổi thành màu panel Sưatches cách chọn Custom từ menu Shading Color Để ánh xạ ảnh Symbol lên bề mặt đối tượng 3D, nhấp nút Map Art Trong hộp Map Art, chọn Symbol từ menu xổ xuống Symbol cho bề mặt đối tượng Nhấp nút Next Previous Surface để chuyển đổi bề mặt khác đối tượng mà tạo đường nét bao quanh màu đỏ để hỗ trợ cho việc bạn chọn Symbol để hỗ trợ bề mặt Để tơ bóng ảnh màu tơ bóng, nhấp tùy chọn Shade Artwork Khi hồn tất, nhấp OK 139 Tích hợp Symbol với Flash Kể từ Illustrator CS3, Symbol Illustrator làm việc giống hệt Symbol Flash, làm cho tiến trình chia sẻ ảnh hai chương trình trở nên dễ dàng miễn bạn chuẩn bị Symbol hộp thoại Symbol Options bạn tạo Symbol sau phần dịng làm việc chuẩn bị trước import export Symbol Flash Để xác lập Symbol để tích hợp vào Flash, nhấp đôi Symbol panel Symbols để kích hoạt hộp thoại Symbols Options Bắt đầu cách đặt cho Symbol tên, chẳng hạn Button Cloud sau xác lập loại Symbol sang MovieClip Bạn xác lập lại điều sau Flash cần thiết Xác lập Flash registration cho Symbol sử dụng biểu tượng registration Nhấp hình vng lưới registration tượng trưng tốt cho vùng Symbol mà bạn muốn sử dụng làm dầu registration nó, chẳng hạn mép trái tâm Nếu bạn dự định tạo Symbol định tỷ lệ, đánh dấu kiểm tùy chọn Enable Guides For 9-Slice Scaling để bảo đảm Symbol định tỷ lệ phù hợp với MovieClip Một bước khác mà bạn muốn thực trước gởi ảnh Illustrator sang Flash đặt tên cho tất instance Symbol Artboard Bạn làm điều việc chọn instance Artboard thêm tên instance trường Instance Name panel Control Điều cuối mà bạn muốn làm thiết lập tất instance Symbol layer riêng biệt đặt tên chẳng hạn Lanscape, Clouds, Trees, Birds Khi bạn làm điều này, Flash giữ lại layer bạn sử dụng tiến trình import export mô tả phần Sau bạn tạo Symbol đặt tên tất instance Illustrator, bạn có ba tùy chọn cho cách đưa các Symbol vào Flash Bạn chép dán Symbol từ Illustrator vào Flash, xuất file định dạng SWF import file AI vào Flash, giữ lại layer, Symbol, tên instance Symbol nhiều Sao chép Symbol sang Flash Để chép Symbol từ Illustrator sang Flash, chọn tất instance Symbol Artboard chọn Edit | Copy để chép vùng chọn sang clipboard máy tính nhấn Ctrl + C Tiếp theo, bạn mở Flash chọn Edit |Paste để dán vùng chọn lên stage Flash nhấn Ctrl + V Một hộp thoại Paste xuất nhắc bạn chọn preference impoted chẳng hạn việc vùng chọn dán có nên đưa vào dạng bitmap hay không sử dụng Ai File Imporrted vào việc dán có nên trì layer hay không Nhấp nút OK để thêm đối tượng vào file Flash layer riêng chúng Nếu bạn chọn đối tượng Flash, bạn ý panel Library inspector Properties Symbol thêm vào panel Library tên instance tất chúng giữ lại Xuất Symbol sang Flash Để xuất file Illustrator chứa Symbol, bạn có tùy chọn để lưu tài liệu dạng file Flash SWF cách chọn File | Export chọn SWF định 140 dạng file Khi hộp thoại SWF Options mở ra, chọn xác lập đáp ứng tốt nh cầu SWF Flash chẳng hạn Export As AI Layer To SWF Frames, Include Inused Symbols Export Text As Outline Bạn nhấp nút Advanced để xác lập thứ định dạng ảnh, độ phân giải tốc độ khung hình (frame rate) tính tạo hoạt hình kiểu hịa trộn xuất layer tĩnh qua tất frame Nếu muốn, bạn xem trước file SWF cửa sổ trình duyệt thiết bị xách tay cụ thể cách nhấp nút Web Preview và/hoặc nút Device Central Để xuất SWF, nhấp nút OK 141 BÀI - TẠO CÁC KIỂU HỊA TRỘN Trong Illustrator CS5, kiểu hịa trộn tập hợp hình dạng tạo hai đối tượng trở lên kết nối công cụ Blend Mặc dù cơng cụ tuyệt vời, hịa trộn tính hay bị bỏ sót Illustrator, Blend tạo hình đồ họa “tween” step (bậc thang) hai nhiều đường, hình dạng chí text có kích cỡ màu Hơn bạn sử dụng lệnh Blend để yêu cầu Illustrator làm toán bạn cần số cụ thể đối tượng đặt cách Không blend hiệu ứng sống bạn biên tập màu nét màu tơ đối tượng chính, vẽ lại đường nối hình dạng, đảo ngược đường, chí mở rộng blend để tạo hình dạng độc đáo riêng lẻ từ blend Tạo Blend Khi bạn sẵn sàng tạo blend (kiểu hòa trộn) hai nhiều đối tượng chính, sử dụng cơng cụ Blend lệnh Blend (Object | Blend | Make) Bạn tạo ba loại kiểu hòa trộn khác minh họa hình đây: Kiểu hịa trộn phân phối màu hình dạng màu hịa trộn đối tượng Sử dụng lệnh Blend Để tạo kiểu hịa trộn lệnh Blend thay sử dụng cơng cụ Blend, chọn hai nhiều đối tượng arboard sau chọn Object | Blend |Make Khi bạn sử dụng lệnh này, Illustrator định kiểu hòa trộn xuất đâu bên đối tượng Cơng cụ Blend Các kiểu hịa trộn tạo từ hai nhiều đối tượng cơng cụ Blend tạo nên đường path bậc thang nơi đường path kiểu hòa trộn (bao gồm thuộc tính Stroke fill chúng biến hình Để tạo kiểu hịa trộn cơng cụ Blend, làm theo bước sau: Đặt đối tượng nơi bạn muốn Artboard Chọn cơng cụ Blend từ panel Tools 142 Nhấp vùng tô mép đối tượng thứ sau nhấp vùng tô hặc mép đối tượng thứ hai để tạo kiểu hòa trộn Để bổ xung thêm đối tượng chính, việc nhấp vùng tơ mép đối tượng Khi kiểu hòa trộn tạo Illustrator vẽ spine đối tượng Các tùy chọn Blend Các kiểu hòa trộn tự động tạo với kiểu hòa trộn sử dụng sau định hộp thoại Blend Options Để thay đổi kiểu hòa trộn từ kiểu sang kiểu khác, chọn đối tượng hòa trộn Artboard chọn kiểu hòa trộn khác từ hộp thoại Blend Options Để mở hộp thoại Blend Options, nhấp đôi công cụ Blend panel Tools chọn Object | Blend | Blend Options - Smooth Color: Tạo kiểu hòa trộn nhẵn sử dụng nhiều bậc thang tùy mức cần thiết để hào trộn nhẵn hình dạng màu đối tượng - Specified Steps: Tạo kiểu hịa trộn biến dạng hình màu đối tượng số bậc thang xác định 254 cho kiểu hòa trộn siêu 143 nhẵn cho kiểu hòa trộn kiểu năm 1970 hợp thời trang có sọc rõ ràng - Specified Distance: Tạo kiểu hòa trộn biến dạng hình dạng màu đối tượng khoảng cách xác định sử dụng đơn vị đo chẳng hạn in 10pt - Align to Page: Xác lập hướng kiểu hòa trộn sang mục x trang minh họa hình đây: - Align to Path: Dịch chuyển hướng hòa trộn từ trang sang đường path spine kiểu hào trộn Biên tập kiểu hòa trộn Các kiểu hòa trộn Illustrator hiệu ứng sống nghĩa bạn thay đổi đối tượng kiểu hịa trộn, chọn kiểu hào trộn tất bậc thang đối tượng cập nhật để phản ánh thay đổi Tất kiểu hịa trộn có hai nhiều đường path Illustrator xem đối tượng đơn biên tập, nghĩa bạn biên tập đối tượng để tạo tức kiểu hào trộn trơng khác đường path đối tượng vẽ lại lần bạn thực thay đổi Để biên tập kiểu hòa trộn, thử kiểu biên tập trực tiếp sau đây: 144 - Chọn đối tượng cơng cụ Direct Selection biên tập màu tô, màu net, bề dày nét hình dạng biên tập hình dạng việc định lại vị trí đối tượng điểm neo điều chỉnh núm hướng Nếu cần thiết, thêm bớt điểm neo sử dụng công cụ Add Anchor Point Delete Anchor Point Pen - Vẽ lại spine từ tâm đối tượng đến tâm đối tượng sử dụng công cụ Pencil điều chỉnh spine cách chọn điểm neo đường path công cụ Direct Selection - Chọn đối tượng cơng cụ Direct Selection biên tập sử dụng công cụ Transform Reshaping - Làm cong kiểu hòa trộn sử dụng lệnh Effect | warp | Arc - Tạo kiểu hòa trộn sử dụng đối tượng 3D - Tạo kiểu hòa trộn sử dụng Symbol Khi Symbol sử dụng, instance Symbol bổ xung thêm vào spine Tuy nhiên Symbol đường path bình thường sử dụng, đường path thay instance Symbol vẽ dọc theo spine Nếu hai Symbol khác sử dụng, đường path vẽ dọc theo spine Các tùy chọn menu Blend Để hỗ trợ chức công cụ Blend, Illustrator đưa tập hợp tùy chọn Blend thông qua menu Object | Blend Bạn tạo giải phóng kiểu hòa trộn, mở rộng kiểu hòa trộn thành hình dạng riêng lẻ, thay đảo ngược spine kiểu hòa trộn đảo ngược thứ tự kiểu hào trộn từ trước sau ngược lại Để sử dụng tùy chọn menu Blend, chọn đối tượng blend Artboard với công cụ Selection chọn lệnh sau từ menu Object | Blend - Make: Chọn tùy chọn để tạo kiểu hòa trộn từ hai nhiều đối tượng chọn Artboard Bạn sử dụng phím tắt để truy cập lệnh này: Alt + Ctrl + B - Release: Chọn lệnh để giải phóng đối tượng cho kiểu hịa trộn trộn đảo ngược hình dạng trở trạng thái chưa hịa trộn ban đầu chúng Truy cập lệnh cách nhấn Alt + Shift + Ctrl + B - Blend Options: Mở hộp thoại Blend Options để thay đổi kiểu hướng kiểu hòa trộn chọn - Expand: Khi bạn muốn chỉnh sửa đường path riêng lẻ đối tượng kiểu hòa trộn, chọn lệnh để tạo loạt hình dạng kết nhóm bao hàm đối tượng Sau bạn rã nhóm, di chuyển biên tập hình dạng riêng lẻ - Replace Spine: Sử dụng lệnh để thay spine kiểu hòa trộn chọn đường path chọn khác (như hình tròn đường ngệch ngoạc) Bạn phải chọn đối tượng hòa trộn đường path trước tùy chọn Replace Spine trở nên có sẵn menu Object | Blend 145 - Reverse Spine: Đảo ngược spine (hoặc giống lật vị trí đối tượng chính) bên kiểu hào trộn, đảo ngược trình tự đối tượng đối tượng - Reverse Front to Back: Đưa đối tượng phía trước đằng sau đối tượng phía sau đằng trước, đảo ngược thứ tự đối tượng bên kiểu hịa trộn Bởi bạn tạo kiểu hòa trộn với nhiều đối tượng, thử nghiệm với đường hình dạng khác Bài - Clipping Mask đường Path phức hợp Trong bạn học hai số kỹ thuật thú vị mà bạn thực với ảnh Illustrator, mặt nạ xén (clipping mask) đường path phức hợp Với mặt nạ xén, bạn che giấu làm ẩn phần ảnh hình dạng khác chẳng hạn làm cho ảnh hình chữ nhật place (import) xuất thể có mép hình chữ nhật bo trịn Trái lại với đường path phức hợp, bạn tạo phần cắt có hình dạng bên đối tượng lớn giống đặt lỗ hình nêm bánh phơ mát Thụy Sĩ Hơn nữa, hai kỹ thuật bạn sử dụng hình dạng đóng, đường path mở, text (các mẫu tự biên tập hặc mẫu tư có đường biên, ảnh chí ảnh định dạng file khác Các mặt nạ xén Trong mặt nạ xén (clipping mask), hai đối tượng kết hợp với lệnh, hình dạng xác định – cửa sổ - vùng mà đối tượng xuất bên Illustrator Nói cách khác, thứ đối tượng bên rơi bên biên đối tượng ẩn, hai màng hình chế độ Preview in Ví dụ ảnh hình minh họa phía đối tượng (ảnh), mặt nạ (hình chữ nhật bo trịn) mặt nạ xén tạo từ chúng hình dạng mặt nạ đặt lên đối tượng sử dụng lệnh Clipping Mask Mặt nạ đối tượng định hình dạng hình dạng đóng, đường path mở, đường path phức hợp chí text Mặt nạ có vùng tơ màu nét màu vào bề dày nét trước mạt nạ tạo đường path (hoặc mép ngồi) hình dạng mặt nạ sử dụng để xác định vùng vốn giải phóng Khơng có giới hạn số đối tượng đưa vào mặt nạ Ví dụ, bạn có 20 đối tượng bên khác bạn muốn phần hình dạng nằm bên đương path hình dạng mặt nạ nhìn thấy mặt nạ xén Các đối tượng tạo mặt nạ bao gồm hình dạng đường path đơn, nhiều đối tượng chí ảnh place (import) file JPG, GIF, PNG, TUFF, EPS, PSD PDF 146 Tạo mặt nạ xén Để tạo mặt nạ, bạn cần hình dạng mặt nạ nhiều đối tượng để tạo mặt nạ Hình dạng mặt nạ phải hình dạng vector ln nằm lên đối tượng tạo mặt nạ trước mặt nạ áp dụng Khi đối tượng nằm đâu vào đấy, chọn mặt nạ đối tượng bên chọn Object | Clipping Mask | Make nhấn phím tắt Ctrl + Điều tạo gọi clipping set Sau mặt nạ che giấu phần đối tượng bên rơi bên ngồi hình dạng mặt nạ hiển thị đối tượng nằm bên hình dạng tạo mặt nạ Khi làm việc với đối tượng layer kết nhóm, sử dụng panel layers để kết hợp mặt nạ xén vào công việc Bắt đầu việc di chuyển tất đối tượng hình dạng mặt nạ xén vào layer nhóm (group) Sau đó, đặt đối tượng mặt nạ phần layer nhóm Tiếp theo nhấp tên layer nhóm panel Layers sau nhấp nút Make/Release Clipping Mask nút panel chọn lệnh Make Clipping Mask từ menu options panel Layers Thêm đối tượng vào mặt nạ Nếu bạn khám phá bạn cần thêm đối tượng khác vào đối tượng để tạo mặt nạ mà bạn tạo nó, đặt đối tượng đằng sau đối tượng, chọn đối tượng đối tượng tạo mặt nạ sau chọn Object | Clipping Mask | Make Bạn thêm loại bỏ đối tượng vào layer mặt nạ vào layer nhóm mặt nạ xén panel Layers Mặt nạ bao gồm đối tượng với hình dạng gốc tạo mặt nạ việc giải phóng mặt nạ gốc khỏi hình dạng tạo mặt nạ tạo mặt nạ Thực tế bạn xem panel Layers, bạn thấy mặt nạ tạo, tất 147 đối tượng mặt nạ (kể hình dạng mặt nạ) kết nhóm lại với làm cho bạn dễ xếp lại đối tượng nhóm bạn cần biên tập di chuyển chúng dạng hình dạng đơn Thêm mặt nạ vào mặt nạ Bạn tạo đối tượng tạo mặt nạ Để tạo đối tượng tạo mặt nạ từ đối tượng tạo mặt nạ, khác đặt hình dạng mặt nạ lên đối tượng tạo mặt nạ (chính với đối tượng tạo mặt nạ / không tạo mặt nạ khác) chọn Object | Clipping Mask | Make Tạo mặt nạ Type Tạo mặt nạ Type giống y tạo mặt nạ với đối tượng Viết từ dùng làm mặt nạ đặt Type lên đối tượng cần tạo mặt nạ Chọn tất đối tượng chọn Object | Clipping Mask | Make Các đối tượng tạo mặt nạ làm lộ bên hình dạng mẫu tự ví dụ hình đây: Vì hiệu ứng sống, bạn chọn biên tập Type (điều tự động đặt đối tượng mặt nạ chế độ Isolation Mode cho mục đích biên tập) đối tượng tạo mặt nạ tự động cập nhật Biên tập mặt nạ xén Để biên tập nội dung đối tượng mặt nạ xén (chẳng hạn chọn chỉnh sửa hình dạng mặt nạ đường path đối tượng tạo mặt nạ công cụ Direct selection thay đổi nét vùng tô đường path), có vài cách để làm điều - Chọn mặt nạ xén chọn Object | Clipping Mask | Edit Contents: Sau bạn chuyển đổi đường path xén (hình dạng mặt nạ) nội dung mặt nạ (các hình dạng tạo mặt nạ) cách nhấp nút Edit Clipping Path Edit Contents panel Control - Nhấp đối tượng mặt nạ xén để đưa đối tượng vào chế độ Isolation Mode: Trong với chế độ Isolation Mode, bạn chọn phần khác đối tượng Artboard qua panel Layers thực thay đổi trước thoát chế độ Isolation Mode Nhấp phải đối tượng tạo mặt nạ để truy cập menu ngữ cảnh chọn Issolate Selected Clipping Mask: Để thoát chế độ Isolation Mode, nhấp phải lại đối tượng tạo mặt nạ chọn Exit Isolation Mode từ menu ngữ cảnh Giải phóng mặt nạ xen 148 Nếu bạn cần tách biệt mặt nạ khỏi đối tượng tạo mặt nạ, bạn giải phóng mặt nạ xén chọn phương pháp sau đây: - Chọn lệnh Object | Clipping Mask |Release - Nhấp phím tắt Ctrl + Alt + - Nhấp phải đối tượng tạo mặt nạ chọn Release Clipping Mask từ menu ngữ cảnh - Trong panel Layers, nhấp để chọn nhóm Layer có mặt nạ sau nhấp nút Make/Release Clipping Mask đáy panel chọn lệnh Release Clipping Mask từ menu optins panel Nếu mặt nạ gồm nhiều mặt nạ, lặp lại tiến trình tất mặt nạ giải phóng Với tất bốn phương pháp đối tượng tạo mặt nạ hình dạng bên trả về, rã nhóm lên Artboard Đối tượng bị thuộc tính Stroke fill hình dạng mặt nạ, hiển thị dạng đường path nét vùng tơ Nếu muốn, chọn đương path hình dạng mặt nạ áp dụng thuộc tính nét vùng tơ Tạo mặt nạ xén từ hình dạng phức hợp Ngồi việc tạo mặt nạ hình dạng hình dạng khác, bạn tạo mặt nạ xén từ hình dạng phức hợp mà bạn học phần Để làm điều này, bạn sử dụng hình dạng phức hợp dạng hình dạng tạo mặt nạ Đặt hình dạng phức hợp lên đối tượng khác, chọn hình dạng phức hợp vào tất đối tượng bên mà bạn muốn tạo mặt nạ, chọn Object | Clipping Mask | Make, bạn có mặt nạ xén tạo từ hình dạng phức hợp minh họa hình đây: Các đường path phức hợp Các đường path phức hợp cách bạn tạo nhiều lỗ phần cắt hình dạng từ đường path phủ chồng nhiều hình dạng giống hình xuyến lỗ mà bạn tạo công cụ đục Thực tế bạn chuyển đổi Font thành outline, lỗ dạng mẫu tự (như O A) tạo từ đường path phức hợp Các giới hạn nhấp tạo đường path phức hợp đối tượng chọn phải ảnh vector bao gồm đường path kết nhóm đường path phức hợp khác Khi kết hợp đường path phức hợp, đường tròn bên trở thành phần cắt hình trịn lớn cho bạn thấy qua hình dạng đến hình vng đằng sau Khi hình dạng nhỏ hồn tồn nằm hình dạng lớn mà khơng phủ chồng, lỗ tạo hình dạng lớn tất đối 149 tượng đường path phức hợp mang thuộc tính Stroke, fill style đối tượng nằm phía sau xa vùng chọn Khi nhiều hình dạng phủ chồng sử dụng để tạo nhiều đường path phức hợp, ý vùng rỗng tạo nơi hình dạng phủ chồng hình dạng phía sau vùng phủ chồng bên ngồi bình dạng phía sau trì thuộc tính fill Stroke hình dạng phía sau Tạo đường Path phức hợp Để tạo đường path phức hợp, làm theo bước sau đây: Đặt tất hình dạng lên hình dạng khác theo thứ tự xếp tầng mong muốn Chọn tất hình dạng Chọn Object | Compound Path | Make nhấn phím tắt Ctrl + Các đối tượng nhóm thành hình dạng phức hợp cho bạn chọn phần hình dạng phức hợp, tồn hình dạng phức hợp chọn Nếu muốn, di chuyển đường path phức hợp lên đối tượng khác để thấy xuyên qua lỗ hình dạng phức hợp Các đường path phức hợp xuất nhóm lại với panel Layers với nhãn < Compound Path >, mà dĩ nhiên bạn thay đổi thành tên khác thích Biên tập đường Path phức hợp Để tái định hình dạng di chuyển hình dạng riêng lẻ bên đường path phức hợp, sử dụng công cụ Direct Selection Group selection Thay đổi hướng dẫn đường Path Một điều bạn làm mà nhiều người dùng Illustrator đến thay đổi hướng đường path bên hình dạng phức hợp Lý bạn cần làm điều lỗ tạo đường path theo hướng ngược với hình dạng lớn Do bạn cần kiểm sốt việc hình dạng riêng lẻ bên đường path phức hợp tạo lỗ hay không, thử chuyển đổi hướng đường path bên panel Attdibutes Mở panel Attdibutes minh họa hình cách chọn Window | Attdibutes cách nhấn Ctrl + F11 Một mở, chọn hình dạng riêng lẻ bên đường path phức hợp cơng cụ Direct Selection Group Selection, sau nhấp nút Reverse Path Direction On Reverse Path Direction Off panel Attdibutes Công cụ Group Selection chọn đối tượng bên đường path phức hợp, cơng cụ Direct Selection kích hoạt lại đường path điểm neo Bạn nhấp hình dạng đường path phức hợp chế độ Isolation Mode cách làm hai điều sau với công cụ Selection: 150 - Nhấp đôi đối tượng đường path phức hợp để đưa đối tượng vào chế độ Isolation Mode nơi bạn chọn biên tập đối tượng khác băng công cụ Selection qua panel Layers - Chọn nhấp phải đường path phức hợp để truy cập menu ngữ cảnh chọn Isolate Selected ComPound Path Để thoát chế độ Islation Mode nhấp phải lại đường path phức hợp chọn Exit Isolation Mode từ menu ngữ cảnh Thay đổi Gill Rule Panel Attributes chứa thêm vài nút định hình ảnh phức hợp quấn nào: - Use Non-Zero Winding Fill Rule: Đây xác lập mặc định cho đường phức hợp Khi bạt, rule (quy tắc) định nghĩa phần bên phần bên ngồi hình dạng để phủ chồng - Use Even Off Fill Rule: Xác lập sử dụng thuật tốn thơng thường để định vùng phủ chồng cho hình dạng khác lỗ hướng đường path hình dạng Giải phóng đường Path phức hợp Để giải phóng hình dạng bên đường path phức hợp trở lại thành chi tiết riêng biệt, làm điều sau sau chọn đường path phức hợp: - Chọn lệnh Object | Compound Path | Release - Nhấn phím tắt Ctrl + Shift + Alt + - Nhấp phải đường path phưc hợp chọn Release Compound Path từ menu ngữ cảnh Với tất ba phương pháp, hình dạng bên đường path phức hợp trả về, rã nhóm lên Artboard, tất đối tượng mà trước lõ mang thuộc tính stroke, fill style đối tượng nằm sau xa vùng chọn Ví dụ, đối tượng tận sau có nét đen vaới vùng tơ vàng, tất hình dạng lỗ, giải phóng cónét đen vùng tơ vàng Tương tự, đối tượng phía sau màu xanh khơng có nét, tất lỗ có màu xanh cây, làm cho khó thấy chúng khơng chọn Dĩ nhiên, bạn chọn hình dạng áp dụng thuộc tính stroke fill bạn thích 151 ... 74 PHẦN – CÔNG CỤ VÀ BIÊN TẬP HÌNH ẢNH 80 BÀI - PENCIL, ERASER, PAINTBRUSH VÀ BLOB BRUSH 80 Công cụ Pencil 80 Công cụ Smooth 82 Công cụ Path Eraser... 83 Công cụ Eraser 83 Công cụ Paintbrush 85 BÀI – CÔNG CỤ PEN 93 Công cụ Pen 93 Biên tập đường Path 99 BÀI – CÔNG CỤ TYPE... tất công cụ Shape làm việc theo cách tương tự, bạn biết cách sử dụng cơng cụ Shape, bạn áp dụng kỹ y vào cơng cụ cịn lại cơng cụ Shape thường đặt menu Flyout bên công cụ Rectangle Các công cụ