Danh mục

Macromedia Flash - Cách tạo menu Flash dọc

Số trang: 10      Loại file: pdf      Dung lượng: 405.82 KB      Lượt xem: 10      Lượt tải: 0    
tailieu_vip

Phí tải xuống: 3,000 VND Tải xuống file đầy đủ (10 trang) 0
Xem trước 2 trang đầu tiên của tài liệu này:

Thông tin tài liệu:

Macromedia Flash - Tạo menu Flash dọcBạ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 1Tạ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ướiBước 2Click đú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...
Nội dung trích xuất từ tài liệu:
Macromedia Flash - Cách tạo menu Flash dọc Macromedia Flash - Tạo menu Flash dọcBạ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 1Tạo một file flash mới, vào Modify > Document (Ctrl + J) và thiết lập theocác giá trị như hình dướiBước 2Click đú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: #A1958AXem hình dướiBước 3Chọn công cụ Text Tool (T) với Fill Color #FFFFFF và nhập vào nút đầutiên của menu với chữ “Home”Bước 4Chọn Modify > Transform > Rotate 90o CW (Ctrl + Shift + 9)Bước 5Chọ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 6Chọn Movie Clip vừa chuyển, mở Properties Panel (Ctrl + F3) và nhậpbutton1 vào ôBước 7Click đúp vào Movie Clip vừa tạo (Button) hoặc click chuột phải và chọnEdit in Place.Bước 8Chọ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 9Trở lại layer1, click vào frame 20 và nhấn phím F6. Sau đó tại ô Fill Colorthiết lập màu #E16802. Trở lại frame1, vào Properties Panel (Ctrl + F3) tạiTween chọn Shape.Bước 10Khoá 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 11Chọn frame 20 và nhấn phím F6. Sau đó sử dụng chuột để kéo chữ Homelên phía trên của nút (hình chữ nhật) như hình dướiBước 12Chọn layer1, vào Properties Panel, tại Tween chọn Motion.Bước 13Chọn frame 20 của layer1, mở Action Script Panel (F9) và đưa vào dòngscript sau:stop();Bước 14Trở lại Scene chính (Scene 1), thêm một layer mới và đặt tên là InvisibleButton 1. Sau đó tạo “Invisible Button” lên trên button đầu tiên (xem hìnhdưới)Bước 15Chọn “Invisible Button”, mở Action Script Panel (F9) và đưa vào đoạn codesau (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 16Thê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 theonhữ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ácon (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(); }};Download file nguồn (.fla)

Tài liệu được xem nhiều:

Gợi ý tài liệu liên quan: