Macromedia Flash - Tạo hiệu ứng menu

Bài này sẽ hướng dẫn bạn cách tạo một menu flash với hiệu ứng khi di chuyển chuột vào. Để tạo bài này, bạn sẽ phải sử dụng mã Action Script. Ngoài ra, việc thiết kế menu lại rất đơn giản. Bước 1 Tạo một file flash mới. Vào Modify Document (Ctrl + J). Đặt chiều rộng của file là 380 px và chiều cao là 100 px. Chọn màu nền là #f8f8f2 và thiết lập tốc độ Frame rate là 24 fps. Hoàn tất toàn bộ kích OK....
Nội dung trích xuất từ tài liệu:
Macromedia Flash - Tạo hiệu ứng menu Macrom media Flas - Tạo h ứng m sh hiệu menu Bài B này sẽ hư ướng dẫn bạ cách tạo m menu fla với hiệu ứng ạn một ash khi k di chuyển chuột vào. Để tạo bài này, bạn sẽ p sử dụng mã . phải g Action Scrip Ngoài ra, việc thiết kế menu lại rấ đơn giản. A pt. ế ất Bước B 1Tạo một file flash mới. Vào M t Document (Ctrl + J). Đặt chiều rộng của file là Modify > D380 px v chiều ca là 100 px Chọn mà nền là # và ao x. àu #f8f8f2 và tthiết lập tốc độ Frame rate c elà 24 fps Hoàn tất toàn bộ kíc OK. s. chBước 2Chọn cô cụ Rectangle Too (R). Tron phần Col ông ol ng lors của pa anel công cụ khóa màu ụ,viền bằn cách kích vào Stroke color (c biểu tượng bút chì n ng có nhỏ) sau đó chọn hình ô ó hvuông tr rắng có đườ chéo đ Màu nền đặt là #39 ờng đỏ. n 93939 và vẽ một hình vuông có k ẽ kíchthước kh hoảng 70 x 70px và đặ nó vào v trí như hìn dưới. ặt vị nhBước 3Trong kh hình chữ nhật vẫn đ hi ữ đang được chọn, lấy c công cụ Sel lection Too (V), nhấn và ol ngiữ phím Shift đồng thời kéo v nhả chuộ để nhân hình vuông lên nhiều hình. m g và ột gBước 4Vẫn chọ công cụ Selection T ọn Tool (V), chọn ô vuôn thứ hai v thay đổi màu của nó ng và óthành m #FF540 màu 00Bước 5Chọn tiếp ô vuông thứ 3 và đặt màu nó là #19A3CB.Bước 6Ô vuông thứ tư có màu #FFA800.Bước 7Và ô vuông cuối cùng có màu #94CA1A. Hoàn tất ta sẽ có hình như sauBước 8Lấy công cụ Text Tool (A) và vào phần Properties Panel (Ctrl + F3) ở phía dưới. Chọncác tùy chọn tương ứng như sauSau đó tạo một loạt chữ có nội dung tương ứng với từng menuBước 9Dùng công cụ Selection Tool (V) và chọn ô vuông đầu tiên cùng với text (trong ví dụnày là “HOME PAGE”). Nhấn phím F8 (Convert to Symbol) để chuyển hình chữ nhật vàtext sang dạng Movie Clip Symol.Bước 10Vẫn chọn Movie Clip vừa tạo, vào phần Properties Panel (Ctrl + F3) phía bên dưới. Ởphía phần bên trái, bạn sẽ tìm thấy một trường nhập Instance name. Đặt tên lại chomovie là homepage_mcBước 11Chọn công cụ Selection Tool (V) và kích đúp vào movie clip trên màn hình làm việc.Bước 12Vẫn dùng công cụ Selection Tool (V), chỉ chọn text và nhấn Ctrl + X (Cut). Sau đó tạomột layer mới và đặt tên là text. Chọn layer text và nhấn phím Ctrl + Shift + V (Paste inplace).Bước 13Trở lại layer 1, kích đúp vào nó bằng công cụ Selection Tool (V) và đổi tên nó thànhrectangle.Bước 14Trong khi vẫn chọn layer rectangle, nhấn phím F8 lần nữa (Convert to Symbol) đểchuyển nó sang dạng Movie Clip Symbol.Bước 15Kích vào frame 15 của layer r o rectangle và nhấn F6 àBước 16Vẫn chọ frame 15 lấy công c Free Tra ọn 5, cụ ansform Tool (Q), nh và giữ p hấn phím Alt rồikéo hình chữ nhật xuống như hình sau: h ưBước 17Kích chu phải vào bất kỳ vị t nào trong vùng màu xám giữa hai keyframe trên uột o trí u atimeline và chọn Cr reate Motio Tween từ menu xu hiện. on uấtBước 18Chọn lay text và nhấn F8 (C yer Convert to S Symbol) để chuyển tex sang dạn Movie Clip xt ngSymbol.Bước 19Kích vào frame 15 của layer text và nhấn F6Bước 20Sử dụng phím mũi tên hoặc chuột để kéo text xuống dưới một chút để vào trung tâmcủa hình chữ nhật như hình sauBước 21Kí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ọnCreate Motion TweenBước 22Trở lại scene chính (Scene 1)Bước 23Tạo một layer mới và đặt tên là Invisible Button. Sau đó tạo một nút vô hình lên phíatrên hình chữ nhật và text. từ menu xuất hiện.Bước 24Dùng công cụ Selection Tool (V) kích một lần vào nút vô hình đã tạo để chọn nó, vàophần Action Script panel (F9). Sau đó đưa đoạn code sau vào:on (rollOver) { _root.mouse_over_homepage_mc = true;}on (rollOut) { _root.mouse_over_homepage_mc = fstartlse;}on (release) { getURL(http://www.quantrimang.com/);}Bước 25Tạo một layer mới phía trên layer invisible button và đặt tên là action script.Bước 26Kích vào frame đầu tiên của layer action script, vào phần Act ...