Tài liệu Macromedia Flash - Tự thiết kế menu động pdf

Macromedia Flash - Tự thiết kế menu động




Nếu bạn không thích lựa chọn một menu tĩnh truyền thống,
có thể áp dụng bài hướng dẫn này để tạo cho website của
mình một menu động phù hợp, nó có thể mang lại phong cách cho một website chuyên
nghiệp. Bài tập hướng dẫn này khá phức tạp nhưng chúng tôi sẽ cố gắng giải thích một cách dễ
hiệu nhất. Hãy chắc chắn bạn thực hiện đúng theo từng bước hướng dẫn.
Bước 1

Tạo một file Flash mới với kích thước 250 x 140 và Frame rate là 40fps.

Bươc 2

Chọn công cụ Rectangle Tool (R) và vẽ 5 hình chữ nhật nhỏ (hoặc bao nhiêu tùy vào số lượng
menu bạn cần). Xem hình sau

Bước 3

Chọn Text Tool (A), vào phần Properties Panel (Ctrl + F3), chọn Dynamic Text và tạo các chữ
hiển thị tên menu.


Bước 4

Chọn chữ đầu tiên (trong ví dụ là “About us”) và nhấn phím F8 trên bàn phím (Convert to
Symbol) để chuyển chữ này sang dạng Movie Clip Symbol.

Bước 5

Mở Properties Panel (Ctrl + F3) và nhập vào butt1. Xem hình sau

Bước 6

Kích đúp hoặc nhấn phải chuột vào Movie Clip mới tạo và chọn Edit in Place

Bước 7

Chỉ chọn mỗi chữ (trong trường hợp ví dụ này là “About us”), nhấn phím Ctrl + X (Cut), thêm
một layer mới vào trên layer 1 (layer 2), chọn nó và nhấn Ctrl + Shift + V (Paste in place)

Bước 8

Chọn layer 2 (layer chữ) và Convert nó sang dạng Movie Clip (F8)

Bước 9

Sau đó, mở Properties Panel (Ctrl + F3) và nhập vào chữ text.

Bước 10

Kích vào frame 5 của layer 2 (layer chữ) và nhấn phím F6. Sau đó tiếp tục kích vào frame 10 và
nhấn F6 lần nữa (tạo Keyframe)

Bước 11

Trở lại frame 5 và sử dụng các phím mũi tên trên bàn phím hoặc chuột để chuyển chữ (trong ví
dụ này là “About us”) xuống dưới một chút (hoặc sang ngang nếu bạn thích). Xem hình sau

Bước 12

Chọn layer 2 (layer text), mở Properties Panel (Ctrl + F3) và trong phần Tween chọn Motion.


Bước 13

Trở lại layer 1, chỉ chọn đường viền của hình chữ nhật và nhấn Ctrl + X (Cut) trên bàn phím.

Bước 14

Chèn layer mới (layer 3), chọn nó và nhấn Ctrl + Shift + V (Paste in Place)

Bước 15

Sau đó nhấn 10 lần phím F6 (Keyframe) trên bàn phím. Kết quả sẽ như hình sau

Bước 16

Sau đó chọn từng keyframe chẵn (trừ frame 10) và nhấn phím Delete (Del) trên bàn phím. Kết
quả sau khi xóa một số keyframe chẵn:

Bước 17

Kích vào layer 1 và nhấn F8 (Convert to Symbol) để chuyển nó sang dạng Movie Clip Symbol.

Bước 18

Sau đó chọn frame 10 và nhấn phím F6 (Keyframe)

Bước 19