Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 13 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
13
Dung lượng
136,5 KB
Nội dung
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 thanh. Bạn sử dụng menu website nào. Để 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 mới. 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: 1. Đảm bảo nút To stage Align/Distribute chọn 2. Kích chọn nút Align horizontal center 3. 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: 1. Chọn Static Text 2. Chọn font chữ Arial 3. Chọn cỡ chữ 14 kiểu chữ đậm 4. Màu chữ màu trắng 5. 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” đây. 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 hiện. 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 1. 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 hiện. 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ứ nhất. 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) ct_ _root.mouse_over_home_mc = true; on (rollOut) ct_ _root.mouse_over_home_mc = fstartlse; on (release) ct_ 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() ct_ if (mouse_over_home_mc) ct_ _root.home_mc.nextFrame(); else ct_ _root.home_mc.prevFrame(); ; Thực xong bước bạn tạo xong nút đầu tiên. 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() ct_ if (mouse_over_home_mc) ct_ _root.home_mc.nextFrame(); else ct_ _root.home_mc.prevFrame(); ; _root.about_us.onEnterFrame = function() ct_ if (mouse_over_about_us) ct_ _root.about_us.nextFrame(); else ct_ _root.about_us.prevFrame(); ; _root.support.onEnterFrame = function() ct_ if (mouse_over_support) ct_ _root.support.nextFrame(); else ct_ _root.support.prevFrame(); ; _root.contact.onEnterFrame = function() ct_ if (mouse_over_contact) ct_ _root.contact.nextFrame(); else ct_ _root.contact.prevFrame(); [...]...Bước 30 Sau đó, vẫn chọn phần frame Over, kéo file âm thanh vừa import từ thư viện vào phần vùng làm việc Bước 31 Trở lại Scene chính (Scene 1) Bước 32 Dù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... đầ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 = function() ct_ if (mouse_over_home_mc) ct_ _root.home_mc.nextFrame(); else ct_ _root.home_mc.prevFrame(); ; _root.about_us.onEnterFrame . Macromedia Flash - Tạo menu flash kèm âm thanh Trong 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. 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). . là màu trắng 5. Trong tùy chọn dưới phần font chữ, chọn Use Anti-alias for readability trong menu xổ xuống. Nhập các chữ vào từng mục menu: Bước 9 Sử dụng các công cụ flash để vẽ một biểu