1. Trang chủ
  2. » Giáo án - Bài giảng

Tạo menu Flash dọc

6 188 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 6
Dung lượng 90,5 KB

Nội dung

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

Ngày đăng: 23/09/2015, 15:03

TỪ KHÓA LIÊN QUAN

w