Macromedia Flash - Tự tạo menu flash

Trong bài này, bạn có thể khám phá ra cách tạo một menu đơn giản chỉ với vài mẹo và thủ thuật flash đặc biệt. Ngoài ra, còn sử dụng một số câu lệnh script đơn giản để có thể: - Thiết kế một menu - Tạo hiệu ứng cho menu Bước 1 Tạo một file flash mới. Vào Modify Document (Ctrl + J), thiết lập kích thước của file flash là 151 chiều rộng và 114 chiều cao, tốc độ Frame rate là 30fps. Chọn màu nền của flash là màu đen hoặc bất kỳ màu nào bạn...
Nội dung trích xuất từ tài liệu:
Macromedia Flash - Tự tạo menu flash Macromedia Flash - Tự tạo menu flash Trong bài này, bạn có thể khám phá ra cách tạo một menu đơn giản chỉ với vài mẹo và thủ thuật flash đặc biệt. Ngoài ra, còn sử dụng một số câu lệnh script đơn giản để có thể: - Thiết kế một menu - Tạo hiệu ứng cho menuBước 1Tạo một file flash mới. Vào Modify > Document (Ctrl + J), thiết lập kích thước của file flash là151 chiều rộng và 114 chiều cao, tốc độ Frame rate là 30fps. Chọn màu nền của flash là màu đenhoặc bất kỳ màu nào bạn muốn sau đó kích OK.Bước 2Sử dụng công cụ Text Tool (A), vào phần Properties Panel (Ctrl + F3) ở phía dưới màn hình.Sau đó thiết lập các thông số sau:- Chọn ô đầu tiên là Static Text- Chọn font chữ cho menu- Chọn cỡ chữ- Chọn màu chữ, trong ví dụ này tôi chọn màu trắng- Dưới phần cỡ chữ chọn Use Anti-alias for readability.Sau đó nhập tên và số thứ tự của từng nút trong menu như hình sauBước 3Chọn công cụ Selection Tool (V) và chọn số với text của nút đầu tiên (trong ví dụ là “HOMEPAGE”), nhấn phím F8 (Convert to Symbol) để chuyển text này sang dạng Movie Clip.Bước 4Trong khi Movie Clip vừa tạo vẫn được chọn, vào phần Properties Panel bên dưới. Trong phầnbên trái, bạn tìm tới phần Instance name và nhập tên vào đây. Trong ví dụ này tôi nhập vào làHomePage_mcBước 5Vẫn chọn công cụ Selection Tool (V) và kích đúp vào movie clip . Bạn sẽ vào được phần bêntrong của Movie ClipBước 6Sau đó chọn text menu, lại tiếp tục nhấn phím F8 (Convert to Symbol) để lại chuyển nó sangMovie Clip một lần nữaBước 7Chọn frame 15 và nhấn phím F6 trên bàn phím. Tại frame này bạn di chuyển vị trí của text menusang bên phải một chút (có thể sử dụng phím mũi tên hoặc chuột)Bước 8Chọn công cụ Selection Tool (V) và kích chọn text. Trong phần bên phải của Properties Panel,bạn sẽ thấy menu Color. Chọn Tint và đặt màu Tint là đen, sau đó chọn 100% (như hình dưới)Bước 9Kích chuột phải vào bất kỳ vị trí nào trong vùng màu xám giữa hai keyframe trên timeline vàchọn Create Motion Tween từ menu xuất hiện.Bước 10Tạo một layer mới đặt tên là effect và kéo xuống dưới layer 1.Bước 11Sử dụng công cụ Rectangle Tool (R). Trong phần Color của công cụ đang chọn, khóa màu viềnđường kẻ (Stroke color) bằng cách kích vào biểu tượng bút chì và chọn ô vuông nhỏ có đường kẻđỏ gạch c chéo. Chọn màu nền vẽ là #FF691B và vẽ một h m B hình chữ nhậ có kích thư 140x14p ật ước px,sau đó đặ nó vào vị trí như hình dưới đây ặt tBước 12Chọn hìn chữ nhật vừa vẽ, nhấn phím F8 (C nh v n Convert to Symbol) để chuyển hình c nhật san chữ ngdạng Mo Clip. ovieBước 13Kích vào frame 15 và nhấn phím F6. Trở lại frame 1, chọ công cụ F o à m ọn Free Transfform Tool (QQ).Nhấn và giữ phím Sh và kéo g hift giảm chiều nngang kích thhước hình ch nhật theo như hình sa hữ auBước 14Vẫn chọn frame đầu tiên, chọn cô cụ Selec n ông ction Tool (V và kích v hình chữ nhật. Sau đ V) vào ữ đóvào phần Properties Panel ở phía dưới. Trong phần bên p bạn sẽ t n P a g phải thấy phần me Color, c enu chọnAlpha và kéo xuống giá trị là 0% à %.Bước 15Kích chuột phải vào bất kỳ vị trí nào trong vùng màu xám giữa hai keyframe và chọn CreateMotion Tween từ menu xuất hiện.Bước 16Trở lại scene chính (Scene 1)Bước 17Kích đúp vào layer 1 và đổi tên layer thành menu. Sau đó tạo một layer mới lên trên và đặt tên làinvisible button.Bước 18Chọn layer invisible button và tạo một nút ảo lên phía trên hình chữ nhật và text mục menu (xemhình dưới)Bước 19Chọn công cụ Selection Tool (V), kích vào nút ảo vừa tạo, vào phần Action Script Panel (F9)và đưa vào đoạn mã script sau:on (rollOver) {_root.mouse_over_home_mc = true;}on (rollOut) {_root.mouse_over_home_mc = fstartlse;}on (release){getURL( http://www.flashvault.net/ );}Bước 20Tạo một layer mới phía trên layer invisible button và đặt tên là action.Bước 21Kích vào frame đầu tiên của layer action, vào phần Action Script Panel và đưa vào đoạn mãscript sau:_root.HomePage.onEnterFrame = function() {if (mouse_over_HomePage) {_root.HomePag ...