Giáo trình Đồ họa Vector Trường CĐ Cơ điện Hà Nội

TRƯỜNG CAO ĐẲNG CƠ ĐIỆN HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN  GIÁO TRÌNH ĐỒ HỌA VECTO (Tài liệu lưu hành nội bộ) Hà Nội Mục lục BÀI CÁC KIẾN THỨC CƠ BẢN 1 Giới thiệu đồ họa Vector Giao diện làm việc Làm việc với File 14 Vẽ, chỉnh sửa đường hình dạng 27 Làm việc với vùng chọn 50 Làm quen với Layer 54 Làm quen với màu sắc Illustrator 63 BÀI CÁC KIẾN THỨC NÂNG CAO 74 Làm việc với Pencil, Eraser, Paintbrush Blob brush 74 Làm việc với Pencil, Eraser, Paintbrush Blob brush 85 Thao tác với công cụ Type 93 Công cụ biến đổi Transformation 109 Công cụ Pattern Gradient 113 Làm việc với Symbol, ánh sáng 3D Flash 119 Tạo kiểu hòa trộn 128 Clipping Mask đường Path phức hợp 132 BÀI SỬ DỤNG ILLUSTRATOR ĐỂ THIẾT KẾ LOGO, BANNER, MẪU SẢN PHẨM, DANH THIẾP 137 Sử dụng Illustrator thiết kế logo 137 Sử dụng Illustrator thiết kế banner 137 Sử dụng Illustrator thiêt kế mẫu sản phẩm, hộp đựng sản phẩm 137 Sử dụng Illustrator thiết kế kiểu danh thiếp, thiếp mời 138 BÀI CÁC KIẾN THỨC CƠ BẢN Giới thiệu đồ họa Vector 1.1 Giới thiệu chung Đồ họa máy tínhlà ngành nghiên cứu, xử lý làm việc thông tin dạng ảnh số máy vi tính Người ta phân biệt hai loại ảnh dùng đồ họa máy tính ảnh vector ảnh raster (cịn gọi ảnh bitmap) 1.2 Đồ họa vector Các ảnh vector tạo nhiều chi tiết, chủ yếu đường thẳng (lines) đường cong (curves) Mỗi chi tiết vùng không gian xác định rõ rệt, có kích thước, có chiều hướng tơ đầy màu xác định Khi thay đổi kích thước ảnh vector chi tiết thay đổi cách đồng chất lượng ảnh khơng thay đổi Khi zoom lớn hình khơng xảy tượng nhịe hình, vỡ hình hay nhiễu Ảnh vector đối tượng xử lý chương trình Corel Draw Illustrator Giao diện làm việc 2.1 Không gian làm việc Khi lần đầu khởi động Illustrator, 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 Trang a 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 b 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 c 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: d 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 e Đị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 f 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 g Artboard Trang 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 h 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 Trang 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 2.2 Cac Panel a Các Panel Sử dụng Panel Illustrator đặt “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ọ Trang - 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ôngtin File chẳng hạn kích cỡ mầu (Artboard, chế độ Color mode), chi tiêtFont đơ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 Stroke: Sử dụng Panel để điều chỉnh xác lập Stroke chẳng hạn weight (bề dày) miter limit (giới hạn mơng vng góc), Alignment (canh chỉnh) Dashed line (đường gạch gạch) hình dạng mũ (cap) đầu nối (foin) SVG interactivity: Panel cho phép liên kết chức javascdipt với ảnh vector từ File javascdipt bên Swatches: Panel hiển thị mầu, mầu Gradient, mẫm hoa văn (Pattern) xác lập sẵn, Swatch (mẫu mầu) tùy ý thư viện Swatch Symbol: Panel hiển thị ký hiệu (sywbol) vector xác lập sẵn thư viện sywbol Nó cho bạn định nghĩa làm việc với Symbol tùy ý Tools: Đây Panel Tools nơi bạn truy cập sử dụng cơng cụ chương trình để tạo xử lý đường Path,và hình dạng (Shape) Artboard Transform: Sử dụng Panel để áp dụng kiểu biến đổi chẳng hạn định tỷ lệ, xoay làm nghiêng ảnh chọn Trang - Transparency: Panel cho bạn điều chỉnh độ mờ đục đối tượng chọn, áp dụng chế độ hòa trộn (blending mode) áp dụng xác lập opacity đặc biệt vào đối tượng kết nhóm - Type: Sử dụng Panel để ập Panel liên quan đến text bao gồm Character, styles, flash text, glyphs, OpenType, paragraph, paragraph styles tabs Vadiables: Sử dụng Panel để xác lập tùy chọn sở liệu tạo đồ họa - điều khiển liệu b Thao tác chung với Panel - Để mở Panel, chọn Panel tên từ Windows (hoặc sử dụng phím tắt liệt kê kế bên tên Panel menu Windows) Khi Panel mở, dấu kiểm xuất kế bên tên Panel menu Windows - Để đóng Panel, nhấp X nhỏ góc phải cùng Panel nhấp phải vùng xám tab Panel để hiển thị menu ngữ cảnh sau chọn close Panel close Group - Để neo (dock) mở neo (undock) Panel, nhấp rê Panel tab đến vị trí mà bạn muốn, vị trí nhóm Panel có Vào nhóm Panel khác, vào dock dạng nhóm Panel riêng bên dock - Để điều chỉnh chiều cao mọt số Panel bên dock đặt Cursor vạch chia xám đậm hai nhóm Panel bất kỳ, sau nhấp rê bạn thấy mũi tên hai đầu thẳng đứng - Để xác lập lại vị trí Panel trở vị trí layoul mặc định nhấn nút worksace Panel control (hoặc chọn Window | Workspace) chọn Layout basic essentials từ menu hình đây: Trang c Tổ chức Panel Hầu hết Panel có nhiều tính tương tự bao gồm tab tên pane, nút làm ẩn / hiển thị tính Panel, menu Option, nhiều nút trượt, menu trường nhập liệu thể Panel Stroke hình đây: Panel Tools a Giới thiệu Panel Tools Panel Tools mở rộng, thu gọn, làm ẩn, hiển thị, neo mở để đặt trôi tự Workspace Để thấy tooltip hiển thị tên phím tắt cơng cụ (chẳng hạn P cho công cụ Pen), đặt chuột lên biểu tượng công cụ Trang Với Panel Tools bạn thực thao tác sau: - Để làm ẩn hiển thị Panel Tools, chọn Windows | Tools - Để sử dụng công cụ, nhấp biểu tượng để chọn - Để mở neo di chuyển Panel Tools vào Workspace, nhấp rê từ tab - Để chọn đổi hiển thị cột hai cột, nhấp mũi tên kép tab phần Panel Tools - Để mở hộp thoại Option công cụ, nhấp đôi biểu tượng công cụ b Các menu Flyout Từng cơng cụ có tam giác đen nhỏ kế bên có menu Flyout bên chứa công cụ tương tự, để thấy menu flyuot, nhấp giữ chuột cơng cụ Khi menu Flyout xuất hiện, chọn công cụ khác cách nhả chuột Cursor nằm lơ lửng công cụ mà bạn muốn - Để duyệt qua công cụ ẩn mà khong cần mở menu Flyout, nhấn giữ phím Alt nhấp cơng cụ mà bạn muốn - Với menu Flyout hiển thị, rê trỏ lên mũi tên đen nhỏ mép phải menu tearoff để tách rời menu Flyout lên Artboard - Để đóng Panel menu Flyout tách rời, nhấp nút close tiêu đề Panel Trang - 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 Altkhi 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 6.5 Á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: 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 Trang 124 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 -1800và 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 + 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 Trang 125 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 hoàn tất, nhấp OK 6.6 Tích hợp Symbol với Flash Kể từ IllustratorCS3, 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 Trang 126 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ọnSWF định 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 Trang 127 Tạo kiểu hòa trộn 7.1 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 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 Trang 128 7.2 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 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: Trang 129 - 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: - 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 Trang 130 - 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 7.4 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ệchngoạ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 - 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 Trang 131 Clipping Mask đường Path phức hợp 8.1 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 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ạ Trang 132 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 cùngvớ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 đố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ạ /hoặc 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 Trang 133 - 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 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 cả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 khơng có 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: 7.2 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 Trang 134 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 trongtrở 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 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 Trang 135 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: - 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 quyếtđịnh hìnhảnh phứchợpđược 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 mộtđường Path phức hợp Để giải phóng hình dạng bên mộtđường path phức hợp trở lại thành chi tiết riêng biệt, làm bất kỳđ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 Trang 136 BÀI SỬ DỤNG ILLUSTRATOR ĐỂ THIẾT KẾ LOGO, BANNER, MẪU SẢN PHẨM, DANH THIẾP Sử dụng Illustrator thiết kế logo Sử dụng Illustrator thiết kế banner Sử dụng Illustrator thiêt kế mẫu sản phẩm, hộp đựng sản phẩm Trang 137 Sử dụng Illustrator thiết kế kiểu danh thiếp, thiếp mời Trang 138 ... KIẾN THỨC CƠ BẢN Giới thiệu đồ họa Vector 1.1 Giới thiệu chung Đồ họa máy tínhlà ngành nghiên cứu, xử lý làm việc thông tin dạng ảnh số máy vi tính Người ta phân biệt hai loại ảnh dùng đồ họa máy... vi tính Người ta phân biệt hai loại ảnh dùng đồ họa máy tính ảnh vector ảnh raster (còn gọi ảnh bitmap) 1.2 Đồ họa vector Các ảnh vector tạo nhiều chi tiết, chủ yếu đường thẳng (lines) đường cong... (EPS) lại hầu hết phần tử đồ họa tạo Illustrator bao gồm ảnh bitmap ảnh vector Định dạng EPS định dạng vector chung chung tùy chọn mà bạn chọn bạn dự định đặt File vào chương trình khơng phải adobe