Macromedia Flash - Tạo menu flash kèm âm thanh

Macromedia Flash - Tạo menu flash kèm âm Trong hướng dẫn flash này, hướng dẫn bạn tạo menu flash động có âm Bạn sử dụng menu website Để tạo hiệu ứng này, có sử dụng đến mã Action Script Sau bạn có menu sau: Bước Tạo menu flash Vào Modify > Document (Ctrl + J) thiết lập độ rộng (width) tài liệu 410 px, chiều cao (height) 40 px Chọn màu màu trắng tốc độ Frame rate 28 fps Sau thiết lập xong kích OK Bước Chọn công cụ Rectangle Tool (R) Trong phần Colors Tool Panel, loại bỏ màu viền (Stroke) cách kích vào biểu tượng hình bút chì nhỏ chọn hình vng đường chéo đỏ, phần Fill color chọn #3487B3 Sau vẽ hình chữ nhật có kích thước 100 x 30px Bước Trong chọn shape hình chữ nhật vừa vẽ, nhấn Ctrl + D (kích nhân thêm lần) Sau đó, đặt hình chữ nhật vừa nhân thêm lên theo hình sau: Bước Chọn tất hình chữ nhật vẽ, vào phần Align Panel (Ctrl + K) kích chọn phần Distribute horizontal center Bước Vẫn chọn hình chữ nhật, nhấn Ctrl + G (Group) bàn phím để nhóm hình chữ nhật lại Bước Sau lại kích chọn phần Align Panel thực thao tác sau: Đảm bảo nút To stage Align/Distribute chọn Kích chọn nút Align horizontal center Kích chọn nút Align vertical center Sau chỉnh xong bạn thấy sau Bước Nhấn phím Ctrl + B (Break apart) để phá bỏ Group tạo bước Bước Chọn công cụ Text Tool (A), vào phần Properties Panel phía thực thao tác sau: Chọn Static Text Chọn font chữ Arial Chọn cỡ chữ 14 kiểu chữ đậm Màu chữ màu trắng Trong tùy chọn phần font chữ, chọn Use Anti-alias for readability menu xổ xuống Nhập chữ vào mục menu: Bước Sử dụng công cụ flash để vẽ biểu tượng nhỏ đặt đầu menu hình sau Bước 10 Tạo biểu tượng đo cho mục menu Bước 11 Dùng công cụ Selection Tool (V) chọn shape nút (xem hình sau) Bước 12 Nhấn phím F8 (Convert to Symbol) để chuyển nút shape sang dạng Movie Clip Symbol Bước 13 Vẫn chọn Movie Clip vừa tạo, vào phần Properties Panel phía cửa sổ làm việc Trong phần bên trái, phần Instance name nhập tên trường “home_mc” Bước 14 Chọn cơng cụ Selection Tool (V), kích đúp vào phần movie clip cửa sổ làm việc Bạn chỉnh sửa nội dung bên Movie Clip Bước 15 Chọn công cụ Selection Tool (V) chọn biểu tượng nằm đầu menu Nhấn phím Ctrl + X (Cut) Tạo thêm layer lên layer (layer 2) nhấn Ctrl + Shift + V Bước 16 Kích lên frame 15 layer nhấn F6 Sau dịch biểu tượng menu sang góc bên phải Xem hình sau Bước 17 Kích chuột phải vào vị trí vùng màu xám hai keyframe phần Timeline chọn Create Motion Tween từ menu xuất Bước 18 Trở lại layer 1, dùng công cụ Selection Tool (V) chọn chữ (Home) Nhấn phím Ctrl + X (Cut) tạo layer (layer 3) lên layer Chọn layer vừa tạo nhấn Ctrl + Shift + V (Paste in Place) Bước 19 Chọn frame 15 layer nhấn F6 Sau đó, chuyển chữ Home dịch sang bên trái chút (xem hình sau) Bước 20 Kích chuột phải vào vị trí vùng màu xám hai keyframe phần Timeline chọn Create Motion Tween từ menu xuất Bước 21 Trở lại Scene (Scene 1) Bước 22 Chọn cơng cụ Selection Tool (V) kích đúp vào layer để đổi tên thành menu Bước 23 Sau tạo layer lên layer menu đặt tên invisible button Bước 24 Chọn layer invisible button chọn công cụ Rectangle Tool (R) Trong phần Color Tool Panel, khóa màu viền (Stroke) cách kích chuột vào hình vng có đường chéo đỏ Màu Fill color chọn màu nào, sau vẽ hình chữ nhật lên nút thứ Xem hình sau: Bước 25 Trong 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 26 Chọn cơng cụ Selection Tool (V) kích đúp vào nút vừa tạo Bước 27 Kéo keyframe từ phần Up tới phần Hit Bước 28 Tạo layer lên layer (layer 2) Bước 29 Kích chọn phần Over Timeline nhấn F6 Sau đó, tìm đoạn âm (file dạng mp3) để sử đụng dưa vào menu Import file âm vào thư viện Flash Library (File > Import > Import to Library) Bước 30 Sau đó, chọn phần frame Over, kéo file âm vừa import từ thư viện vào phần vùng làm việc Bước 31 Trở lại Scene (Scene 1) Bước 32 Dùng cơng cụ Selection Tool (V), kích chọn nút Invisible Button cửa sổ làm việc, mở Action Script Panel (F9) đưa vào đoạn mã sau: on (rollOver) { _root.mouse_over_home_mc = true; } on (rollOut) { _root.mouse_over_home_mc = fstartlse; } on (release) { getURL("http://www.quantrimang.com/"); } Bước 33 Tạo layer lên layer invisible button đặt tên action Sau chọn frame layer action đưa vào đoạn mã Action Script sau _root.home_mc.onEnterFrame = function() { if (mouse_over_home_mc) { _root.home_mc.nextFrame(); } else { _root.home_mc.prevFrame(); } }; Thực xong bước bạn tạo xong nút Lặp lại trình (từ bước 11 trở đi) nút lại menu Lưu ý nút bạn phải thay tên nút (ví dụ home_mc) đường dẫn code Action Script Mã Action Script cho toàn nút layer action: _root.home_mc.onEnterFrame = function() { if (mouse_over_home_mc) { _root.home_mc.nextFrame(); } else { _root.home_mc.prevFrame(); } }; _root.about_us.onEnterFrame = function() { if (mouse_over_about_us) { _root.about_us.nextFrame(); } else { _root.about_us.prevFrame(); } }; _root.support.onEnterFrame = function() { if (mouse_over_support) { _root.support.nextFrame(); } else { _root.support.prevFrame(); } }; _root.contact.onEnterFrame = function() { if (mouse_over_contact) { _root.contact.nextFrame(); } else { _root.contact.prevFrame(); } };   ... chọn Use Anti-alias for readability menu xổ xuống Nhập chữ vào mục menu: Bước Sử dụng công cụ flash để vẽ biểu tượng nhỏ đặt đầu menu hình sau Bước 10 Tạo biểu tượng đo cho mục menu Bước 11 Dùng... Create Motion Tween từ menu xuất Bước 21 Trở lại Scene (Scene 1) Bước 22 Chọn cơng cụ Selection Tool (V) kích đúp vào layer để đổi tên thành menu Bước 23 Sau tạo layer lên layer menu đặt tên invisible... vừa tạo Bước 27 Kéo keyframe từ phần Up tới phần Hit Bước 28 Tạo layer lên layer (layer 2) Bước 29 Kích chọn phần Over Timeline nhấn F6 Sau đó, tìm đoạn âm (file dạng mp3) để sử đụng dưa vào menu