Giáo trình illustrator

Giáo trình THIẾT KẾ MẪU VỚI ADOBE ILLUSTRATOR www.dohoavn.net - Vietnamese Graphics Chương : Giới thiệu - Khởi động – Các thao tác Chương GIỚI THIỆU - KHỞI ĐỘNG CÁC THAO TÁC CƠ BẢN I Khái niệm Illustrator Adobe Illustrator phần mềm dạng trang trí, minh họa ứng dụng phổ biến áp dụng công nghệ thiết kế quảng cáo, tạo mẫu thiết kế ảnh cho Web Adobe Illustrator có độ xác uyển chuyển cao, dễ dàng áp dụng từ mẫu thiết kế nhỏ dự án lớn phức tạp Ngoài Adobe Illustrator phối hợp tốt với phần mềm khác Adobe Adobe Photoshop Adobe PageMaker II Khởi Động Illustrator CS Để khởi động Illustrator, bạn chọn vào biểu tượng Illustrator vào Start menu/ Programs / Adobe Illustrator CS / Adobe Illustrator CS Khi chương trình Illustrator CS khởi động xong bạn nhìn thấy hình Illustrator hình bên Trang Chương : Giới thiệu - Khởi động – Các thao tác III Các thao tác .III.1 Tạo vẽ Trong Illustrator bạn có hai cách để tạo tài liệu mới, tạo tài liệu tạo tài liệu từ template Thao tác sau: • Chọn File > New (Ctrl + N) Chọn chế CYYK độ RGB màu Chọ rộ ngn(width), kích thướ cao c (height) • Xác lập tùy chọn hộp thoại  Name: tên cho tài liệu  Size: Kích thước khổ giấy chuẩn thiết kế xác lập sẵn  Unit: Đơn vị đo lường  Width and Height: Chiều cao chiều rộng  Orientation: Hướng giấy  Color Mode: Chế độ màu III.2 Điều chỉnh kích thước trang vẽ Trang Chương : Giới thiệu - Khởi động – Các thao tác • Chọn File > Document Setup (Ctrl + Alt + P) Kích bả n vẽ thước trang Đơn vị Trang đứ ng Trang ngang • Xác lập tùy chọn nhấp OK III.3 Các chế độ hiển thị vẽ .III.3.1 Chế độ Preview Chọn View > Preview (Ctrl + Y) để hiển thị hình ảnh với đầy đủ thuộc tính fill (màu tơ) stroke (đường viền) III.3.2 Chế độ Outline Chọn View > Outline ( Ctrl + Y) để hiển thị hình ảnh dạng đường viền (outline) Chế độ hiển thị Preview Chế độ hiển thị Outline Trang Chương : Giới thiệu - Khởi động – Các thao tác III.3.3 Hiện thị toàn trang  Chọn View > Fit In Window (Ctrl + 0)  Hoặc nhấp đúp vào công cụ Hand III.3.4 Hiển thị chế độ 100%  Chọn View > Actual Size (Ctrl + 1)  Hoặc nhấp đúp vào công cụ Zoom III.3.5 Chế độ hiển thị tồn hình  Nút Standard Screen Mode: chế độ hiển thị chuẩn  Nút Full Screen Mode with Menu Bar: chế độ hiển thị toàn hình có thực đơn  Nút Full Screen Mode: chế độ hiển thị tồn hình (khơng có thực đơn) Để chuyển đổi qua lại chế độ ta nhấn phím F Standard Mode (F)Screen Full Screen Mode (F) Full Screen Mode Menu Bar (F) III.3.6 Xem phóng to thu nhỏ Trang Chương : Giới thiệu - Khởi động – Các thao tác Adobe Illustrator cho phép Zoom từ 3,13% đến 6400% Tỷ lệ Zoom hành hiển thị góc trái đáy hình tiêu đề cửa sổ tài liệu  Để phóng lớn: Nhấp cơng cụ vào vùng cần phóng lớn nhấn giữ kéo rê công cụ tạo vùng hình chữ nhật trang vẽ để phóng lớn vùng (hoặc nhấn Ctrl với dấu +)  Để thu nhỏ: Giữ phím Alt nhấp cơng cụ vào vùng cần thu nhỏ nhấn giữ kéo rê cơng cụ tạo vùng hình chữ nhật để thu nhỏ vùng (hoặc nhấn Ctrl với dấu -)  = Ctrl + Spacebar  = Ctrl + Alt + Spacebar  = Spacebar Để xem phóng to xem thu nhỏ, ta sử dụng bảng Navigator palette cách chọn Window > Navigator Ty û lệ thu phóng Xem thu nh ỏ Xem phoùng to III.3.7 Các hỗ trợ khác Hiển thị thước Chọn View > Show / Hide Rulers (Ctrl + R) để hiện/ tắt thước Trang Chương : Giới thiệu - Khởi động – Các thao tác Để định đơn vị cho thước: Edit > Prefernces/ Units & Undo Đơn vị chung Đơn vị Stroke Đơn vị cho co chữ Hiển thị khung bao đối tượng Chọn View > Show / Hide Bounding Box (Ctrl + Shift + B) để hiện/ tắt khung bao đối tượng Khung bao dùng để điều chỉnh kích cỡ đối tượng Khơng hiển thị bounding box Có hiển thị bounding box Đường dẫn lưới • Định dạng đường dẫn lưới  Chọn Edit / Prefernces / Guides & Grid Trang Chương : Giới thiệu - Khởi động – Các thao tác Maø u đườ ng g uide Dạng Dots, hiể linen thị: Kích mắ t lưới thước củ a Màu lưới So mắt lưới Đánđố sau h dấ i tượ u cho ng ïn để lưới nằm phía • Tạo Guides Ta kéo guides từ thước ngang thước dọc vào trang vẽ • Cho đối tượng bắt dính vào Guides Để đối tượng bắt dính vào guides trước tiên ta phải chọn View > Snap to point (Ctrl+Alt+“) Sau dùng công cụ để di chuyển đối tượng đến gần guides cursor màu đen biến thành cursor màu trắng Trong trường hợp ta muốn cho handles bounding box bắt Trang Chương : Giới thiệu - Khởi động – Các thao tác dính vào guides, ta phải giấu bounding box trước di chuyển đối tượng • Khóa/ mở khố cho Guides Chọn View > Guides > Lock Guides (Ctrl+Alt+;) để khoá/mở khoá cho Guides • • Hiện tắt Guides  Chọn View > Guides > Show Guides (Ctrl+;) để guides  Chọn View > Guides > Hide Guides (Ctrl+;) để giấu guides  Chọn View > Guides > Smart Guides (Ctrl+U) để hít vào guides Xố Guides  Dùng công cụ chọn kéo đường guide trở lại thước chọn guide, nhấn phím Delete  Để xoá tất guides chọn View > Clear Guides Trang Chương : FILTER I.3 Blend Horizontally: Các tác dụng giống lệnh Blend front to back, dùng để chuyển màu đối tượng trung gian đối tượng: tận bên trái (leftmost) tận bên phải (rightmost) I.4 Blend Vertically: Các tác dụng giống lệnh Blend front to back, dùng để chuyển màu đối tượng trung gian đối tượng: nằm cao (topmost) nằm thấp (bottmost) I.5 Convert to CMYK: Dùng để đổi chế độ màu đối tượng sang chế độ CMYK (nếu tài liệu ta thuộc dạng CMYK) I.6 Convert to Grayscale: Dùng để đổi chế độ màu đối tượng sang chế độ grayscale I.7 Convert to RGB: Dùng để đổi chế độ màu đối tượng sang chế độ RGB (nếu tài liệu ta thuộc dạng RGB) I.8 Invert color: Dùng để đảo màu cho đối tượng I.9 Overprint black Thiết lập thuộc tính in chồng (overprint) cho thành phần đen (K) đối tượng Trang 77 Chương : FILTER Bao có Phầ mà ngồ tră Percentage umCMYK mcảđen cácquy đốiđen định tượng với Baomà có đen tương gố Percentage umđen ứnpha cá g quy c vơ đốiđịnh ùi phần tượngtrăm I.10 Saturate tượng Dùng để tăng/ giãm độ bảo hoà màu (Saturation) cho đối II Nhóm Create II.1 Object Mosaic Dùng để biến dạng hình ảnh lưới điểm (raster image) thành tập hợp hình chữ nhật (hoặc hình vng) II.2 Crop Marks Dùng để tạo point cắt cho thành phần Trang 78 Chương : FILTER Để tạo point cắt ta vẽ hình chữ nhật có kích thước khổ thành phẩm, chọn Create> Crop Marks Sau xố bỏ hình chữ nhật III Nhóm Distort III.1 Free Distort Dùng để biến dạng tự đối tượng hình học III.2 Pucket and Bloat Trang 79 Chương : FILTER Puck 20% Bloar 20% pucker 60% Bloat 60% III.3 Roughen Làm cho đường cong trở nên “gồ ghề” Độabiế củ đố intượ ng so vớ i kích thướ c Sốo lượ tạ thê ng m điểm neo đượ c Trơn nhọ n Trang 80 Chương : FILTER III.4 Tweak Cũng dùng để làm biến dạng đối tượng cách ngẫu nhiên Theo chiều ngang Theo chiều dọc Tương tră m số với:i biế kích n thướ ngcthe đốoi tượ tỷ lệ ngphầ n tuyệ tgiá theo đố itrị : biế xác n dạng định Dịch chuyển điểm neo Dịch chuyể n tiế p tuye án “vào ” dịc ch uyể n tiếp tuyế n “ra” III.5 Twist Dùng để vặn xoắn đối tượng Gó c xoắn Xoắn 1600 Xoắn 3200 Trang 81 Chương : FILTER III.6 ZigZag Có tác dụng gần giống lệnh Roughen, làm cho điểm neo dịch chuyển đoạn nhau, không ngẫu nhiên Roughen Độ biế kích thướ n c củ ngasốvới i tượng Tương phầ đối n trăm tượng đối:so biếvớ n idạ kích n g theo thướ ctỷcủlệa Số lượng đượ c tạo điểthê mm neo Tuyệ giá trịt đối: xác định biến dạng theo Trơn Nhọn Nhọn (corner) Trơn (smooth) IV Nhóm Stylize IV.1 Add Arrowheads Trang 82 Chương : FILTER Thêm đầu mũi tên cho đường cong Start: củ a đườ thê nm g cong o đầu end: củ a đườ thêm n g cong o đuô i độ lớ n đầu đuô i Trang 83 Chương : FILTER IV.2 Drop Shadow Tạo bóng cho đối tượng Chế độ phối hợp Độ mờ đục Độ lệch theo chiề u ngang Độ lệch theo chiều dọc Độ mờ Màu bóng Bóncg nhó đượ m đố (group) i tượn g khô vớ innhau g IV.3 Round corners Dùng để bo tròn đỉnh đối tượng Bán kính bo tròn Trang 84 Chương : FILTER pt 18 pt MỤC LỤC Chương Chương GIỚI THIỆU - KHỞI ĐỘNG GIỚI THIỆU - KHỞI ĐỘNG CÁC THAO TÁC CƠ BẢN CÁC THAO TÁC CƠ BẢN IKhái niệm Illustrator IIKhởi Động Illustrator CS IIICác thao tác III.1Tạo vẽ III.2Điều chỉnh kích thước trang vẽ III.3Các chế độ hiển thị vẽ III.3.1Chế độ Preview III.3.2Chế độ Outline .3 III.3.3Hiện thị toàn trang III.3.4Hiển thị chế độ 100% III.3.5Chế độ hiển thị tồn hình III.3.6Xem phóng to thu nhỏ III.3.7Các hỗ trợ khác CHƯƠNG II CHƯƠNG II CÁC DẠNG HÌNH HỌC CƠ BẢN CÁC DẠNG HÌNH HỌC CƠ BẢN ICông cụ Rectangle (M) IVCông cụ Rounded Rectangle 10 Trang 85 Chương : FILTER VCông cụ Ellipse (L) 11 VICông cụ Polygon 12 VIICông cụ Star 13 VIIICông cụ Flare 14 IXCông cụ Line Segmen W 15 XCông cụ Arc 16 XICông cụ Spiral 18 XIICông cụ Rectangular Grid 19 XIIICông cụ Polar Grid 20 CHƯƠNG III 21 CHƯƠNG III 21 THAO TÁC VỚI ĐỐI TƯỢNG 21 THAO TÁC VỚI ĐỐI TƯỢNG .21 IChọn đối tượng công cụ 21 I.1Công cụ Selection Tool (V) 21 I.2Công cụ Direct Select Tool (A) 22 I.3Công cụ Group Selection Tool 23 I.4Công cụ Magic Wand 23 I.5Công cụ Direct Select Lasso Tool 23 I.6Công cụ Lasso Tool 24 IIChọn đối tượng thực đơn Select 24 IIINhóm (group) tách nhóm (ungroup) 25 IVKhố (lock) dấu (hide) đối tượng 26 VThay đổi thứ tự đối tượng 26 VISắp xếp vị trí đối tượng 28 CHƯƠNG IV 29 CHƯƠNG IV 29 ĐƯỜNG CONG (PATH) 29 Trang 86 Chương : FILTER ĐƯỜNG CONG (PATH) .29 IVẽ đường cong Bézier 29 I.1Công cụ Pen Tool (P) 29 I.1.1Dạng đoạn gấp khúc 29 I.1.2Hoặc đường cong Bézier 29 I.2Công cụ Add Anchor Point Tool 30 I.3Công cụ Delete Anchor Point Tool 31 I.4Công cụ Convert Anchor Point Tool (Shift+C) 31 IIObject > Path 32 II.1Join (Crtl+J) dùng để 32 II.2Average (Ctrl+Alt+J) 32 II.3Outline Stroke 32 II.4Offset Path 32 II.5Simplify 32 II.6Add Anchor Points 33 II.7Divide Object Below: 33 II.8Split Into Grid 34 II.9Clean up .34 IIIĐường cong phức hợp (Compound Path) 34 III.1Quy tắt non-zero winding fill (là quy tắt AI) 35 III.2Quy tắc even-odd rule (quy tắc Freehand) 35 III.3Pathfinder Palette 36 III.4Shape Modes Buttons 36 III.4.1Add To Shape Ares 37 III.4.2Subtract From Shape Ares 37 III.4.3Intersect Shape Area 37 III.4.4Exclude Overlapping Shape Areų: 38 III.5Pathfinder Buttons: kết nhóm (group) paths .39 III.5.1Divide 39 III.5.2Trim 39 III.5.3Merge 39 III.5.4Crop 40 III.5.5Outline 40 Trang 87 Chương : FILTER III.5.6Minus back 40 IVClipping mask 41 CHƯƠNG V 40 CHƯƠNG V 40 CÁC PHÉP BIẾN ĐỔI HÌNH HỌC 40 CÁC PHÉP BIẾN ĐỔI HÌNH HỌC 40 ISử dụng Transform Palette 40 IIPhép tịnh tiến 41 II.1Dời đối tượng cách tự 41 II.2Dời đối tượng khoảng cách xác 41 IIIPhép quay 42 III.1Quay tự xung quanh tâm đối tượng 42 III.2Quay tự xung quanh tâm xác định 42 III.3Quay xung quanh tâm đối tượng định góc quay 42 III.4Quay xung quanh tâm xác định định góc quay 43 IVPhép co dãn 43 IV.1Co dãn theo tâm đối tượng 43 IV.2Co dãn theo tâm xác định 44 IV.3Co dãn theo tâm đối tượng cách tỷ lệ co dãn 44 IV.4Co dãn theo tâm xác định cách định tỷ lệ co dãn 45 VPhép đối xứng 45 V.1Đối xứng theo trục 45 V.2Đối xứng theo trục qua tâm đối tượng 46 V.3Đối xứng theo trục qua tâm xác định 48 VIPhép nghiêng 48 VI.1Nghiêng theo tâm đối tượng 48 VI.2Làm nghiêng theo tâm xác định 48 Trang 88 Chương : FILTER VI.3Làm nghiêng theo tâm đối tượng cách định góc nghiêng phương nghiêng 49 VI.4Làm nghiêng theo tâm xác định cách định góc nghiêng phương nghiêng .49 VIICông cụ Free Transfrom (E) 50 CHƯƠNG VI 50 CHƯƠNG VI 50 MÀU SẮC 50 MÀU SẮC 50 IThuộc tính màu 50 IIFill 50 II.1Tô màu (Color) .51 II.2Tô chuyển 53 II.3Stroke 54 II.4Appearance 55 II.5Tô lưới (mesh) .58 II.5.1Tạo đối tượng tô lưới lệnh Object > Create Gradient Mesh 58 II.5.2Tạo đối tượng tô lưới công cụ Gradient Mesh (U).58 IIIBlend 59 III.1Cách sử dụng công Blend 59 CHƯƠNG VII 61 CHƯƠNG VII 61 THAO TÁC VỚI VĂN BẢN (TEXT) 61 THAO TÁC VỚI VĂN BẢN (TEXT) 61 ICác công cụ văn 61 I.1Character palette (Ctrl+T) .61 I.2Paragraph palette (Ctrl+ Alt+ T) 62 I.3Tabs (Crtl+ Shift+ T) 62 I.4Threaded Text (khối văn bản) .62 Trang 89 Chương : FILTER I.5Object > Text Wrap> Make Text Wrap 63 I.6Type> Fit Headline 63 I.7Type> Create Outline (Ctrl+ Shift + O) 63 I.8Edit> Find and Replace 63 I.9Type> Find Font 63 I.10Type> Change Case 64 I.11Type> Area Type Options 64 I.12Type> Type Orientation 64 IICharacter styles 65 II.1Character Style 66 II.2Paragraph Style 66 CHƯƠNG VIII 67 CHƯƠNG VIII 67 CÁC CÔNG CỤ VẼ 67 CÁC CÔNG CỤ VẼ 67 ICác loại brush 67 IICách tạo brush 69 II.1Tạo Calligraphic brush 69 II.2Tạo Scatter brush 70 II.3Tạo Art Brush 71 II.4Tạo Pattern brush 72 IIICác công cụ vẽ 75 III.1Công cụ Painbrush (B) 75 III.2Pencil tool (N) 75 III.3Công cụ Smooth Tool 76 III.4Công cụ Erase Tool 76 III.5Công cụ Scissors Tool (C) 76 III.6Công cụ Knife Tool: 76 CHƯƠNG IX 76 CHƯƠNG IX 76 FILTER 76 Trang 90 Chương : FILTER FILTER 76 INhóm Colors 76 I.1Adjust Colors: .76 I.2Blend front to back: 76 I.3Blend Horizontally: 77 I.4Blend Vertically: 77 I.5Convert to CMYK: 77 I.6Convert to Grayscale: 77 I.7Convert to RGB: 77 I.8Invert color: 77 I.9Overprint black 77 I.10Saturate 78 IINhóm Create 78 II.1Object Mosaic 78 II.2Crop Marks 78 IIINhóm Distort 79 III.1Free Distort 79 III.2Pucket and Bloat 79 III.3Roughen 80 III.4Tweak 81 III.5Twist 81 III.6ZigZag 82 IVNhóm Stylize 82 IV.1Add Arrowheads 82 IV.2Drop Shadow 84 IV.3Round corners 84 Trang 91 ... Illustrator vào Start menu/ Programs / Adobe Illustrator CS / Adobe Illustrator CS Khi chương trình Illustrator CS khởi động xong bạn nhìn thấy hình Illustrator hình bên Trang Chương : Giới thiệu... tạp Ngồi Adobe Illustrator cịn phối hợp tốt với phần mềm khác Adobe Adobe Photoshop Adobe PageMaker II Khởi Động Illustrator CS Để khởi động Illustrator, bạn chọn vào biểu tượng Illustrator vào... CƠ BẢN I Khái niệm Illustrator Adobe Illustrator phần mềm dạng trang trí, minh họa ứng dụng phổ biến áp dụng công nghệ thiết kế quảng cáo, tạo mẫu thiết kế ảnh cho Web Adobe Illustrator có độ