Bài giảng Thiết kế Macromedia Flash 8 - Bài 1: Giới thiệu chung về giao diện của chương trình Flash 8

Bài giảng Thiết kế Macromedia Flash 8

Bài 1 - GIỚI THIỆU CHUNG

VỀ GIAO DIỆN CỦA CHƯƠNG TRÌNH FLASH 8

Trước tiên, sau khi khởi động chương trình Flash 8, ta cần mở một file Flash bằng cách

chọn Flash Document trong mục Creat New.

1. Thanh Menu

3. Vùng điều khiển Timeline

4. Vùng thiết kế

7A

7B

5. Bảng thuộc tính Properties và bảng viết mã lệnh

Giao diện cơ bản của Flash có thể chia làm 6 phần như sau:

● 1: Menu

● 2: Thanh công cụ

● 3: Vùng điều khiển chính TimeLine

● 4: Vùng thiết kế

● 5: Bảng thuộc tính Properties và bảng viết lệnh Actions

● 6: Bảng Panel hỗ trợ thiết kế

Các bảng thuộc tính, actions hay panel hổ trợ có thế được đóng mở bằng cách click vào tên

của chính nó (7A, 7B).

Bây giờ ta sẽ sơ lược qua từng phần.

1/ Menu:

Gồm nhiều chức năng có nhiệm vụ điều khiển tổng quát cho file Flash.

- 1 -

Bài giảng Thiết kế Macromedia Flash 8

2/ Thanh công cụ:

Dùng để thiết kế các đối tượng, gồm 4 phần chính:

● Tools : nhóm công cụ chính dùm để thiết kế.

● View : công cụ hỗ trợ việc quan sát.

● Colors : công cụ hổ trợ màu cho các công cụ vẽ trong Tools.

● Options : bổ sung và mở rộng để hổ trợ cho các công cụ trong

Tools, mỗi công cụ khác nhau sẽ có Options khác nhau.

3/ Vùng điều khiển chính TimeLine:

Có vai trò quan trọng trong việc xây dựng và điều khiển mọi hoạt động của đối tượng.

4/ Vùng thiết kế:

- 2 -

Bài giảng Thiết kế Macromedia Flash 8

Gồm 1 trang giấy (background) dùng để thiết kế đối tượng. Tùy theo yêu cầu thiết kế bạn có

thể sử dụng các công cụ có sẵn để tạo ra đối tượng hoặc lấy các đối tượng khác đã được thiết

kế sẵn từ bên ngoài.

5/ Bảng thuộc tính Properties và bảng viết lệnh Actions:

- Bảng thuộc tính Properties thể hiện thuộc tính của các đối tượng được chọn tên vùng thiết kế.

- Bảng viết lệnh Actions dùng để viết mã lệnh (code) điều khiển hoạt động của các đối tượng

trên vùng thiết kế.

6/ Bảng Panel hỗ trợ thiết kế:

- 3 -

Bài giảng Thiết kế Macromedia Flash 8

Hỗ trợ trong việc thiết kế các đối tượng. Có nhiều panel hỗ trợ khác nhau, nếu không thấy bạn

có thể vào Menu chọn Window và mở các panel cần thiết.

- 4 -

Bài giảng Thiết kế Macromedia Flash 8

BÀI 2 - SỬ DỤNG THANH CÔNG CỤ ĐỂ THIẾT KẾ

Thanh công cụ có vai trò rất quan trọng trong việc thiết kế các đối tượng.

Mặc định khi mở một file Flash thì thanh công cụ sẽ nằm lề bên trái của màn

hình, các bạn có thể dời chỗ của nó bằng cách click vào phần trên chữ Tools và

kéo. Có thể chia thanh công cụ làm 4 phần:

● Nhóm công cụ mở rộng Options , tương ứng với từng công cụ chính trong

Tools sẽ có các nhóm công cụ mở rộng khác nhau (sẽ nói ở phần dưới).

● Nhóm công cụ màu Colors , gồm các công cụ sau:

Stoke Color: màu khung viền bên ngoài (đường bao).

Fill Color: màu của nền bên trong khung viền.

Các bạn có thể hiệu chỉnh màu bằng cách click trực tiếp vào ô màu, khi đó sẽ có

1 bảng màu hiện ra cho bạn lựa chọn. Bạn phải hiệu chỉnh trước khi sử dụng

công cụ vẽ thì đối tượng đó mới mang những thuộc tính màu sắc này.

Bạn có thể lấy bất kì màu nào trên bảng màu hay bất kì màu nào trên màn hình chỉ bằng một

cú click chuột. Bạn cũng có thể sử dụng bảng màu theo chỉ số RGB hay HSL bằng cách click

vào hình tròn nhiều màu ở góc cao bên phải bảng màu. Hệ số Alpha cho biết độ trong suốt

của màu. Số #666666 là số hiệu của màu bạn chọn, ở đây là màu xám lông chuột.

Mặc định : Black&white (hiệu chỉnh mặc định stoke color là đen và fill color là

trắng) – No Color (bỏ qua fill color) – Swap Colour (đảo vị trí màu stoke color và fill

color).

● Nhóm công cụ quan sát View, gồm các công cụ sau (Tên - Phím tắt):

Hand Tool (H): sử dụng kéo trang giấy để quan sát các phần khác nhau của một trang

giấy thiết kế lớn, bạn cũng có thể kéo các thanh trượt trên vùng thiết kế để quan sát thay

cho công cụ này.

Zoom Tool (M,Z): sử dụng để phóng to thu nhỏ trang giấy thiết kế cho tiện quan sát,

các bạn cũng có thể sử dụng phím tắt Ctrl + “+” để phóng to và Ctrl + “-” để thu nhỏ.

- 5 -

Bài giảng Thiết kế Macromedia Flash 8

● Nhóm công cụ chính Tools , gồm các công cụ sau : (khi chọn một công cụ trong nhóm này

bạn cần lưu ý quan sát bảng Options và bảng Properties)

1/

Selection Tool (V) : công cụ lựa chọn đối tượng.

Cũng như bất kì công cụ lựa chọn nào khác, chẳng hạn như chức năng của chuột trong

các thao tác trên các tập tin, thư mục của Window hay trong các văn bản Word, Excel,

powerPoint….nếu muốn chọn một đối tượng nào đó thì bạn chỉ việc click vào nó, khi đó

đối tượng được chọn sẽ xuất hiện 1 vùng chấm chấm tức là bạn đã chọn được nó. Bạn

cũng có thể drag chuột (nhấn giữ chuột) và kéo khoang vùng để chọn nhiều đối tượng.

Khi đã chọn được đối tượng thì bạn có thể drag nó và kéo đến các vị trí khác nhau trên

giấy vẽ mà bạn muốn. Muốn xóa đối tượng bạn chỉ cần nhấn Delete thông thường. Khi

này sẽ xuất hiện một bảng Options của công cụ:

Snap to Object : làm các đối tượng tiếp xúc nhau, hít vào nhau.

Smooth : làm cho đối tượng nhìn cong và mềm mại hơn.

Straighten : làm cho đối tượng nhìn góc cạnh hơn.

Bạn cũng có thể dùng công cụ này để hiệu chỉnh thay đổi hình dạng

của đối tượng bằng cách không chọn đối tượng mà để con trỏ chuột lại gần rồi click và

drag nó.

2/

Lasso Tool (L): công cụ lựa chọn đối tượng đa năng.

Đa năng tức là ta sẽ tạo ra một vùng chọn tùy ý có hình dạng bất kỳ, tất cả những gì nằm

trong vùng này sẽ được chọn.

Polygon : tạo vùng chọn có hình dạng đa giác kỳ

Magic Wand Properties : điều chỉnh thông số cho Magic Wand

Magic Wand : chọn đối tượng dựa trên 1 màu sắc bất kỳ.

3/

Pencil Tool (Y) : công cụ vẽ như một cây viết chì.

◦ Đối với bảng Options:

Object Drawing (J): thuộc tính tự động Group đối tượng khi vẽ, tức là sau khi vẽ nó

sẽ là một đối tượng riêng biệt, không bị chia cắt bới bất kì đối

tượng nào khác.

Định dạng nét vẽ gồm 3 thuộc tính:

Straighten: sau khi vẽ, nét vẽ gần như thẳng sẽ tự động hiệu

chỉnh thành các đường thẳng.

Smooth: sau khi vẽ, nét vẽ gần như cong sẽ tự động hiệu

chỉnh thành các đường cong.

Ink: sau khi vẽ, nét vẽ gần như giữ nguyên hiện trạng mà bạn

thao tác.

- 6 -

Bài giảng Thiết kế Macromedia Flash 8

◦ Đối với bảng Properties:

Màu của nét vẽ (ô màu) - Độ dày của nét vẽ (1) - Hình dạng của nét vẽ (gạch đứt nét) – Độ

mượt Smoothing (50, chỉ dành riêng cho định dạng Smooth).

Các thuộc tính này đều có nhiều lựa chọn và nên được lựa chọn trước khi vẽ.

4/

Brush Tool (B) : công cụ vẽ như một cây cọ vẽ.

◦ Đối với bảng Properties: (trong ngoặc đơn là các thuộc tính trên hình).

Màu cùa nét cọ (xanh lá) - Độ mượt (50)

◦ Đối với bảng Options:

Lock Fill : không cho tô màu nền.

Brush size : kích thước của nét cọ.

Brush shape : hình dạng của nét cọ.

Brush mode : chế độ cọ khi vẽ.

Trên biểu tượng thì nét cọ màu đỏ, hình tròn màu xanh được xem

là một đối tượng có sẵn trước đó có viền khung xanh đậm và nền

màu xanh nhạt hơn, các bạn có thể quan sát biểu tượng để biết tính

chất.

Nét cọ thông thường, nét sau chồng lên nét trước, kể cả viền.

Nét cọ nền, chỉ cho phép nét cọ đè lên màu nền, không đè viền.

Nét cọ sau, nét cọ nằm dưới đối tượng đã có trước đó.

- 7 -

Bài giảng Thiết kế Macromedia Flash 8

Nét cọ vùng chọn, chỉ nét nằm trong vùng chọn được hiển thị.

Nét cọ bên trong, chỉ có những nét nằm trong được hiển thị, bạn phải kéo cọ từ vùng bạn

muốn vẽ ra ngoài thì nó mới dược chấp nhận là vùng bên trong, và nét vẽ sẽ hiện trên vùng

bạn muốn.

5/

Line Tool (N) : công cụ vẽ đường thẳng.

Sử dụng bằng cách kéo và drag chuột, cho tới khi được đường thẳng có độ dài và góc

nghiêng ưng ý thì thả chuột. Bạn có thể ấn giữ phím Shift trong khi vẽ để có đường

ngang, đường dọc hay đường nghiêng góc 45⁰.

Về màu sắc, độ dày hay hình dạng của đối tượng bạn có thể chọn và hiệu chỉnh trong

bảng Properties.

6/

Rectangle Tool (R) : công cụ vẽ đa giác.

Nhấn và giữ chuột ta sẽ nhận được 2 công cụ:

a/

Rectangle Tools (R) : công cụ vẽ hình chữ nhật và hình vuông.

Click và drag chuột cho tới khi có hình chữ nhật mong muốn thì thả chuột. Nhấn giữ

thêm Shift để có hình vuông.

Về màu sắc, độ dày hay hình dạng của khung viền hay màu sắc của nền, bạn có thể chọn

và hiệu chỉnh trong bảng Properties.

Chế độ

Set Coner Radius trong bảng Options giúp bạn hiệu chỉnh độ bo tròn ở 4

góc của hình chữ nhật hay hình vuông mà bạn muốn vẽ.

b/ Polystar Tools : công cụ vẽ đa giác và ngôi sao.

Cách chỉnh số đỉnh của đa giác hay ngôi sao: quan sát bảng Properties, chọn Options…

sẽ xuất hiện cửa sổ Tool Setting.

◦ Style: Polygon - đa giác

Star - ngôi sao

- 8 -

Bài giảng Thiết kế Macromedia Flash 8

◦ Number of Sides: số đỉnh

◦ Star point size: kích thước góc ở đỉnh ngôi sao, tính từ 0 đến 1.

Cách vẽ cũng tương tự các công cụ trên, click và drag chuột rồi

thả ta sẽ được đối tượng.

7/

8/

Oval Tool (O) : công cụ vẽ Elip và hình tròn.

Click và drag chuột cho tới khi có hình elip mong muốn thì thả chuột. Nhấn giữ thêm

Shift để có hình tròn.

Về màu sắc, độ dày hay hình dạng của khung viền hay màu sắc của nền, bạn có thể chọn

và hiệu chỉnh trong bảng Properties.

Text Tool (T) : công cụ viết văn bản.

◦Nhóm công cụ word: font, size, màu, …

◦Nhóm công cụ định dạng:

Khoảng cách giữa các chữ.

Kiểu chữ: Normal (bình thường) – Superscript (chữ số mũ) – Subscript (kí

hiệu hóa học).

◦Công cụ văn bản: Static Text (thông thường, tĩnh) – Dynamic Text (làm việc với hiệu

ứng động) – Input (nhập văn bản khi chạy file).

9/

Free Transform Tool (Q) : công cụ biến đổi đối tượng.

Khi bạn chọn một đối tượng (hình Elip) bằng công cụ này sẽ xuất hiện một khung bao

gồm 8 nút vuông màu đen và một tâm tròn trắng ở giữa.

Khi để gần khung bao bạn thấy xuất hiện một biểu tượng dạng 2 mũi tên 2 chiều thì ta có

thể thực hiện thao tác kéo làm nghiêng hay xiên đối tượng.

Khi để gần chiều rộng khung bao bạn thấy xuất hiện một biểu tượng dạng mũi tên 2 chiều

thì ta có thể thực hiện thao tác kéo thay đổi chiều dài của đối tượng.

Khi để gần chiều dài khung bao bạn thấy xuất hiện một biểu tượng dạng mũi tên 2 chiều

thì ta có thể thực hiện thao tác kéo thay dổi chiều rộng của đối tượng.

- 9 -

Bài giảng Thiết kế Macromedia Flash 8

Khi để gần các góc khung bao bạn thấy xuất hiện một biểu tượng dạng mũi tên 2 chiều thì

ta có thể thực hiện thao tác kéo thay dổi cả chiều dài và chiều rông của đối tượng. Nếu đồng

thời nhấn giữ Shift thì sẽ thay đổi đều cả 2 chiều.

Khi để gần chiều rộng khung bao bạn thấy xuất hiện một biểu tượng dạng mũi tên tròn

xoay thì ta có thể thực hiện thao tác xoay đối tượng quanh tâm tròn trắng. Bạn có thể dời tâm

quay này bằng cách click và drag rồi dời qua vị trí khác.

◦ Đối với bảng Options:

Các biểu tượng lần lượt từ trái sang phải, từ trên xuống dưới, như sau:

Rotate anh Skew : quay và kéo nghiêng đối tượng.

Scale : thay dổi độ lớn (chiều dài, chiều rộng) của đối tượng.

Dostort : thay đổi hình dạng của đối tượng.

Envelope : thay đổi hình dạng đối tượng nâng cao, bằng cách điều

chỉnh các nút tên khung bao hình chữ nhật.

10/

Subselection Tool (A) : công cụ hiệu chỉnh hình dạng đối tượng.

Khi chọn đối tượng, bạn chỉ có thể click trực tiếp vào khung viền của đối tượng, đối với

những đối tượng chỉ có nền thì bạn phải tạo kéo và drag chuột để tạo một đường bao lấy nó.

Sau khi đã chọn một đối tượng, sẽ xuất hiện một đường bao với nhiều nút nhỏ hình tròn,

bạn có thể điều chỉnh các nút này để được hình dạng mong muốn.

Công cụ này tương tự tính năng Envelope trong Free Transform Tool nhưng có nhiều

nút hơn bám sát khung viền.

11/

Pen Tool (P) : công cụ vẽ đa năng.

Công cụ vẽ các đường thẳng gấp khúc hoặc các đường cong bằng các chấm các điểm tại

các vị trí khác nhau rồi nối chúng lại dưới dạng các đường thẳng. Ngoài ra bạn có thể giữ và rê

chuột tại bất kì điểm nào trong lúc vẽ để tạo ra những đường cong.

Nếu chưa ưng ý bạn có thể dùng Subselection Tool để chỉnh sửa lại

12/

Gradient Transform Tool (F) : công cụ chỉnh màu Gradient.

Công cụ này giúp ta hiệu chỉnh màu tô Gradient của một đối tượng về độ nghiêng của bản

màu, độ rộng của màu. Ta sẽ nói rõ thêm phần này trong bài hướng dẫn tô màu.

13/

Ink Bottle Tool (S) : công cụ đổ thuộc tính cho khung viền.

Bạn chỉ cần chọn các thuộc tính cho khung viền trong bảng Properties sau đó đưa đến

khung viền cần tô và click để đổ thuộc tính.

14/

Paint Bucket (K) : công cụ đổ màu cho nền.

Bạn chỉ cần chọn màu cần tô trên bảng Properties sau đó đưa đến nền cần tô và click để đổ

màu .

- 10 -

Bài giảng Thiết kế Macromedia Flash 8

15/

Eyedropper Toool (I) : công cụ lấy màu.

Bạn chỉ cần cầm công cụ click chọn bất cứ nơi nào hay đối tượng nào để lấy màu.

Đối với những nền (có khung viền bên ngoài) thì biểu tượng công cụ trên vùng thiết kế sẽ

có thêm cây chổi quét và sau khi chọn màu sẽ lập tức tự động đổi qua công cụ Paint Bucket

để tiếp tục đổ màu.

Đối với khung viền thì biểu tượng công cụ trên vùng thiết kế sẽ có thêm cây viết chì và sau

khi chọn màu sẽ lập tức tự động đổi qua công cụ Ink Bottle để tiếp tục đổ tính chất.

16/

Eraser Tool (E) : công cụ xóa dạng cục gôm.

Eraser Shape : hình dạng của cục gôm

Faucet : hút màu của các đối tượng riêng biệt, 1 màu/hút.

Cách xóa :

Xóa thông thường, xóa cả nền và khung viền.

Xóa nền, chỉ xóa màu nền.

Xóa viền, chỉ xóa màu viền.

Xóa nền vùng chọn, chỉ những đối tượng trong vùng chọn bị

xóa (không có viền).

Xóa bên trong, xóa đối tượng từ trong ra ngoài, bạn rê chuột

từ vùng xóa ra bên ngoài, vùng được xóa được tính cho tới

khung viền đầu tiên thì dừng.

- 11 -

Bài giảng Thiết kế Macromedia Flash 8

BÀI 3 - SỬ DỤNG VÙNG ĐIỀU KHIỂN CHÍNH

TIMELINE (THANH TIẾN TRÌNH)

Vùng điều khiển chính TimeLine có vai trò rất quan trọng trong việc tạo ra một sản

phẩm Flash, có thể xem nó như đầu não trong việc xây dựng cũng như điều khiển mọi hoạt

động của các đối tượng trong một file Flash. Vùng điều khiển chính TimeLine gồm 2 phần

chính: Bảng Layer và vùng Keyframe (các số 1  55 …)

●Trước tiên ta quan sát từ trên xuống, trái qua phải:

-Tên của file hay sản phẩm Flash của bạn.

-Công tắc TimeLine, dùng để đóng mở toàn bộ phần dưới.

-Tên của Scene (phân cảnh), một file Flash có thể có nhiều phân cảnh, phân cảnh đầu tiên

luôn là Scene 1, bạn có thể thay đổi tên, tạo hay xóa 1 phân cảnh bằng panel Scene.

-Edit Scene

công cụ lựa chọn phân cảnh, giúp bạn đến 1 phân cảnh khác.

-Edit Symbol

công cụ lựa chọn 1 symbol bạn đã tạo ra và chỉnh sửa lại.

- Thay đổi kích thước vùng thiết kế :

Fit inWindow : thấy toàn bộ giấy vẽ, vùng nháp cố định.

Show Frame : thấy toàn bộ giấy vẽ, vùng nháp thay đổi được.

Show All : thấy tất cả các đối tượng, trên cả nháp và giấy vẽ.

* % : thay đổi kích thước theo tỉ lệ, tỉ lệ ban đầu là 100%.

●Tiếp theo là vùng điều khiển các Layer (lớp):

Vùng này gồm các Layer và Folder Layer khác nhau, mỗi Layer

chứa nhiều Frame, mỗi Frame chứa nhiều đối tượng, các Frame

và đối tượng trên các Layer là khác nhau.

Thứ tự trên dưới của các Layer sẽ quyết định thứ tự trên dưới của

các đối tượng trong vùng thiết kế, thứ tự các đối tượng chỉ thay

đổi khi bạn thay đổi thứ tự các layer bằng cách giữ chuột và kéo

nó.

- 12 -

Bài giảng Thiết kế Macromedia Flash 8

Bạn nên đặt tên để dễ dàng phân biệt các Layer trong lúc thiết kế, bằng cách double-click

vào tên cũ của Layer đó rồi nhập tên mới là được (đối với Folder Layer bạn cũng làm

tương tự).

Khi một Layer được chọn, Layer đó sẽ trở nên tối màu để phân biệt với các Layer khác

đồng thời sẽ xuất hiện cây viết chì ngay sau tên của nó, tức là lúc này bạn đã có thể thiết

kế trên Layer đó.

Các chức năng khác:

Show/Hide Layer: ẩn/hiện Layer trên vùng thiết kế.

Lock/Unlock Layer: khóa/mở Layer, nếu khóa, Layer sẽ không thể chấp nhận bất

cứ đối tượng nào tạo ra sau đó, việc khóa Layer không ảnh hưởng đến việc bạn viết mã

lệnh.

Show Layer as Outlines: hiện Layer dưới dạng các đưởng viền mỏng, có màu

tương ứng với màu của ô vuông cuối mỗi Layer.

Insert Layer: tạo một Layer mới, nằm trên Layer bạn đang đứng.

Add Motion Guide: tạo Layer chứa quỹ đạo của một chuyển động bất kỳ.

Insert Layer Folder: tạo một Folder mới.

Delete Layer: xóa Layer, bạn xóa bằng cách giữ và kéo Layer đó để vào thùng rác.

Bạn tuyệt đối không thể đứng tại Layer đó rồi nhấn Delete, làm như vậy chỉ xóa các

đối tượng trên Layer đó mà thôi.

Ngoài ra bạn có thể thao tác với các Layer bằng cách click chuột phải vào Layer đó. Khi

này sẽ hiện ra menu gồm các chức năng:

Show All: hiện tất cả các Layer.

Lock Others: khóa tất cá các Layer còn lại.

Hide Others: ẩn tất cả các Layer còn lại.

Insert Layer: tạo Layer mới.

Delete Layer: xóa Layer.

Guide: biến thành Layer chứa quỹ đạo.

Add Motion Guide: tạo Layer chứa quỹ đạo.

Mask: biến thành Layer mặt nạ.

Show Masking: hiện mặt nạ.

Insert Folder: tạo Folder mới.

- 13 -

Bài giảng Thiết kế Macromedia Flash 8

Delete Folder: xóa Folder.

Expand Folder: mở Folder.

Collapse Folder: đóng Folder.

Expand All Folder: mở tất cả các Folder.

Collapse All Folder: đóng tất cả các

Folder.

Properties: thuộc tính của Layer. Ta có thể

thay đổi tên, chế độ hiện/ẩn, chế độ

khóa/mở, định dạng, màu Outline và độ cao

của Layer.

●Cuối cùng là vùng điều khiển Frame:

Có vai trò rất quan trọng trong vùng

điều khiển chính TimeLine, xây dựng và

điều khiển mọi hoạt động của các đối tượng.

Nó chứa các Frame, bạn có thể hình dung nó như là những ô hình nhỏ trong một thước

phim, dĩ nhiên trong những ô nhỏ này sẽ có các hình ảnh, âm thanh để tạo nên một đoạn phim

theo nhu cầu. Khi đoạn phim chạy, các Frame sẽ lần lượt hiện ra theo thứ tự và theo một tốc

độ nhất định mà bạn cài đặt.

Vùng điều khiển Frame có thể mô tả gồm các bộ phận như sau:

◦Thước chỉ số Frame và con chạy chỉ số Frame (màu đỏ).

◦Vùng chứa các Frame:

Mỗi Layer sẽ ứng với một dãy các Frame được đánh số bắt đầu từ 1, các Frame

5,10,15,… sẽ có dạng sẫm màu. Có cá loại Frame thường gặp:

Khung hình rỗng, không chứ bất kỳ Frame nào, bạn cũng không thể

thiết kế bất kỳ đối tượng nào nếu không có Frame.

Frame trống, màu trắng, có chấm tròn trắng ở đáy, không chứa bất kỳ đối tượng

nào, bạn có thể click vào nó và bắt đầu thiết kế đối tượng trên Frame này.

- 14 -

Bài giảng Thiết kế Macromedia Flash 8

Frame có chứa đối tượng, màu sẫm, có chấm tròn đen ở đáy, bạn vẫn có thể click

vào và thiết kế thêm hay bỏ bớt đối tượng trên Frame này.

Frame chứa mã lệnh, có chữ a ở đỉnh, có thể là Frame trống hay Frame chứa đối

tượng vì mã lệnh không được viết trên Frame mà viết trong bảng Actions.

Chuỗi Frame trống và

Chuỗi Frame chứa đối tượng,

kết thúc chuỗi là một Frame có hình chữ nhật màu trắng ở đáy.

Chuỗi Frame chứa chuyển động và

Chuỗi Frame chứa hành

động biến hình (có màu xanh nhạt).

Làm thể nào để tạo ra Frame? Bằng cách click chuột

phải lên một ô trống bất kì trong khung hình rỗng sẽ mở

ra một menu mới, bạn có thể tạo ra một Frame hay một

chuỗi Frame từ menu này.

Create Motion Tween: tạo chuyển động.

Insert Frame: tạo Frame. Nếu có sẵn một Frame hay

một chuỗi thì nó sẽ tự động kéo dài chuỗi Frame đến nơi

bạn đứng, nếu không có bất kỳ Frame nào thì nó sẽ tự

động tạo 1 chuỗi Frame trắng từ Frame 1 đến nơi bạn

đứng.

Remove Frames: tháo bỏ các Frame đang chọn. Để chọn

các Frame riêng biệt thì bạn ấn giữ Ctrl rối click chọn, để

chọn chuỗi Frame bạn click Frame bắt đầu chuỗi rồi ấn

giữ Shift và click Frame kết thúc chuỗi.

Insert Keyframe: tạo ra Frame giống tính chất Frame (chuỗi Frame) trước đó, giữ

nguyên đối tượng có sẵn..

Insert Blank Keyframe: tạo một Frame trắng bất kể tính chất của Frame (chuỗi

Frame) trước đó.

Clear Keyframe: xóa các đối tượng trong Keyframe.

Convert to Keyframes: biến Frame thành Keyframes.

Convert to Blank Keyframes: biến Frame thành Blank Keyframes.

Cut Frames: tháo Frame ra nhưng có thể dán lại ở một nơi khác.

Copy Frames: chép Frame để dán vào nơi khác.

Paste Frames: dán Frame đã tháo hay chép gần nhất.

Clear Frames: xóa các đối tượng trong Frame.

Select All Frames: chọn tất cả các Frames.

Reverse Frames: đảo ngược vị trí các Frame, Frame đầu thành Frame cuối và ngược

lại, thuận lợi cho việc xây dựng các hoạt động 2 chiều.

- 15 -

Bài giảng Thiết kế Macromedia Flash 8

Synchronize Symbols: đồng bộ khung hình bắt đầu của nhiều phiên bản của cùng biểu

tượng đồ họa ngang qua nhiều khung hình khóa trên cùng một lớp.

Actions: viết mã lệnh cho Frame.

Khi đứng ở một Frame bất kì ta cũng sẽ có một bảng Properties riêng cho nó.

<Frame Label> : nhãn của toàn bộ khung hình trong một lớp, chức năng này không

ảnh hưởng gì đến khung hình cả, nhưng nó thật có ích nếu bạn muốn ghi chú gì đó về chức

năng của toàn đoạn khung hình trên một lớp chẳng hạn.

Tween : các dạng của khung hình biến đổi, chỉ có tác dụng với các khung hình dạng

biến đổi có vấn đề (khi để ở chế độ motion hay shape), về việc này chúng ta sẽ nghiên cứu kĩ

hơn ở các bài sau.

Sound : chèn âm thanh vào khung hình, trước tiên bạn phải chọn File>Import (hoặc

Ctrl+R) để đưa file nhạc của bạn vào, sau đó chọn một đoạn khung hình và chèn đoạn nhạc

của bạn vào. Đoạn nhạc sẽ phát khi đoạn khung hình đó hiển thị.

Effect : hiệu ứng âm thanh, chức băng bày chỉ được bật một khi bạn đã chèn nhạc vào

một đoạn frame. Bạn muốn âm biến đổi như thế nào thì chọn ở đây.

Sync : bật nhạc khi bắt đầu hay kết thúc hoặc lúc xảy ra sự kiện.

Loop : số lần lập lại của đoạn nhạc mà bạn chèn.

Edit... : bật bảng biên soạn lại âm thanh nếu bạn cảm thấy các kiểu âm thanh ở Effect

là chưa đủ và không thích hợp. Khi chọn hộp thoại sau sẽ xuất hiện:

- 16 -

Bài giảng Thiết kế Macromedia Flash 8

Bây giờ bạn chỉ cần kéo thả chuột sao cho âm thanh vừa ý và nhấn OK (phần này đơn

giản và tùy theo sở thích của bạn nên các bạn có thể tự tìm hiểu).

◦Các chức năng còn lại:

Current Frame : số thứ tự Frame tại nơi bạn đứng - Frame Rate:

tốc độ chạy Frame (frame/s) – Elapsed Time: thời gian chạy đoạn Frames tính từ Frame1 đến

nơi bạn đứng, Frames 1 là 0.0s.

Center Frame : giúp bạn trở lại Frame cuối cùng một cách nhanh chónh, VD như

frame cuối của bạn là 86 nhưng bạn đang đứng ở khung hình rỗng 1408 thì chỉ cần một cú

click sẽ đưa bạn về Frame cuối cùng.

Onion Skin : xem và chỉnh sửa nhiều khung hình cùng một lúc , khi đang ở một vị

trí trên layer bất kỳ thì việc chọn nút Onion Skin sẽ giúp bạn gom toàn bộ nội dung của khung

hình vào giữa hai điểm được đánh dấu , lúc này bạn có thể chỉnh sửa nội dung của đoạn khung

hình đang được chọn.

Onion Skin Outlines : giống với Onion Skin, và điểm khác là toàn bộ nội dung

trên các khung hình khác với khung hình đang được chọn sẽ xuất hiện dưới dạng đường viền.

Edit Multiple Frames : chỉnh sửa nhiều khung hình và phần thể hiện tương tự

Onion Skin.

Modify Onion Markers : khi nhấp vào nút này thì một bành sẽ hiện ra :

Bảng này có nhiệm vụ thay đổi các điểm đánh dấu của Onion Skin với các thông số sau:

▪ Always Show Markers : làm cho các điểm đánh dấu Onion Skin hiển

thị hay không hiển thị cho dù bạn có hay không có chọn tính năng

Onion Skin.

▪ Anchor Onion : giữ lại hay khóa các điểm được đánh dấu chọn

Onion Skin tại vị trí mà chúng đang hiện diện.

▪ Onion 2 : Thiết lập các điểm đánh dấu bằng Onion Skin ở vị trí hai

khung hình nằm trước và sau vị trí con chạy.

▪ Onion 5 : giống như Onion 2 nhưng thay vào 2 là 5 khung hình trước và sau.

▪ Onion All : thực hiện chức năng Onion skin với tất cả các khung hình trong cảnh

hiện tại.

Chức năng cuối cùng là chế độ quan sát các vùng điều khiển (Tiny, Small,

Normal,…).

- 17 -

Bài giảng Thiết kế Macromedia Flash 8

BÀI 4 - TÌM HIỂU CÁC PANEL HỖ TRỢ THIẾT KẾ

Như đã biết, để thiết kế các đối tượng thì thanh công cụ đóng vai trò quan trọng nhất,

nhưng để thiết kế chúng thực sự hấp dẫn hay gây hứng thú thì các panel hỗ trợ là công cụ tối

ưu và hiệu quả nhất.

Mặc định sau khi mở một file Flash thì các panel hỗ trợ sẽ nằm bên phải màn hình. Bạn

có thể đóng/mở các panel này bằng cách click vào tên của panel đó, cũng có thể thay đổi vị trí

của chúng bằng cách nắm kéo ngay góc trên, bên trái (trước tên panel). Nếu chưa có panel thì

bạn lên thanh Menu, chọn Window và click chon panel mình cần.

Bây giờ ta sẽ điểm qua một vài panel hỗ trợ thường xuyên được sử dụng trong thiết kế.

1/ Panel Library:

Trước tiên, ta sẽ tìm hiểu về các đối tượng trong Flash, có thể chia làm 4 loại sau:

- Hình vẽ tạo ra bằng cách sử dụng các công cụ trong vùng Tools.

- Hình ảnh – Âm thanh được Import từ bên ngoài vào.

- Chữ viết.

- Symbol (biểu tượng) : gồm Button (nút),

MovieClip

(đoạn phim), Graphic (hình ảnh). Đối tượng loại này

được tạo ra tổng hợp từ 3 loại đối tượng trên.

Các đối tượng trên có thể ở trạng thái Group, tức là

dối tượng mà khi bạn click chọn sẽ có một khung bao hình

chữ nhật màu xanh da trời bao quanh nó, các đối tượng là

độc lập với nhau nên bạn phải double-click vào nó để có thể

chỉnh sửa. Ngoài ra, các đối tượng cũng có thể ở trạng thái

tự do (dối tượng không Group), tức là đã dược Ungroup

(từ hình vẽ) hay Break-Apart (từ hình ảnh, chữ viết hay

symbols), có thể chỉnh sửa trực tiếp.

Library (thư viện) là một panel giúp ta chứa tất cả các đối

tượng hình ảnh-âm thanh nhập từ bên ngoài cũng như các

biểu tượng ta đã tạo ra.

Panel này gồm 2 phần chính là:

-Vùng Preview (xem trước), cho ta thấy hình ảnh và hoạt

động của các symbol (phần hoạt động chỉ dành riêng cho

âm thanh và movie clip, ta có thể chơi thử bằng nút

Play/Stop). Bạn có thể click chuột vào vùng này và kéo các

biểu tượng cần dùng đem ra vùng thiết kế bên ngoài.

-Vùng Chứa đối tượng , cho ta biết tên (Name) và dạng (Type) của các đối tượng.

Còn một vài tính năng khác ít sử dụng nhưng tương đối dễ thao tác, tôi sẽ để bạn tự nghiên

cứu như:

Hiệu chỉnh thuộc tính của Symbol,

panel, Tạo 1 panel mới, Tùy chỉnh cho toàn bộ panel.

Tạo Symbol mới,

Tạo Folder chứa Symbol,

Thùng rác để xóa Symbol,

Sắp xếp các Symbol, Mở rộng panel, Thu nhỏ

- 18 -

Bài giảng Thiết kế Macromedia Flash 8

2/ Panel Align & Info & Transform :

Panel Align giúp chúng ta canh hàng cho các đối tượng.

Muốn thế trước hết ta sẽ chọn các đối tượng cần canh (nên

Group các đối tượng này lại), bạn cũng có thể canh các đối

tượng này với trang giấy vẽ bằng cách click chọn

To

stage. Bạn có thể nghiên cứu các cách canh dựa vào biểu

tượng của chúng, như Align ta sẽ có cùng canh biên trái,

trục giữa đứng, biên phải, canh biên trên, trục giữa ngang,

biên dưới ; có đối với Distribute hay Space sẽ giúp ta canh

đều khoảng cách giữa các đối tượng theo các mép, các trục ; cuối cùng là Match size giúp ta

cân bằng kích thước giữa các đối tượng. Đây là một panel rất quan trọng đối với tính chính

xác của việc thiết kế.

Panel Info cung cấp các thông tin của đối tượng như độ dài

(W), độ cao (H), vị trí (chếch về phía trên bên trái của giấy

vẽ), tọa độ (X – Y, gốc tọa độ được tính là đỉnh bên góc trái

phía trên), màu sắc (hệ RGB), độ mờ (A).

Panel Transform cho phép ta thay đổi kích thước của đối

tượng theo tỉ lệ, bạn có thể giữ nguyên tỉ lệ ban đầu bằng

cách stick chọn Constrain. Ngoài ra, bạn có thể xoay đối

tượng quanh tâm 1 góc tùy ý bằng Rotate hay quanh trục

đứng, trục ngang bằng Skew. Bên cạnh đó panel còn cho

phép bạn tạo ra bản sao có kích thước thay đổi mà không

làm biến đổi đối tượng gốc hay hồi phục lại đối tượng gốc

sau khi bị chỉnh sửa, đó là

Copy and apply transform

và

Reset.

3/ Panel Color:

Dĩ nhiên, như tên gọi của mình, nó sẽ cấp cho chúng ta màu tô cũng như các cách tô màu cho

đối tượng. Gồm 2 panel Color Swatches và Color Mixer.

Color Swatches khá đơn giản, nó cung cấp cho chúng ta màu tô như bảng màu trong công cụ

Fill Color, giúp ta hiệu chỉnh màu nền của đối tượng.

Color Mixer thì nhiều tính năng hơn, ta có thể thấy ở đây gồm:

-Toàn bộ vùng Color trên thanh công cụ chính, cho phép hiệu chỉnh màu nền cũng như màu

viền của đối tượng.

- 19 -

Bài giảng Thiết kế Macromedia Flash 8

-Một bảng dùng để pha màu sử dụng hệ màu RGB. Bạn có thể tạo ra màu chọn bằng

cách hiệu chỉnh 3 thông số RGB hay sử dụng bản pha màu rồi chọn màu bằng mũi tên tam

giác đen, nếu trí nhớ tốt bạn có thể nhập kí hiệu màu ở khung bên dưới là OK.

-Dãi màu bên dưới cùng cho ta biết màu tô cùng như cách tô màu, khi ta thay đổi 2

tính chất này thì ta sẽ thấy dãi băng có giao diện khác nhau. Để thay đổi màu tô ta chỉ cần thực

hiện như trên còn về cách tô thì ta sẽ sử dụng chức năng Type, khi mở chức năng này bạn sẽ

thấy có 4 tùy chọn là None (không tô màu), Solid (tô màu trơn, 1 màu), Linear (màu được tô

thành từng dãi liên tục, dùng tô 2 màu trở lên), Radial (màu được tô theo từng dãi tròn hình

bán khuyên liên tục, dùng tô 2 màu trở lên), Bitmap (tô đối tượng bằng hình ảnh được nhập từ

ngoài vào). Để tạo độ sáng tối hay hình khối thì dĩ nhiên bạn phải sử dụng 1 hay cả 3 cách tô

sau, và để trông thật hơn cũng phải phụ thuộc nhiều bản thân mỗi người, nên tôi sẽ dể bạn tự

nghiên cứu các tính năng rất thú vị này.

4/ Panel Scene:

Panel này ít dùng (vì chúng ta thường chỉ tạo ra

những sản phẩm Flash ngắn phục vụ cho việc dạy-học) và

khá đơn giản, giúp ta quản lý các phân cảnh (Scene). Ta có

thể xóa 1 phân cảnh (bằng cách kéo và bỏ vào thùng rác)

hay tạo phân cảnh mới hoàn toàn (click vô dấu +), thậm chí

có thể tạo ra phân cảnh bản sao với tên khác. Đặt tên bằng

cách double-click vào phân cảnh đó.

5/ Panel history:

Panel tự động ghi lại một phần quá trình làm việc của

chúng ta, tất cả các hành động gần nhất (trong giới hạn chứa

của panel) sẽ được hiển thị do vậy ta có thể tùy chọn quay lại

thời điểm mà ta thích.

- 20 -