Tài liệu Macromedia Flash - Biểu tượng nâng cao trong menu flash pdf

Macromedia Flash - Biểu tượng nâng cao trong menu flash
Ngu
ồn : quantrimang.com 
Đây là bài tập sẽ hướng dẫn bạn cách làm thế nào để tạo được một menu
flash nâng cao bằng cách sử dụng các biểu tượng (icon) và Action Script
trong Flash 8. Bạn có thể sử dụng menu dưới đây cho bất cứ website nào
của bạn.
Bước 1

Tạo một file flash mới, chọn Modify > Document (Ctrl + J) và thiết lập Width là
370, Height là 100px. Frame rate set là 30fps (Frames per Second).

Bước 2

Thêm vào một layer m
ới với tên là icons. Sau đó tạo 5 icons để miêu tả cho các
biểu tượng menu của bạn. Bạn có thể download các biểu tượng của tôi.

Bước 3

Chọn biểu tượng đầu tiên đã tạo, nhấn F8 (Convert to Symbol) và chuyển đổi nó
sang dạng Movie Clip.

Bước 4

Mở Properties Panel (Ctrl + F3), tại phần nhập vào icon1 như hình dưới.

Bước 5

Click đúp vào Movie Clip vừa tạo (icon) hoặc kích chuột phải chọn Edit in Place.

Bước 6

Lựa chọn chỉ phần này (hình dưới) của biểu tượng

Và nhấn Ctrl + X (Cut)

Bước 7

Thêm v

Bước
8

Vẫn ch
ọ
sang dạ
Bước 9

Chọn f
r
Bước 1

Chọn c
ô
hình dư
Sau đó
Prope
r

Bước

1

Lại chọ
stop(
)
Bước 1

Trở lại
f
vào một lay
8
ọn phần bi
ạng Movie
9
rame 10 và
10
ông cụ Fre
ưới.
, khi vẫn
c
rties Pane
11
n frame 1
0
);
12
frame1, m
yer mới, ch
iểu tượng
Clip.

à nhấn F6
ee Transo
chọn phần
l (Ctrl + F3
0, mở Acti
ở Propert
họn nó và
t
rên, nhấn
(Keyframe
orm Tool (
Movie Cli
p
3), dưới Co
ion Script
ties Panel
nhấn Ctrl
n F8 (Conv
e)
Q) và tăn
g

p vừa tạo (
olor chọn
t Panel (F9
l (Ctrl + F3
+ Shift +
vert to Sym
g phần này
(một phần

Alpha và
t
9) và đưa
3), dưới ph
V (Paste in
mbol) để ch
y lên một c
của biểu t
thiết lập là
vào script
hần Tween
in Place)
huyển đổi
chút. Xem
tượng), m
à 42%.
sau:
n chọn Mot
nó
ở
tion
và Rotate thì chọn CW.

Bước 13

Chọn layer 1 và nhấn F6 (Keyframe) 10 lần tại các frame liên tiếp.

Bước 14

Chọn các frame chẵn (2, 4, 6, 8) và nhấn phím Delete trên bàn phím.

Bước 15

Trở lại scene chính (Scene 1), sau đó thêm một layer mới với tên là Invisble
Buttons.

Bước 16

Tạo Invisible Button cho biểu tượng đầu tiên như hình dưới.

Bước 17

Vẫn chọn Invisible Button, mở Action Script Panel (F9) và đưa vào đoạn script
sau:
on (rollOver) {
_root.mouse_over_icon1 = true;
}

on (rollOut) {
_root.mouse_over_icon1 = fstartlse;
}

on (release){
getURL(" "blank");

}
Bước 18

Thêm một layer mới với tên Action Script. Chọn frame đầu tiên và đưa đoạn
script sau vào Action Script Panel (F9)

_root.icon1.onEnterFrame = function() {
if (mouse_over_icon1) {
_root.icon1.nextFrame();
} else {
_root.icon1.prevFrame();
}
};
Vậy là bạn đã hoàn thành icon đầu tiên rồi. Hãy lặp lại các bước trên cho các
biểu tượng còn lại trong menu nhé. Chúc bạn thành công và có thể download file
nguồn tại đây
nếu bạn chưa có thời gian thực hành.