Macromedia Flash - Biểu tượng nâng cao trong menu flash

Đâ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.
Nội dung trích xuất từ tài liệu:
Macromedia Flash - Biểu tượng nâng cao trong menu flashMacromedia Flash - Biểu tượng nâng cao trong menu flashNguồ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 menuflash nâng cao bằng cách sử dụng các biểu tượng (icon) và Action Scripttrong Flash 8. Bạn có thể sử dụng menu dưới đây cho bất cứ website nàocủa bạn.Bước 1Tạ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 2Thêm vào một layer mới với tên là icons. Sau đó tạo 5 icons để miêu tả cho cácbiể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 3Chọ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 4Mở Properties Panel (Ctrl + F3), tại phần nhập vào icon1 như hình dưới.Bước 5Click đú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 6Lựa chọn chỉ phần này (hình dưới) của biểu tượngVà nhấn Ctrl + X (Cut)Bước 7Thêm vào một layer mới, chọn nó và nhấn Ctrl + Shift + V (Paste in Place) inBước 8Vẫn chọn phần biểu tượng trên, nhấn F8 (Convert to Symbol) để chuyển đổi nósang dạng Movie Clip.Bước 9Chọn frame 10 và nhấn F6 (Keyframe)Bước 10Chọn công cụ Free Transorm Tool (Q) và tăng phần này lên một chút. Xemhình dưới.Sau đó, khi vẫn chọn phần Movie Clip vừa tạo (một phần của biểu tượng), mởProperties Panel (Ctrl + F3), dưới Color chọn Alpha và thiết lập là 42%.Bước 11Lại chọn frame 10, mở Action Script Panel (F9) và đưa vào script sau:stop();Bước 12Trở lại frame1, mở Properties Panel (Ctrl + F3), dưới phần Tween chọn Motionvà Rotate thì chọn CW.Bước 13Chọn layer 1 và nhấn F6 (Keyframe) 10 lần tại các frame liên tiếp.Bước 14Chọn các frame chẵn (2, 4, 6, 8) và nhấn phím Delete trên bàn phím.Bước 15Trở lại scene chính (Scene 1), sau đó thêm một layer mới với tên là InvisbleButtons.Bước 16Tạo Invisible Button cho biểu tượng đầu tiên như hình dưới.Bước 17Vẫn chọn Invisible Button, mở Action Script Panel (F9) và đưa vào đoạn scriptsau:on (rollOver) { _root.mouse_over_icon1 = true;}on (rollOut) { _root.mouse_over_icon1 = fstartlse;}on (release){ getURL(http://www.quantrimang.com/, blank);}Bước 18Thêm một layer mới với tên Action Script. Chọn frame đầu tiên và đưa đoạnscript 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ácbiểu tượng còn lại trong menu nhé. Chúc bạn thành công và có thể download filenguồn tại đây nếu bạn chưa có thời gian thực hành.