bÀi 2 làm quen với công cụ vẽ và sử dụng symbol, bảng library

BÀI 2LÀM QUEN VỚI CÔNG CỤ VẼ VÀ SỬ DỤNG SYMBOL,

BẢNG LIBRARY

NHẮC LẠI BÀI TRƯỚC

Bước đầu làm quen với chương trình Adobe FlashCS4Khởi tạo và lưu file trong Flash CS4Tùy biến không gian làm việcLàm quen với các bảng, công cụ, định dạng filetrong Flash CS4Chuyển động (animation) trong FlashGiới thiệu những tính năng mới trong Flash CS43D trong Flash CS4

Bước đầu làm quen với chương trình Adobe FlashCS4Khởi tạo và lưu file trong Flash CS4Tùy biến không gian làm việcLàm quen với các bảng, công cụ, định dạng filetrong Flash CS4Chuyển động (animation) trong FlashGiới thiệu những tính năng mới trong Flash CS43D trong Flash CS4

Slide 2 - Làm quen với công cụ vẽ và sử dụng Symbol, bảng Library 2

MỤC TIÊU BÀI HỌC

Giới thiệu về môi trường vẽ trong Adobe Flash CS4Làm việc với những công cụ vẽ hình trong FlashCS4: công cụ Line, công cụ Pen, công cụ TextTổ chức các lớp (layer) hình vẽCách sử dụng màu sắc trong FlashSử dụng symbol (biểu tượng) và Library

Giới thiệu về môi trường vẽ trong Adobe Flash CS4Làm việc với những công cụ vẽ hình trong FlashCS4: công cụ Line, công cụ Pen, công cụ TextTổ chức các lớp (layer) hình vẽCách sử dụng màu sắc trong FlashSử dụng symbol (biểu tượng) và Library


MÔI TRƯỜNG VẼ TRONG FLASH CS4

MÔI TRƯỜNG VẼ TRONG FLASH CS4

Adobe Flash CS4 Professional cung cấp nhiều côngcụ mạnh mẽ và các tính năng hữu ích giúp tạo ranhững hình vẽ và dòngBất cứ hình vẽ nào được tạo ra trong Flash đều cóthể tạo ra những chuyển động trên Timeline2 mô hình vẽ:

Merge Drawing (chế độ vẽ Merge)Object Drawing (chế độ vẽ vật thể)


Adobe Flash CS4 Professional cung cấp nhiều côngcụ mạnh mẽ và các tính năng hữu ích giúp tạo ranhững hình vẽ và dòngBất cứ hình vẽ nào được tạo ra trong Flash đều cóthể tạo ra những chuyển động trên Timeline2 mô hình vẽ:

Merge Drawing (chế độ vẽ Merge)Object Drawing (chế độ vẽ vật thể)

MERGE DRAWING (CHẾ ĐỘ VẼ MERGE)

Là chế độ vẽ mặc định trong Flash CS4Trong chế độ vẽ này:

Các hình vẽ dễ dàng được phân tách thành các phầnnhỏKhi 2 hình vẽ chồng lên nhau, chúng sẽ tự động kếthợp để tạo ra những hình vẽ phức tạp


Là chế độ vẽ mặc định trong Flash CS4Trong chế độ vẽ này:

Các hình vẽ dễ dàng được phân tách thành các phầnnhỏKhi 2 hình vẽ chồng lên nhau, chúng sẽ tự động kếthợp để tạo ra những hình vẽ phức tạp


Sử dụng công cụ Oval ( ) vẽ hình trên cửa sổ làmviệcShift + di chuột để vẽ hình tròn


Sử dụng công cụ Oval ( ) vẽ hình trên cửa sổ làmviệcShift + di chuột để vẽ hình tròn


Lựa chọn công cụ Selection ( ), lựa chọn 1 vùngtrên hình vẽ và di chuyển vùng chọn ra vị trí khác


Hình vẽ dễ dàng được phân tách


Sử dụng công cụ Oval vẽ thêm 1 hình tròn chồnglên hình tròn trướcNhấn đúp lên hình tròn vừa vẽ, di chuyển sang vị tríkhác


Sử dụng công cụ Oval vẽ thêm 1 hình tròn chồnglên hình tròn trướcNhấn đúp lên hình tròn vừa vẽ, di chuyển sang vị tríkhác

Kết hợp của các hình được vẽ chồng nhau

OBJECT DRAWING (CHẾ ĐỘ VẼ VẬT THỂ)

Kiểm soát các đối tượng chặt chẽ hơn khi được vẽNhóm đường viền và vật thể lại với nhau giống nhưtrong Illustrator CS4Cung cấp khả năng ngăn xếp và sắp xếp hình vẽ vớichỉ một layer duy nhất


Kiểm soát các đối tượng chặt chẽ hơn khi được vẽNhóm đường viền và vật thể lại với nhau giống nhưtrong Illustrator CS4Cung cấp khả năng ngăn xếp và sắp xếp hình vẽ vớichỉ một layer duy nhất


Nhấn chuột trên công cụ Oval để lựa chọn công cụPolystar ( ) đang ẩnNhấn chọn nút Object Drawing ( ) phía dưới bảngToolsSau đó vẽ hình chồng lên hình ban đầu đã vẽDi chuyển hình vừa được tạo để thấy sự khác biệtgiữa 2 chế độ vẽ


Nhấn chuột trên công cụ Oval để lựa chọn công cụPolystar ( ) đang ẩnNhấn chọn nút Object Drawing ( ) phía dưới bảngToolsSau đó vẽ hình chồng lên hình ban đầu đã vẽDi chuyển hình vừa được tạo để thấy sự khác biệtgiữa 2 chế độ vẽ


Nhấn đúp chuột vào hình vừa vẽ để chỉnh sửa trongchế độ Object drawing


CÔNG CỤ VẼ HÌNH TRONG FLASH CS4

CÔNG CỤ LINE

Vẽ hình trong chế độ Object Drawing và làm việc vớifile fl0302.fla.Lựa chọn công cụ Line ( ) trên bảng ToolsTiến hành vẽ như sau


CÔNG CỤ LINE

Chuyển sang công cụ SelectionNhấn đúp vào đường vẽ vừa tạo để chỉnh sửa trongchế độ Object DrawingUốn cong đường thẳng khi có thêm

biểu tượng vòng cung ở công cụselection

Chuyển sang công cụ SelectionNhấn đúp vào đường vẽ vừa tạo để chỉnh sửa trongchế độ Object DrawingUốn cong đường thẳng khi có thêm

biểu tượng vòng cung ở công cụselection


CÔNG CỤ PEN

Lợi thế:Cho phép vẽ theo dạng point-to-point (chọn điểm)Thêm/ bớt điểm trong khi vẽĐiều khiển được đường cong, chính giữa

Sử dụng giống như công cụ Pen trong các chươngtrình đồ họa khác (photoshop, illustrator)

Lợi thế:Cho phép vẽ theo dạng point-to-point (chọn điểm)Thêm/ bớt điểm trong khi vẽĐiều khiển được đường cong, chính giữa

Sử dụng giống như công cụ Pen trong các chươngtrình đồ họa khác (photoshop, illustrator)


CÔNG CỤ PEN

Thêm điểm neo:Sử dụng công cụ Subselection ( ) để chọn đường biêncủa vật thể màu vàng điều này sẽ làm hiển thịnhững điểm neo đã tạo khi vẽ

Thêm điểm neo:Sử dụng công cụ Subselection ( ) để chọn đường biêncủa vật thể màu vàng điều này sẽ làm hiển thịnhững điểm neo đã tạo khi vẽ


CÔNG CỤ PEN

Thêm điểm neo:Nhấn chọn công cụ Add Anchor Point ( ) đang ẩnNhấn chọn thêm điểm neo trên đường path


CÔNG CỤ PEN

Thêm điểm neo:Chuyển sang công cụ subselection để điều chỉnh vị trícủa điểm neo


COMBINE OBJECTS

Sử dụng để tạo ra những hình vẽ dạng phức tạpModify > Combine Objects


COMBINE OBJECTS

Nhấn chọn toàn bộ hình con cáSau đó chọn Modify > Combine Objects > Union chuyển đổi hình vẽ thành dạng đối tượng trong chếđộ vẽ đối tượng (object drawing)Tiếp tục lựa chọn công cụ Polystar, kích hoạt chế độvẽ đối tượng

Nhấn chọn toàn bộ hình con cáSau đó chọn Modify > Combine Objects > Union chuyển đổi hình vẽ thành dạng đối tượng trong chếđộ vẽ đối tượng (object drawing)Tiếp tục lựa chọn công cụ Polystar, kích hoạt chế độvẽ đối tượng


COMBINE OBJECTS

Nhấn nút Options trên bảng Property, đặt thông sốnhư hình vẽ


COMBINE OBJECTS

Lựa chọn Edit > Select All để chọn toàn bộ vật thểModify > Combine Objects > Punch.Tạo được hình ảnh như sau:


COMBINE OBJECTS

Combine Object

Từ trái quá phải: hình vẽ ban đầu, Intersect, Punch, Crop.Union: chuyển shape (hình vẽ) thành dạng đối tượng trong chế độ Object DrawingIntersect: giữ lại vùng giao của 2 hình chồng nhauPunch: dập shape (hình vẽ) phía trên ra khỏi shape (hình vẽ) phía dướiCrop: cắt shape (hình vẽ) phía dưới sao cho phù hợp với shape phía trên


CÔNG CỤ PRIMITIVE (SMART SHAPE)

Tạo ra những hình phức tạp (hình chữ nhật uốn vátgóc, oval bán kính kép, …) từ những shape cơ bảnĐược giới thiệu từ phiên bản Flash CS3Bao gồm các công cụ:

Oval PrimitiveRectangle Primitive

Tạo ra những hình phức tạp (hình chữ nhật uốn vátgóc, oval bán kính kép, …) từ những shape cơ bảnĐược giới thiệu từ phiên bản Flash CS3Bao gồm các công cụ:

Oval PrimitiveRectangle Primitive



Oval Primitive ( ) trên bảng ToolsThiết lập trên bảng Tools:

Màu tô: #000000 (màu đen)Màu đường viền: None

Chọn View > Snapping > Snap to ObjectsVẽ hình tròn cho con ngươi của mắt cáTrên bảng Property, đặt những thuộc tính:

Start AngleEnd AngleInner Radius

Oval Primitive ( ) trên bảng ToolsThiết lập trên bảng Tools:

Màu tô: #000000 (màu đen)Màu đường viền: None

Chọn View > Snapping > Snap to ObjectsVẽ hình tròn cho con ngươi của mắt cáTrên bảng Property, đặt những thuộc tính:

Start AngleEnd AngleInner Radius




Thay đổi thông sốtrong phần Oval

Options

Hình vẽ thay đổi saukhi thay đổi thông số


Oval Primative

- Xuất hiện những điểm điều khiển rời rạc (giống như điểm neo) phía bên phải- Có thể nhấn và kéo các điểm này để thay đổi góc của hình vẽ (shape)



Công cụ Rectangle Primitive ( )Thiết lập màu trên bảng Tools:

Màu tô: #FFFFFF (màu trắng)Màu đường viền: #000000 (màu đen)

Vẽ hình trên stageTrong bảng Property, thay đổi thông số tùy chọntrong vùng Rectangle Options

Công cụ Rectangle Primitive ( )Thiết lập màu trên bảng Tools:

Màu tô: #FFFFFF (màu trắng)Màu đường viền: #000000 (màu đen)

Vẽ hình trên stageTrong bảng Property, thay đổi thông số tùy chọntrong vùng Rectangle Options



Thay đổi thông sốtrong phần RectangleOptions và chú ý sựthay đổi trên hình vẽ


Thay đổi thông sốtrong phần RectangleOptions và chú ý sựthay đổi trên hình vẽ


Chỉnh sửa lại hình vẽ:Chuyển sang công cụ SelectionModify > Break Apart để phân tách hình vẽ thànhdạng artworkChọn công cụ Subselection nhấn lên hình vẽ để hiểnthị điểm neoChọn công cụ Add Anchor Point để thêm điểm neoDùng công cụ Subselection

điều chỉnh hình vẽ như sau

Chỉnh sửa lại hình vẽ:Chuyển sang công cụ SelectionModify > Break Apart để phân tách hình vẽ thànhdạng artworkChọn công cụ Subselection nhấn lên hình vẽ để hiểnthị điểm neoChọn công cụ Add Anchor Point để thêm điểm neoDùng công cụ Subselection

điều chỉnh hình vẽ như sau


CÔNG CỤ TEXT

CÔNG CỤ TEXT

Chức năng chính: viết chữ trong flashKết hợp cùng bảng Properties để

điều chỉnh (font, màu sắc, kích thướcvị trí, …)

Công cụ Text (T)3 định dạng kiểu văn bản

Chức năng chính: viết chữ trong flashKết hợp cùng bảng Properties để

điều chỉnh (font, màu sắc, kích thướcvị trí, …)

Công cụ Text (T)3 định dạng kiểu văn bản


CÔNG CỤ TEXT

Thêm Filters cho đoạn chữCửa sổ vùng FILTERS phía dưới cùng của bảngPropertyNhấn nút Add Filter ( )


MÀU SẮC

MÀU SẮC

Flash cung cấp nhiều tùy chọn để tạo, lưu và làmviệc với màu sắc, gradientViệc chọn, áp dụng màu rất dễ dàng với các bảngliên quan:

ColorSwatches

Flash cung cấp nhiều tùy chọn để tạo, lưu và làmviệc với màu sắc, gradientViệc chọn, áp dụng màu rất dễ dàng với các bảngliên quan:

ColorSwatches


MÀU GRADIENT

Flash hỗ trợ 2 loại kiểu màu gradient:Linear: hòa trộn màu theo cách đồng dạng theo mộtđường thẳng đi theo một hướng hoặc một góc xácđịnhRadial: hòa trộn màu theo cách thức tỏa tròn, theo 2hướng: hướng tâm và hướng ra ngoài

Flash hỗ trợ 2 loại kiểu màu gradient:Linear: hòa trộn màu theo cách đồng dạng theo mộtđường thẳng đi theo một hướng hoặc một góc xácđịnhRadial: hòa trộn màu theo cách thức tỏa tròn, theo 2hướng: hướng tâm và hướng ra ngoài


MÀU GRADIENT

Lựa chọn kiểu gradient trong hộp thoại Type trênbảng Color


MÀU GRADIENT

Chú ý phía dưới bảng Color có xuất hiện thanh trượtmàu sắcĐiều chỉnh ngay trên thanh trượt


- Lựa chọn màu sắc- Thêm điểm màu- Điều chỉnh sắc độgradient

TÙY BIẾN MÀU SẮC

Chọn công cụ Selection và nhấn một lần lên hìnhcon cá màu tô và màu đường viền sẽ được hiểnthị trên bảng ColorNhấn vào nút Stroke ( )Trong trường R, G, B nhập các giá trị 250, 100, 16Mở bảng Color và nhấn vào menu phía trên bênphải bảng, chọn Add Swatch

Chọn công cụ Selection và nhấn một lần lên hìnhcon cá màu tô và màu đường viền sẽ được hiểnthị trên bảng ColorNhấn vào nút Stroke ( )Trong trường R, G, B nhập các giá trị 250, 100, 16Mở bảng Color và nhấn vào menu phía trên bênphải bảng, chọn Add Swatch


TÙY BIẾN MÀU SẮC

Window > SwatchesNhấn nút menu phía trên bên phải của bảngChọn Save Colors


TỔ CHỨC LAYER

TỔ CHỨC LAYER

Cấu trúc layer: giúp kiểm soát được StageCó thể sắp xếp linh hoạt các đối tượng DrawingObjects hay nhóm các hình vẽ trên một layer duynhấtMỗi hình vẽ được đặt vào layer phải là đối tượngDrawing ObjectsNếu chưa Modify > Combine Objects > UnionChọn toàn bộ đối tượng: Edit > Select AllNhấn chuột phải và chọn Distribute to Layer

Cấu trúc layer: giúp kiểm soát được StageCó thể sắp xếp linh hoạt các đối tượng DrawingObjects hay nhóm các hình vẽ trên một layer duynhấtMỗi hình vẽ được đặt vào layer phải là đối tượngDrawing ObjectsNếu chưa Modify > Combine Objects > UnionChọn toàn bộ đối tượng: Edit > Select AllNhấn chuột phải và chọn Distribute to Layer


TỔ CHỨC LAYER


TỔ CHỨC LAYER

Nhấn đúp lên tên layer để đổi tên

Chọn nút Delete Layer ( ) trên thanh Timeline đểxóa layer


Nhấn đúp lên tên layer để đổi tên

Chọn nút Delete Layer ( ) trên thanh Timeline đểxóa layer

Tạo layermới

Tạo thư mục layer Xóa layer

TỔ CHỨC LAYER

Di chuyển layer: giữ và kéo

Khóa layer


Di chuyển layer: giữ và kéo

Khóa layer

Ẩn/ hiện layer

TỔ CHỨC LAYER

Tạo thư mục layer:Nhấn nút New Layer Folder ( )Kéo các layer bên ngoài vào trong thư mục vừa tạo


Tạo thư mục layer:Nhấn nút New Layer Folder ( )Kéo các layer bên ngoài vào trong thư mục vừa tạo

SYMBOL

SYMBOL

Khi tạo hình vẽ trên Stage, nếu muốn sử dụng lạicác hình vẽ đó trong các đoạn phim khác cáchtốt nhất nên sử dụng symbolFlash sử dụng 3 kiểu symbol:

GraphicButtonMovie clip

Khi tạo hình vẽ trên Stage, nếu muốn sử dụng lạicác hình vẽ đó trong các đoạn phim khác cáchtốt nhất nên sử dụng symbolFlash sử dụng 3 kiểu symbol:



SYMBOL

Các kiểu symbol

- Graphic: là kiểu symbol cơ bản nhất, chứa hình vẽ, chữ, các artwork, bitmap- Button: sử dụng để điều khiển, chứa nhiều trạng thái đáp ứng các tương tác củangười dùng (nhấn, cuộn chuột)- Movie clip: được gọi là super-symbol, chứa được nhiều đối tượng: symbol, hoạthình, âm thanh, video


TỔNG KẾT

2 chế độ vẽ trong Flash CS4:Merge Drawing: khi vẽ hình chồng nhau sẽ bị ảnhhưởngObject Drawing: có thể chỉnh sửa để tạo ra nhữnghình dạng phức tạp hơn

Các công cụ Primitive nên chú ý chỉnh sửa thông sốtrong bảng Property, hoặc chỉnh sửa trực tiếp bằngtay trên vật thể3 kiểu symbol trong Flash CS4:


2 chế độ vẽ trong Flash CS4:Merge Drawing: khi vẽ hình chồng nhau sẽ bị ảnhhưởngObject Drawing: có thể chỉnh sửa để tạo ra nhữnghình dạng phức tạp hơn

Các công cụ Primitive nên chú ý chỉnh sửa thông sốtrong bảng Property, hoặc chỉnh sửa trực tiếp bằngtay trên vật thể3 kiểu symbol trong Flash CS4:



bÀi 2 làm quen với công cụ vẽ và sử dụng symbol, bảng library

Documents