Tài liệu Macromedia Flash - Tự tạo menu flash doc

Macromedia Flash - Tự tạo menu flash

Trong bài này, bạn có thể khám phá ra cách tạo một menu đơn giản chỉ
với vài mẹo và thủ thuật flash đặc biệt. Ngoài ra, còn sử dụng một số câu
lệnh script đơn giản để có thể:

- Thiết kế một menu
- Tạo hiệu ứng cho menu

Bước 1

Tạo một file flash mới. Vào Modify > Document (Ctrl + J), thiết lập kích thước của file flash là
151 chiều rộng và 114 chiều cao, tốc độ Frame rate là 30fps. Chọn màu nền của flash là màu đen
hoặc bất kỳ màu nào bạn muốn sau đó kích OK.

Bước 2

Sử dụng công cụ Text Tool (A), vào phần Properties Panel (Ctrl + F3) ở phía dưới màn hình.
Sau đó thiết lập các thông số sau:

- Chọn ô đầu tiên là Static Text
- Chọn font chữ cho menu
- Chọn cỡ chữ
- Chọn màu chữ, trong ví dụ này tôi chọn màu trắng
- Dưới phần cỡ chữ chọn Use Anti-alias for readability.

Sau đó nhập tên và số thứ tự của từng nút trong menu như hình sau

Bước 3

Chọn công cụ Selection Tool (V) và chọn số với text của nút đầu tiên (trong ví dụ là “HOME

PAGE”), nhấn phím F8 (Convert to Symbol) để chuyển text này sang dạng Movie Clip.

Bước 4

Trong khi Movie Clip vừa tạo vẫn được chọn, vào phần Properties Panel bên dưới. Trong phần
bên trái, bạn tìm tới phần Instance name và nhập tên vào đây. Trong ví dụ này tôi nhập vào là
HomePage_mc

Bước 5

Vẫn chọn công cụ Selection Tool (V) và kích đúp vào movie clip . Bạn sẽ vào được phần bên
trong của Movie Clip

Bước 6

Sau đó chọn text menu, lại tiếp tục nhấn phím F8 (Convert to Symbol) để lại chuyển nó sang
Movie Clip một lần nữa

Bước 7

Chọn frame 15 và nhấn phím F6 trên bàn phím. Tại frame này bạn di chuyển vị trí của text menu
sang bên phải một chút (có thể sử dụng phím mũi tên hoặc chuột)

Bước 8

Chọn công cụ Selection Tool (V) và kích chọn text. Trong phần bên phải của Properties Panel,
bạn sẽ thấy menu Color. Chọn Tint và đặt màu Tint là đen, sau đó chọn 100% (như hình dưới)

Bước 9

Kích chuột phải vào bất kỳ vị trí nào trong vùng màu xám giữa hai keyframe trên timeline và
chọn Create Motion Tween từ menu xuất hiện.

Bước 10

Tạo một layer mới đặt tên là effect và kéo xuống dưới layer 1.

Bước 11

Sử dụng công cụ Rectangle Tool (R). Trong phần Color của công cụ đang chọn, khóa màu viền
đường kẻ (Stroke color) bằng cách kích vào biểu tượng bút chì và chọn ô vuông nhỏ có đường kẻ
đỏ gạch c
sau đó đặ
Bước 12

Chọn hìn
dạng Mo
Bước 13

Kích và
o
Nhấn và
Bước 14

Vẫn chọn
vào phần
Alpha và
chéo. Chọn m
ặt nó vào vị t

nh chữ nhật v
ovie Clip.

o frame 15 và
giữ phím Sh

n frame đầu
n Properties P
à kéo xuống
màu nền vẽ
trí như hình
vừa vẽ, nhấn
à nhấn phím
hift và kéo g
tiên, chọn cô
Panel ở phía
giá trị là 0%
là #FF691B
dưới đây
n phím F8 (C
m F6. Trở lại
giảm chiều n
ông cụ Selec
a dưới. Trong
%.
B và vẽ một h

Convert to S
frame 1, chọ
ngang kích th

ction Tool (V
g phần bên p
hình chữ nhậ

ymbol) để c
ọn công cụ F
hước hình ch

V) và kích v
phải bạn sẽ t
ật có kích thư
huyển hình c
Free Transf
hữ nhật theo
vào hình chữ
thấy phần me
ước 140x14p
chữ nhật san

form Tool (Q
như hình sa
ữ nhật. Sau đ
enu Color, c
px,
ng
Q).
au
đó
chọn
Bước 15

Kích chuột phải vào bất kỳ vị trí nào trong vùng màu xám giữa hai keyframe và chọn Create
Motion Tween từ menu xuất hiện.

Bước 16

Trở lại scene chính (Scene 1)

Bước 17

Kích đúp vào layer 1 và đổi tên layer thành menu. Sau đó tạo một layer mới lên trên và đặt tên là
invisible button.

Bước 18

Chọn layer invisible button và tạo một nút ảo lên phía trên hình chữ nhật và text mục menu (xem
hình dưới)

Bước 19

Chọn công cụ Selection Tool (V), kích vào nút ảo vừ
a tạo, vào phần Action Script Panel (F9)
và đưa vào đoạn mã script sau: