Macromedia Flash - Cách tạo menu flash có âm thanh

Macromedia Flash - Tạo menu flash kèm âm thanhTrong bài hướng dẫn flash này, chúng tôi sẽ hướng dẫn bạn tạo một menu flash động có âm thanh. Bạn có thể sử dụng menu này trên bất kỳ website nào. Để tạo hiệu ứng trong bài này, chúng ta có sử dụng đến mã Action Script. Sau bài này bạn sẽ có được menu như sau: Bước 1Tạo một menu flash mới. Vào Modify Document (Ctrl + J) và thiết lập độ rộng (width) tài liệu là 410 px, chiều cao (height) là 40 px. Chọn màu nền là...
Nội dung trích xuất từ tài liệu:
Macromedia Flash - Cách tạo menu flash có âm thanhMacromedia Flash - Tạo menu flash kèm âm thanhTrong bài hướng dẫn flash này, chúng tôi sẽ hướng dẫn bạn tạo mộtmenu flash động có âm thanh. Bạn có thể sử dụng menu này trên bất kỳwebsite nào.Để tạo hiệu ứng trong bài này, chúng ta có sử dụng đến mã Action Script.Sau bài này bạn sẽ có được menu như sau:Bước 1Tạo một menu flash mới. Vào Modify > Document (Ctrl + J) và thiết lập độrộng (width) tài liệu là 410 px, chiều cao (height) là 40 px. Chọn màu nền làmàu trắng và tốc độ Frame rate là 28 fps. Sau khi thiết lập xong kích OK.Bước 2Chọn công cụ Rectangle Tool (R). Trong phần Colors của Tool Panel, loạibỏ màu viền (Stroke) bằng cách kích vào biểu tượng hình bút chì nhỏ vàchọn hình vuông đường chéo đỏ, trong phần Fill color chọn #3487B3. Sauđó vẽ một hình chữ nhật có kích thước 100 x 30px.Bước 3Trong khi vẫn chọn shape hình chữ nhật vừa vẽ, nhấn Ctrl + D (kích nhânthêm 3 lần). Sau đó, đặt mấy hình chữ nhật vừa nhân thêm lên theo như hìnhsau:Bước 4Chọn tất cả các hình chữ nhật đã vẽ, vào phần Align Panel (Ctrl + K) vàkích chọn phần Distribute horizontal centerBước 5Vẫn chọn 4 hình chữ nhật, nhấn Ctrl + G (Group) trên bàn phím để nhómcác hình chữ nhật lại.Bước 6Sau đó lại kích chọn phần Align Panel và thực hiện thao tác sau:1. Đảm bảo nút To stage của Align/Distribute được chọn2. Kích chọn nút Align horizontal center3. Kích chọn nút Align vertical centerSau khi căn chỉnh xong bạn sẽ thấy hình như sauBước 7Nhấn phím Ctrl + B (Break apart) để phá bỏ Group đã tạo trong bước 5Bước 8Chọn công cụ Text Tool (A), vào phần Properties Panel ở phía dưới vàthực hiện các thao tác sau:1. Chọn Static Text2. Chọn font chữ là Arial3. Chọn cỡ chữ là 14 và kiểu chữ đậm4. Màu chữ là màu trắng5. Trong tùy chọn dưới phần font chữ, chọn Use Anti-alias for readabilitytrong menu xổ xuống.Nhập các chữ vào từng mục menu:Bước 9Sử dụng các công cụ flash để vẽ một biểu tượng nhỏ và đặt ở đầu menu nhưhình sauBước 10Tạo các biểu tượng đo cho từng mục của menuBước 11Dùng công cụ Selection Tool (V) và chọn shape của nút đầu tiên (xem hìnhsau)Bước 12Nhấn phím F8 (Convert to Symbol) để chuyển nút shape đó sang dạngMovie Clip Symbol.Bước 13Vẫn chọn Movie Clip vừa tạo, vào phần Properties Panel phía dưới cửa sổlàm việc. Trong phần bên trái, tại phần Instance name nhập tên trường“home_mc” tại đây.Bước 14Chọn công cụ Selection Tool (V), kích đúp vào phần movie clip trong cửasổ làm việc. Bạn sẽ chỉnh sửa nội dung bên trong Movie ClipBước 15Chọn công cụ Selection Tool (V) và chọn biểu tượng nằm ở đầu menu.Nhấn phím Ctrl + X (Cut). Tạo thêm một layer mới lên trên layer 1 (layer 2)và nhấn Ctrl + Shift + V.Bước 16Kích lên frame 15 của layer 2 và nhấn F6. Sau đó dịch biểu tượng của menusang góc bên phải. Xem hình sauBước 17Kích chuột phải vào bất kỳ vị trí nào trên vùng màu xám giữa hai keyframecủa phần Timeline và chọn Create Motion Tween từ menu xuất hiện.Bước 18Trở lại layer 1, dùng công cụ Selection Tool (V) và chỉ chọn chữ (Home).Nhấn phím Ctrl + X (Cut) và tạo một layer mới (layer 3) lên trên layer 1.Chọn layer 3 vừa tạo và nhấn Ctrl + Shift + V (Paste in Place)Bước 19Chọn frame 15 của layer 3 và nhấn F6. Sau đó, chuyển chữ Home dịch sangbên trái một chút (xem hình sau).Bước 20Kích chuột phải vào bất kỳ vị trí nào trong vùng màu xám giữa hai keyframetrên phần Timeline và chọn Create Motion Tween từ menu xuất hiện.Bước 21Trở lại Scene chính (Scene 1)Bước 22Chọn công cụ Selection Tool (V) kích đúp vào layer 1 để đổi tên nó thànhmenuBước 23Sau đó tạo một layer mới lên trên layer menu và đặt tên nó là invisiblebuttonBước 24Chọn layer invisible button và chọn công cụ Rectangle Tool (R). Trongphần Color của Tool Panel, khóa màu viền (Stroke) bằng cách kích chuộtvào hình vuông có đường chéo đỏ. Màu nền Fill color thì chọn bất kỳ màunào, sau đó vẽ một hình chữ nhật lên trên nút thứ nhất. Xem hình sau:Bước 25Trong khi vẫn chọn hình chữ nhật vừa vẽ, nhấn F8 (Convert to Symbol) đểchuyển hình chữ nhật sang dạng Button Symbol.Bước 26Chọn công cụ Selection Tool (V) và kích đúp vào nút vừa tạoBước 27Kéo keyframe từ phần Up tới phần Hit.Bước 28Tạo một layer mới lên trên layer 1 (layer 2)Bước 29Kích chọn phần Over trên Timeline và nhấn F6. Sau đó, tìm một đoạn âmthanh (file dạng .mp3) để sử đụng dưa vào menu. Import file âm thanh vàothư viện Flash Library (File > Import > Import to Library).Bước 30Sau đó, vẫn chọn phần frame Over, kéo file âm thanh vừa import từ thư việnvào phần vùng làm việc.Bước 31Trở lại Scene chính (Scene 1)Bước 32Dùng công cụ Selection Tool (V), kích chọn nút Invisible Button trên cửa sổlàm việc, mở Action Script Panel (F9) và đưa vào đoạn mã sau:on (rollOver) {_root.mouse_over_ho ...