BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT
-
Upload
hoc-lap-trinh-web -
Category
Documents
-
view
5.336 -
download
3
description
Transcript of BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT
BÀI 6SỬ DỤNG HIỆU ỨNG, ĐỘ TRONG SUỐT
VÀ XUẤT FILE
NHẮC LẠI BÀI TRƯỚC
Tùy biến với lớp (layer), thanh LayerLàm việc với symbol và thư viện symbolTùy biến với lớp (layer), thanh LayerLàm việc với symbol và thư viện symbol
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 2
MỤC TIÊU BÀI HỌC
Tạo hiệu ứng cho vật thể, sử dụng thanhAppearanceCách sử dụng hiệu ứngLưu graphic style và áp dụng graphic style chosymbolBước đầu làm quen với chế độ hòa trộn và độ trongsuốt của vật thểTrích xuất và lưu file trong Illustrator dưới dạng EPS,PDF, Web
Tạo hiệu ứng cho vật thể, sử dụng thanhAppearanceCách sử dụng hiệu ứngLưu graphic style và áp dụng graphic style chosymbolBước đầu làm quen với chế độ hòa trộn và độ trongsuốt của vật thểTrích xuất và lưu file trong Illustrator dưới dạng EPS,PDF, Web
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 3
SỬ DỤNG HIỆU ỨNG VÀ ĐỘ TRONG SUỐT
THANH APPEARANCE VÀ HIỆU ỨNG
Window > Appearance hoặc sử dụng tổ hợp phímShift + F6Thanh Appearance cho phép quản lý các thuộc tínhcủa vật thể, nhóm, hoặc lớp
Đường viềnĐổ màuĐộ trong suốt
Window > Appearance hoặc sử dụng tổ hợp phímShift + F6Thanh Appearance cho phép quản lý các thuộc tínhcủa vật thể, nhóm, hoặc lớp
Đường viềnĐổ màuĐộ trong suốt
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 5
THANH APPEARANCE VÀ HIỆU ỨNG
Áp dụng hiệu ứng cho vật thểKhi áp dụng hiệu ứng cho vật thể, tên hiệu ứng sẽđược thể hiện trên thanh AppearanceDễ dàng chỉnh sửa hiệu ứng bằng cách nhấn đúpvào tên hiệu ứng trên thanh Appearance
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 6
THANH APPEARANCE VÀ HIỆU ỨNG
Áp dụng hiệu ứng:Tăng tư duy sáng tạoĐẹp hơn
Áp dụng hiệu ứng:Tăng tư duy sáng tạoĐẹp hơn
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 7
THANH APPEARANCE VÀ HIỆU ỨNG
Chỉnh sửa lại hiệu ứng Scribble đã áp dụng nhưtrong SGKEffect > Stylize > ScribbleNhấn đúp vào tên hiệu ứng trên thanh Appearance
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 8
ĐỘ TRONG SUỐT CỦA VẬT THỂ
Độ trong suốt của vật thể hay thường gọi OpacityTrên thanh Appearance nhấn chọn Opacity
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 9
ĐỘ TRONG SUỐT CỦA VẬT THỂ
A: chế độ hòa trộn vật thểB: độ trong suốt của vật thểĐộ trong suốt của vật thể tính từ 0% 100%Mở rộng: làm việc với độ trong suốt của nhiều vậtthể cùng lúc
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 10
GRAPHIC STYLE
Áp dụng một hiệu ứng cho nhiều vật thể khác hoặccho những dự án khác
Window > Graphic Styles hoặc dùng tổ hợp phímShift + F5, hoặc sử dụng nút trên thanh DocTrên thanh Graphic Styles vào menu để lựa chọnOpen Graphic Style LibraryChọn Type EffectTrên bảng Type Effect chọn menu lựa chọn Large ListViewÁp dụng hiệu ứng Drop Shadow
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 11
Áp dụng một hiệu ứng cho nhiều vật thể khác hoặccho những dự án khác
Window > Graphic Styles hoặc dùng tổ hợp phímShift + F5, hoặc sử dụng nút trên thanh DocTrên thanh Graphic Styles vào menu để lựa chọnOpen Graphic Style LibraryChọn Type EffectTrên bảng Type Effect chọn menu lựa chọn Large ListViewÁp dụng hiệu ứng Drop Shadow
GRAPHIC STYLE
Chuyển qua bảng AppearanceTên hiệu ứng xuất hiện trên bảng Appearance
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 12
GRAPHIC STYLE
Lưu và nhập vào bảng Graphic StyleChọn nút menu trên bảng Graphic Style, chọn SaveGraphic Style LibraryNhập graphic style có sẵn vào bảng Graphic Style
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 13
CHẾ ĐỘ HÒA TRỘN (BLENDING MODE)
Chế độ hòa trộn cho phép bạn thay đổi cách thứcmàu sắc của đối tượng pha trộn với màu sắc của đốitượng cơ bảnGiống như opacity, bạn có thể kiểm soát chế độ hòatrộn của các thuộc tính riêng lẻ trong một đốitượng.Illustrator quản lý chế độ hòa trộn trên bảngTransparencyNhấn nút Transparency ( ) để mở bảngTransparency.
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 14
Chế độ hòa trộn cho phép bạn thay đổi cách thứcmàu sắc của đối tượng pha trộn với màu sắc của đốitượng cơ bảnGiống như opacity, bạn có thể kiểm soát chế độ hòatrộn của các thuộc tính riêng lẻ trong một đốitượng.Illustrator quản lý chế độ hòa trộn trên bảngTransparencyNhấn nút Transparency ( ) để mở bảngTransparency.
CHẾ ĐỘ HÒA TRỘN (BLENDING MODE)
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 15
LƯU VÀ TRÍCH XUẤT FILE
LƯU VÀ TRÍCH XUẤT FILE
Lưu file dưới định dạng .ai, đây là định dạng gốccủa Adobe Illustrator
Ctrl + S, trong hộp thoại Save as type chọn địnhdạng .ai
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 17
LƯU VÀ TRÍCH XUẤT FILE
Lưu file dưới định dạng .pdfCtrl + S, trong hộp thoại Save as type chọn địnhdạng .pdf
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 18
LƯU VÀ TRÍCH XUẤT FILE
Tích hợp file với các chương trình khác của adobe:Trích xuất cho Photoshop: trích xuất file dưới dạng.psdTích hợp với InDesign: các file Illustrator có thể copyngay trong Illustrator và dán vào cửa sổ làm việc củaInDesignTích hợp với Flash: trích xuất được thành file Flash.swf, dùng cho webTích hợp với Premiere và After Effects
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 19
Tích hợp file với các chương trình khác của adobe:Trích xuất cho Photoshop: trích xuất file dưới dạng.psdTích hợp với InDesign: các file Illustrator có thể copyngay trong Illustrator và dán vào cửa sổ làm việc củaInDesignTích hợp với Flash: trích xuất được thành file Flash.swf, dùng cho webTích hợp với Premiere và After Effects
LƯU VÀ TRÍCH XUẤT FILE
Lưu file dưới định dạng EPSCtrl + S, chọn định dạng .eps
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 20
LƯU VÀ TRÍCH XUẤT FILE
Lưu dưới định dạng web và các thiết bị khácFile > Save for Web & Devices
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 21
LƯU VÀ TRÍCH XUẤT FILE
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 22
LƯU VÀ TRÍCH XUẤT FILE
Tạo chuyển động Flash đơn giản trong IllustratorNhấn đúp chuột chọn công cụ Rotate
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 23
LƯU VÀ TRÍCH XUẤT FILE
Copy các mục con trong thư mục Lớp thành nhiềumục con khácNhấn nút menu trên bảng Layer, chọn Release toLayers (Squence)Chọn tất cả các mục con trong thư mụcFile > ExportChọn Flash (*.swf) trong hộp thoại Save as type
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 24
Copy các mục con trong thư mục Lớp thành nhiềumục con khácNhấn nút menu trên bảng Layer, chọn Release toLayers (Squence)Chọn tất cả các mục con trong thư mụcFile > ExportChọn Flash (*.swf) trong hộp thoại Save as type
LƯU VÀ TRÍCH XUẤT FILE
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 25
LƯU VÀ TRÍCH XUẤT FILE
Nhấn nút Advanced, chọn Looping để tạo chuyểnđộng liên tiếp cho vật thể
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 26
TỔNG KẾT
Ngoài việc quản lý màu sắc (đã học ở những bàitrước) bảng Appearance còn quản lý được:
Hiệu ứngĐộ trong suốt của vật thể
Áp dụng chế độ hòa trộn trên bảng TransparencyIllustrator trích xuất được nhiều định dạng file, sửdụng cho nhiều chương trình khác trong bộ CS4(Photoshop, Indesign, Flash, After Effect)Tạo được những animation (chuyển động) đơn giảndạng flash
Ngoài việc quản lý màu sắc (đã học ở những bàitrước) bảng Appearance còn quản lý được:
Hiệu ứngĐộ trong suốt của vật thể
Áp dụng chế độ hòa trộn trên bảng TransparencyIllustrator trích xuất được nhiều định dạng file, sửdụng cho nhiều chương trình khác trong bộ CS4(Photoshop, Indesign, Flash, After Effect)Tạo được những animation (chuyển động) đơn giảndạng flash
Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 27