Macromedia flash cách 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 vuông đườ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 » KIẾN THỨC » Đồ họa máy tính » Flash RSS Macromedia Flash - Tạo menu flash kèm âm Cập nhật lúc 13h14' ngày 16/12/2008 • Bản in • Gửi cho bạn bè • Phản hồi Xem thêm: macromedia flash, tự tạo, menu, hiệu ứng, âm thanh, action script 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 vuông đườ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 vuông 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(); } }; Bạn tải file nguồn [...]... 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 một layer mới lên trên layer 1 (layer 2) Bước 29 Kích chọn phần Over trên Timeline và nhấn F6 Sau đó, tìm một đoạn âm thanh (file dạng mp3) để sử đụng dưa vào menu Import file âm thanh vào thư viện Flash Library (File > Import > Import to Library) Bước 30 Sau đó, vẫn chọn phần frame Over, kéo file âm thanh vừa import từ... Create Motion Tween từ menu xuất hiện Bước 21 Trở lại Scene chính (Scene 1) Bước 22 Chọn công cụ Selection Tool (V) kích đúp vào layer 1 để đổi tên nó thành menu Bước 23 Sau đó tạo một layer mới lên trên layer menu và đặt tên nó là invisible button Bước 24 Chọn layer invisible button và chọn công cụ Rectangle Tool (R) Trong phần Color của Tool Panel, khóa màu viền (Stroke) bằng cách kích chuột vào hình... phải vào bất kỳ vị trí nào trên vùng màu xám giữa hai keyframe của phần Timeline và chọn Create Motion Tween từ menu xuất hiện Bước 18 Trở 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 19 Chọn frame 15 của layer 3 và nhấn F6 Sau đó, chuyển chữ... getURL("http://www.quantrimang.com/"); } Bước 33 Tạo một layer mới lên trên layer invisible button và đặt tên là action Sau đó chọn frame đầu tiên của layer action và đư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 hiện xong các bước trên bạn đã tạo xong nút đầu tiên Lặp lại quá trình... (mouse_over_home_mc) { _root.home_mc.nextFrame(); } else { _root.home_mc.prevFrame(); } }; Thực hiện xong các bước trên bạn đã tạo xong nút đầu tiên Lặp lại quá trình trên (từ bước 11 trở đi) đối với các nút còn lại của menu Lưu ý là đối với mỗi nút bạn sẽ phải thay tên nút (ví dụ này là home_mc) và đường dẫn trong code Action Script Mã Action Script cho toàn bộ các nút trong layer action: _root.home_mc.onEnterFrame = ... từ menu xuất » KIẾN THỨC » Đồ họa máy tính » Flash RSS Macromedia Flash - Tạo menu flash kèm âm Cập nhật lúc 13h14' ngày 16/12/2008 • Bản in • Gửi cho bạn bè • Phản hồi Xem thêm: macromedia flash, ... thêm: macromedia flash, tự tạo, menu, hiệu ứng, âm thanh, action script 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... 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ụ