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) - Phần 2

(NB) 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) - Phần 2 trang bị cho người học những kiến thức cơ bản về công cụ và biên tập hình ảnh. Những bài học chính trong phần này gồm có: Pencil, eraser, paintbrush và blob brush; công cụ pen; công cụ type; công cụ biến đổi; pattern và gradient; symbol, ánh sáng 3d và flash; tạo các kiểu hòa trộn; clipping mask và đường path phức hợp. Mời các bạn cùng tham khảo.

PHẦN – CƠNG CỤ VÀ BIÊN TẬP HÌNH ẢNH BÀI - PENCIL, ERASER, PAINTBRUSH VÀ BLOB BRUSH Vẽ tơ trang Illustrator vừa nhanh vừa lý thú bạn tận dụng tối đa kích cỡ cơng cụ có sẵn Trong bạn học công cụ Pencil, Smooth Path Eraser, Eraser thông thường, Painbrush công cụ Blob Brush Công cụ Pencil Công cụ Pencil làm việc giống có bút chì tay, ngoại trừ bạn điều khiển chuột (hoặc bút vẽ đồ họa bạn ngẫu nhiên có vẽ đồ họa tiện lợi chẳng hạn Graphire Wacom) Bút vẽ đường Path (mở) hình dạng đóng dạng tự do, hai có thuộc tính Stroke / fill Khi bạn vẽ Pencil, trước nhả chuột, bạn nhận thấy đường chấm chấm tạm thời xuất Artboard để biểu thị hình dạng đường Path Sau nhả chuột, đường Path vẽ với điểm neo điểm đầu điểm cuối dọc theo đường cong đường Path Số điểm thực đường Path phụ thuộc vào tính phức tạp chiều dài đường xác lập hộp thoại Pencil Tool Option, hộp thoại mở cách nhấp đơi cơng cụ Pencil Panel Tools Các đường Path tự động mang nét vào vùng tô sử dụng sau vẽ, màu thuộc tính khác đường Path thay đổi tinh chỉnh công cụ khác Các đường Path dạng tự Khi vẽ đường Path dạng tự do, dấu x nhỏ xuất với biểu tượng công cụ Tuy nhiên, Pencil nằm gần đường Path chọn khác, x biến vào vẽ Pencil dẫn đến việc thay đổi đường Path chọn minh họa hình: 80 Các đường Path đóng Để tạo đường Path đóng, vẽ hình dạng mong muốn với điểm đầu diểm cuối gần vị trí Trước nhả chuột, nhẫn giữ phím ALT Khi bạn thấy chữ o nhỏ xíu xuất kế bên Cursor, Illustrator đóng đường Path đường thẳng - Cursor cách điểm đầu hình dạng bao xa - bạn nhả chuột trước nhả phím tắt (Hoặc, khơng bạn nhả phím ALT OPT trước nhả chuột, đường Path khơng đóng lại) Hãy thử xem làm việc Biên tập đường Path Pencil Pencil công cụ biên tập thường lệ Với cơng cụ bạn chỉnh sửa đường Path hình dạng chọn có, chí kết nối hai đường Path riêng biệt lại với nhau: - Biên tập đường Path chọn: Khi Pencil nằm gần đường Path chọn, bạn biên tập kéo dài đường Path bạn thấy x Cursor biến - Biên tập hình dạng chọn: Vẽ nơi đường Path hình dạng chọn để vẽ lại đoạn hình dạng ví dụ hình 81 - Kết nối hai đường Path: Chọn hai hình dạng cần nối, vẽ đường Path để nối hai hình dạng, sau nhấn giữ phím CTRL (Win) Khi biểu tượng trộn (merge) xuất kế bên biểu tượng báo trực quan cho thấy bạn nối "thành công đường Path", nhả chuột, sau nhả phím tắt Cơng cụ Smooth Nếu đường mà bạn tạo công cụ Pencil không nhẵn bạn mong muốn bạn nghĩ đường Path có nhiều điểm neo, thử làm nhẵn chúng công cụ Smooth đặt menu Flyout cơng cụ Pencil Tiến trình làm nhẵn đơn giản Chọn đối tượng cần làm nhẵn Sau chọn cơng cụ Smooth Vẽ rê lên đường Path chọn mà bạn muốn đơn giản hóa nhả chuột Lặp lại bước cho đếm đường có chất lượng mong muốn Đường vừa tạo nhẵn nhiều, chứa điểm neo dọc theo đường Path Để điều chỉnh lượng làm nhẵn, nhấp đôi công cụ Smooth để mở hộp thoại Smooth Tool Option Fidelity điều khiển khoảng cách mà Cursor cách xa từ đường 82 Path gốc trước thêm điểm neo mới, Smoothness ấn định công cụ áp dụng việc làm nhẵn Các giá trị cao tạo đường Path nhẵn Công cụ Path Eraser Công cụ Path Eraser đặt menu Flyout cơng cụ Pencil, cho bạn xóa phần đường Path chọn hình dạng tự hình dạng đóng Để sử dụng công cụ này, chọn đối tượng cần chỉnh sửa nhấp rê qua vùng mà bạn muốn xóa Hình minh họa ví dụ đường Path trước sau sử dụng công cụ Path Eraser Công cụ Eraser Không giống công cụ Path Eraser, thực giới hạn việc xóa đường Path đối tượng chọn, cơng cụ Eraser xóa thứ bao gồm đường Path, vùng tô, đối tượng gồm đường Path phức hợp bên đường Path xén chí đường Path bên nhóm Live Paint Eraser làm việc khác đối tượng chọn so với khơng có đối tượng chọn Artboard - Xóa khơng có vùng chọn: Để xóa thứ Artboard, thứ tự xếp tầng vị trí Layer riêng lẻ, chắn đối tượng Artboard khơng chọn, sau chọn cơng cụ Eraser rê qua vùng cần xóa 83 - Xóa với vùng chọn: Để xóa đối tượng cụ thể tập hợp đối tượng để nguyên vẹn tất đối tượng khác Artboard, chọn đối tượng trước chọn công cụ Eraser, sau rê qua chúng để xóa phần mong muốn Ngồi việc xóa tay phương pháp trước, bạn xóa cách sáng tạo sử dụng phím tắt sau đây: - Nhấn giữ phím SHIFT: Trong rê để ràng buộc đường xóa góc 45 độ 90 độ Hình minh họa đường xóa góc 45 độ ràng buộc - Nhấn giữ phím ALT rê để tạo Marquee xung quanh vùng mong muốn minh họa hình Khi bạn nhả chuột, thứ bên Marquee biến 84 Để điều chỉnh góc, độ trịn, đường kính "đầu" cơng cụ eraser (cục tẩy), nhấp đôi công cụ Eraser để mở Tool Option Eraser Nếu bạn ngẫu nhiên sử dụng bút vẽ đồ họa, bạn điều chỉnh thêm xác lập eraser, bao gồm fixed, random, presure, stylus wheel, tilt, beading, rotation Công cụ Paintbrush Công cụ Painbrush cho bạn thêm cá tính phong cách vào tác phẩm bạn việc cách điệu hóa đường Path mà bạn tạo Bạn sử dụng bốn loại cọ sơn (Paintbrush) khác Illustrator, cọ sơn tạo kiểu độc đáo nét cọ: - Calligraphic Brush: Tạo kiểu dáng đường Path có điểm nghiêng, bút viết chữ đẹp Màu nét áp dụng dọc theo tâm Path - Artboard Brush: Một đối tượng hình dạng (chẳng hạn banner quảng cáo mảng màu nước) kéo giãn dọc theo chiều dài đường Path - Pattern Brush: Các ngói có mẫu hoa văn phù hợp với lập lại theo chiều dài đường Path Mỗi mẫu cọ hoa văn (Pattern brush) lên đến ngói (Tiles), tượng trưng cho góc góc ngồi, điểm đầu, điểm cuối cạnh Pattern Kiểu dáng nét cọ áp dụng vào đường Path bạn vẽ Artboard công cụ Paintbrush, áp dụng riêng biệt vào đường Path chọn có thơng qua Panel Brushes, chọn cơng cụ Paintbrush từ Panel Tools, bắt đầu vẽ đường Path Artboard Để áp dụng nét cọ vào đường Path có, chọn đối tượng Artboard sau nhấp nét cọ mà bạn muốn Panel Brushes 85 Pane Brushes (Window | Brushes): Như minh họa hình dưới, hiển thị nét cọ mặc định tải vào tài liệu Ngoài ra, Panel có số nút tùy chọn menu để hỗ trợ bạn chọn áp dụng nét: - Brush Libradies Menu: Truy cập Brush Libradies (thư viện cọ miễn phí) Illustrator bao gồm Arrows, Artistic, Borders, Decorative, Default, user Defined - Remove Brush Stroke: Nhấp để loại bỏ nét cọ đặc biệt khỏi đối tượng nhóm đối tượng chọn thay nét đen 1pt mặc định - Option of Selected Object: Nhấp để truy cập hộp thoại Stroke Option cho đối tượng chọn thay đổi nét đối tượng mà không cập nhật cọ gốc Khi hộp thoại mở, thực điều chỉnh cần thiết để chỉnh sửa nét Hộp thoại trông khác phụ thuộc vào loại cọ chứa xác lập y thể sử dụng để tạo cọ - New Brush: Nhấp để tạo cọ - Delete Brush: Chọn cọ Panel Brushes sau nhấp biểu tượng thùng rác để xóa cọ Có thể bạn xóa cọ việc rê thả chúng vào thùng rác Sau áp dụng nét cọ vào đường Path, bạn khơng hồn tồn hài lịng với kết muốn khai thác Brush Libradies, thoải mái thử cọ khác bạn tìm thấy thứ mà bạn thích Mọi thứ Illustrator biên tập undo, có nhiều hội để khám phá Tạo cọ tùy ý Bạn tạo cọ tùy ý, loại cọ có hộp thoại Stroke Option riêng với xác lập tùy ý Trước bắt đầu, ghi nhớ điều sau đây: - Đối với cọ Scatter, art, Pattern, bạn phải tạo ảnh cho cọ trước bạn tạo cọ - Đối với cọ art ptatter, ảnh cho cọ bao gồm Type (chữ) Tuy nhiên, chúng bao gồm Type chuyển đổi thành outline - Đối với cọ Pattern, bạn tạo lên đến ngói patters, cho góc góc ngồi, điểm đầu điểm cuối cạnh Pattern Tất ngói (Tiles) thêm vào Panel Swatches dạng Pattern trước tạo cọ 86 - Đối với tất cọ sử dụng ảnh, ảnh chứa Gradients, blends (kiểu hòa trộn), đối tượng mesh, biểu đồ, File Place (import), ảnh bitmap, mask (mặt nạ), nét cọ khác - Sau cọ thêm vào Panel Brushes, bạn chỉnh sửa xác lập cọ thông qua hộp thoại Brush Option cách nhấp đôi cọ Khi bạn sẵn sàng tạo cọ tùy ý, làm theo bước sau đây: Bước 1: Để tạo cọ calligraphic cọ Pattern, nhấp nút New Brush Panel Brushes Để tạo cọ art cọ scatter, chọn ảnh trước nhấp nút New Brush Bước 2: Chọn loại cọ hộp thoại New Brush nhấp OK Bước 3: Trong text Brush Optinons, đặt tên cho cọ điều chỉnh xác lập theo ý muốn Nhấp OK để thêm cọ vào Panel Brushes 87 Cọ Calligraphic tùy ý Tạo cọ calligraphic riêng bạn sử dụng xác lập hộp thoại Calligraphic Brush Option: - Angle: Xác lập góc xoay cọ Nhập số trường Angle rê mũi tên cửa sổ Preview (xem trước) - Roundness: Xác lập độ tròn cọ, nhập số trường Roundness rê chấm đen cửa sổ Preview - Diameter: Xác lập đường kính cọ Nhập số trường Diameter rê trượt - Brush Vadiation Menus: Nếu muốn, chọn biến thể cọ (như mô tả phần tiếp theo) từ menu pop-up kế bên tùy chọn Angle, Roundness Diameter: - Fixed: Cọ có góc, độ trịn đường kính cố định - Random: Cọ góc, độ trịn đường kính ngẫu nhiên Số nhập trường Vadiation xác lập dãy số thay đổi +/- xác lập Ví dụ, cọ có đường kính 10pt tạo đường kính 20 - Pressure (Stylus Uses Only): Cọ có góc, độ trịn đường kính đa dạng xác lập độ đè đặt lên bút vẽ đồ họa dựa vào giá trị nhập, áp dụng - Stylus Wheel (Stylus Users Only): Đường kính cọ điều khiển xác lập bánh xe bút - Tilt (Stylus Users Only): Cọ có góc, độ trịn, đường kính đa dạng xác lập độ nghiêng bút bảng vẽ đồ họa - Beading (Stylus Users Only): Cọ có góc, độ trịn đường kính đa dạng xác lập độ đè độ nghiêng áp dụng bút vẽ đồ họa - Rotation (Stylus Users Only): Cọ có góc, độ trịn đường kính đa dạng xác lập góc xoay đầu bút bảng vẽ đồ họa 88 Cọ Art tùy ý Tạo cọ art riêng bạn sử dụng xác lập hộp thoại Artboard brush Option: - Width: Xác lập chiều sâu ảnh diều chỉnh bao niêu tương ứng với đối tượng gốc - Proportional: Bảo đảm tỷ lệ chì ảnh dược tăng giảm - Direction: Xác lập hướng ảnh chạy vào tương ứng với đường Path nhấp hộp mũi tên để xác lập hướng cho ảnh - Flip along or filp Across: Lập hướng ảnh tương ứng với đường Path - Colodization option: Xem phần "các tùy chọn tô màu" - Cọ custom tùy ý: Tạo cọ Pattern riêng bạn sử dụng xác lập hộp thoại Pattern brush potions - Các nút Tile: Áp dụng Pattern khác từ Panel Swatches vào phần khác cảu đường Path, minh họa ví dụ hình chọn Tile (ngói) để xác lập Pattern từ danh sách bên Tile - Scale: Xác lập kích cỡ ảnh tương ứng với đối tượng gốc - Spacing: Xác lập khoảng cách Tile áp dụng vào đường Path - Flip along hặc flip Across: Xác lập hướng Pattern dọc theo đường Path 89 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 hoà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 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 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: 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 ... sang cơng cụ Selection công cụ Direct Selection (được định công cụ công cụ chuy cập gần trước sử dụng công cụ Pen) Một phím tắt nhả, Cursor chuyển trở lại công cụ Pen sẵn sàng để 95 bạn vẽ đường... xung quanh Công cụ Move Công cụ Selection cơng cụ Move bạn di chuyển đối tượng chọn công cụ Tuy nhiên, nhiều người công cụ Selection thực biến đổi di chuyển bạn truy cập hộp thoại công cụ Để di... cách làm việc, bạn sử dụng để vẽ đồ lại gần thứ Khi bạn cần cơng cụ để vẽ đường thẳng, đường cong ảnh có đường Path phức tạp, dùng đến công cụ Pen Công cụ Pen Công cụ Pen tạo đường Path gồm điểm