Macromedia Flash - Tạo menu Flash dọc

Chia sẻ: Dao Huong | Ngày: | Loại File: PDF | Số trang:7

Thêm vào BST

Báo xấu

211
lượt xem 75
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Bạn đã trông thấy rất nhiều menu bằng Flash rất đẹp và muốn làm được như vậy? Hãy xem bài tập này và bạn sẽ biết làm thế nào để tạo được menu flash dọc. Bước 1 Tạo một file flash mới, vào Modify Document (Ctrl + J) và thiết lập theo các giá trị như hình dưới Bước 2 Click đúp vào layer1 và đổi tên thành background. Thêm một layer mới và đặt tên là menu. Sau đó dùng công cụ Rectangle Tool (R) để vẽ 5 hình chữ nhật kích thước 88,5 x 250px với các thiết lập...

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Macromedia Flash - Tạo menu Flash dọc

Macromedia Flash - Tạo menu Flash dọc Bạn đã trông thấy rất nhiều menu bằng Flash rất đẹp và muốn làm được như vậy? Hãy xem bài tập này và bạn sẽ biết làm thế nào để tạo được menu flash dọc. Bước 1 Tạo một file flash mới, vào Modify > Document (Ctrl + J) và thiết lập theo các giá trị như hình dưới Bước 2 Click đúp vào layer1 và đổi tên thành background. Thêm một layer mới và đặt tên là menu. Sau đó dùng công cụ Rectangle Tool (R) để vẽ 5 hình chữ nhật kích thước 88,5 x 250px với các thiết lập như sau: • Stroke color: không chọn • Fill color: #A1958A Xem hình dưới Bước 3
Chọn công cụ Text Tool (T) với Fill Color #FFFFFF và nhập vào nút đầu tiên của menu với chữ “Home” Bước 4 Chọn Modify > Transform > Rotate 90o CW (Ctrl + Shift + 9) Bước 5 Chọn nút đầu tiên trong menu (Home), nhấn phím F8 (Convert to Symbol) và chuyển đổi nó sang dạng Movie Clip.
Bước 6 Chọn Movie Clip vừa chuyển, mở Properties Panel (Ctrl + F3) và nhập button1 vào ô Bước 7 Click đúp vào Movie Clip vừa tạo (Button) hoặc click chuột phải và chọn Edit in Place.
Bước 8 Chọn text Home, nhấn phím Ctrl + X (Cut), thêm một layer mới (layer 2) và dán text vừa cắt vào layer mới tạo (nhấn phím Ctrl + Shift + V) để dán. Bước 9 Trở lại layer1, click vào frame 20 và nhấn phím F6. Sau đó tại ô Fill Color thiết lập màu #E16802. Trở lại frame1, vào Properties Panel (Ctrl + F3) tại Tween chọn Shape. Bước 10 Khoá layer1, chọn layer2, vào frame 10 và nhấn phím F6. Chọn Modify > Transform > Rotate 90o CCW (Ctrl + Shift + 7) Bước 11 Chọn frame 20 và nhấn phím F6. Sau đó sử dụng chuột để kéo chữ Home lên phía trên của nút (hình chữ nhật) như hình dưới Bước 12 Chọn layer1, vào Properties Panel, tại Tween chọn Motion.
Bước 13 Chọn frame 20 của layer1, mở Action Script Panel (F9) và đưa vào dòng script sau: stop(); Bước 14 Trở lại Scene chính (Scene 1), thêm một layer mới và đặt tên là Invisible Button 1. Sau đó tạo “Invisible Button” lên trên button đầu tiên (xem hình dưới) Bước 15 Chọn “Invisible Button”, mở Action Script Panel (F9) và đưa vào đoạn code sau (chú ý đổi link sang địa chỉ mà bạn muốn Home link tới) on (rollOver) { _root.mouse_over_button1 = true; } on (rollOut) { _root.mouse_over_button1 = fstartlse; } on (release){ getURL("http://www.quantrimang.com/", "blank"); } Bước 16 Thêm một layer mới với tên là Action Script. Vào frame đầu tiên và đưa vào đoạn script sau: _root.button1.onEnterFrame = function() { if (mouse_over_button1) { _root.button1.nextFrame();
} else { _root.button1.prevFrame(); } }; Vậy là chúng ta đã hoàn thiện xong nút đầu tiên của menu. Bạn hãy làm theo những bước tương tự như trên để hoàn thiện nốt các nút còn lại trong menu. Đoạn Script cho “Invisible Button” của các nút khác on (rollOver) { _root.mouse_over_button2 = true; } on (rollOut) { _root.mouse_over_button2 = fstartlse; } on (release){ getURL("http://www.quantrimang.com/", "blank"); } Và Action Script cho các nút là _root.button1.onEnterFrame = function() { if (mouse_over_button1) { _root.button1.nextFrame(); } else { _root.button1.prevFrame(); } }; _root.button2.onEnterFrame = function() { if (mouse_over_button2) { _root.button2.nextFrame(); } else { _root.button2.prevFrame(); } }; _root.button3.onEnterFrame = function() { if (mouse_over_button3) { _root.button3.nextFrame(); } else { _root.button3.prevFrame(); } }; _root.button4.onEnterFrame = function() { if (mouse_over_button4) {
_root.button4.nextFrame(); } else { _root.button4.prevFrame(); } }; _root.button5.onEnterFrame = function() { if (mouse_over_button5) { _root.button5.nextFrame(); } else { _root.button5.prevFrame(); } };