BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

27
BÀI 6 SỬ DỤNG HIỆU ỨNG, ĐỘ TRONG SUỐT VÀ XUẤT FILE

description

Tạo hiệu ứng cho vật thể, sử dụng thanh Appearance Cách sử dụng hiệu ứng Lưu graphic style và áp dụng graphic style cho symbol Bước đầu làm quen với chế độ hòa trộn và độ trong suố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 thanh Appearance Cách sử dụng hiệu ứng Lưu graphic style và áp dụng graphic style cho symbol Bước đầu làm quen với chế độ hòa trộn và độ trong suốt của vật thể Trích xuất và lưu file trong Illustrator dưới dạng EPS, PDF, Web

Transcript of BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

Page 1: 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

Page 2: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 3: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 4: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

SỬ DỤNG HIỆU ỨNG VÀ ĐỘ TRONG SUỐT

Page 5: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 6: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 7: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 8: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 9: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

ĐỘ 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

Page 10: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

ĐỘ 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

Page 11: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 12: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 13: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 14: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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.

Page 15: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

CHẾ ĐỘ HÒA TRỘN (BLENDING MODE)

Slide 6 - Sử dụng hiệu ứng, động trong suốt và xuất file 15

Page 16: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

LƯU VÀ TRÍCH XUẤT FILE

Page 17: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 18: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 19: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 20: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 21: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 22: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 23: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 24: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 25: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 26: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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

Page 27: BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT

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