1. Trang chủ
  2. » Giáo án - Bài giảng

Tạo hiệu Banner Với Macromedia flash

6 139 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Tạo mộ t 380 px v là 24 fp s Bước 2 Chọn c ô viền bằ n vuông t r thước k h Bước 3 Trong k h giữ phí m Bước 4 Vẫn ch ọ thành m t file flash v à chiều c a s . Hoàn tất ô ng cụ Rec n g cách kíc r ắng có đư ờ h oảng 70 x h i hình ch ữ m Shift đồn g ọ n công cụ m àu #FF54 0 Macro m B k A B mới. Vào M a o là 100 p x toàn bộ kí c tangle To o h vào Stro ờ ng chéo đ x 70px và đ ặ ữ nhật vẫn đ g thời kéo v Selection T 0 0 m edia Fla s B ài này sẽ h ư k hi di chuyể A ction Scri p B ước M odify > D x . Chọn m à c h OK. o l (R). Tro n ke color ( c đ ỏ. Màu nề n ặ t nó vào v đ ang được v à nhả chu ộ T ool (V), c s h - Tạo h ư ớng dẫn b ạ n chuột vào . p t. Ngoài ra, D ocument à u nền là # n g phần Co l c ó biểu tượ n đặt là #3 9 v ị trí như hì n chọn, lấy c ộ t đ ể nhân họn ô vuô n h iệu ứng m ạ n cách tạo m . Để tạo bài việc thiết k ế (Ctrl + J). # f8f8f2 và t l ors của p a ng bút chì n 9 3939 và v ẽ n h dưới. c ông cụ Se l hình vuôn g n g thứ hai v m enu m ột menu fl a này, bạn sẽ p ế menu lại r ấ Đặt chiều t hiết lập tố c a nel công c ụ n hỏ) sau đ ó ẽ một hình l ection To o g lên nhiều v à thay đ ổ i a sh với hiệu p hải sử dụn g ấ t đơn giản. rộng của f c độ Fram e ụ , khóa mà ó chọn hìn h vuông có k o l (V), nhấ n hình. màu của n ó ứng g m ã 1 ile là e rate u h ô k ích n và ó Bước 5 Chọ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 7 Và ô vuông cuối cùng có màu #94CA1A. Hoàn tất ta sẽ có hình như sau Bước 8 Lấy công cụ Text Tool (A) và vào phần Properties Panel (Ctrl + F3) ở phía dưới. Chọn các tùy chọn tương ứng như sau Sau đó tạo một loạt chữ có nội dung tương ứng với từng menu Bước 9 Dù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 10 Vẫ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 cho movie là homepage_mc Bước 11 Chọ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 12 Vẫn dùng công cụ Selection Tool (V), chỉ chọn text và nhấn Ctrl + X (Cut). Sau đó tạo một layer mới và đặt tên là text. Chọn layer text và nhấn phím Ctrl + Shift + V (Paste in place). Bước 13 Trở lại layer 1, kích đúp vào nó bằng công cụ Selection Tool (V) và đổi tên nó thành rectangle. Bước 14 Trong 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 1 Kích và o Bước 1 Vẫn ch ọ kéo hìn h Bước 1 Kích ch u timeline Bước 1 Chọn la y Symbol. 5 o frame 15 6 ọ n frame 1 5 h chữ nhật 7 u ột phải và o và chọn C r 8 y er text và của layer r 5 , lấy công c xuống nh ư o bất kỳ vị t r eate Moti o nhấn F8 ( C r ectangle v à c ụ Free Tr a ư hình sau: t rí nào tron o n Tween C onvert to S à nhấn F6 a nsform T g vùng mà u từ menu x u S ymbol) đ ể ool (Q), n h u xám giữ a u ất hiện. chuy ể n te x h ấn và giữ p a hai keyfra x t sang dạ n p hím Alt rồ me t r ên n g Movie C i lip Bước 19 Kích vào frame 15 của layer text và nhấn F6 Bước 20 Sử 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âm của hình chữ nhật như hình sau Bước 21 Kí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 Create Motion Tween Bước 22 Trở lại scene chính (Scene 1) Bước 23 Tạ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ía trên hình chữ nhật và text. từ menu xuất hiện. Bước 24 Dù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ào phầ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 25 Tạo một layer mới phía trên layer invisible button và đặt tên là action script. Bước 26 Kích vào frame đầu tiên của layer action script, vào phần Action Script Panel và đưa vào đoạn mã sau: _root.homepage_mc.onEnterFrame = function() { if (mouse_over_homepage_mc) { _root.homepage_mc.nextFrame(); } else { _root.homepage_mc.prevFrame(); } }; Vậy là chúng ta đã hoàn thiện một nút trong menu, công việc tiếp theo của các bạn là thực hiện tương tự như vậy trên các trang tiếp theo. Chú ý trong đoạn mã Action Script có một địa chỉ URL cần phải thay đổi tương ứng trên từng menu khác nhau.  . chọn tương ứng như sau Sau đó tạo một loạt chữ có nội dung tương ứng với từng menu Bước 9 Dù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. đặt là #3 9 v ị trí như hì n chọn, lấy c ộ t đ ể nhân họn ô vuô n h iệu ứng m ạ n cách tạo m . Để tạo bài việc thiết k ế (Ctrl + J). # f8f8f2 và t l ors của p a ng bút chì n 9 3939. tố c a nel công c ụ n hỏ) sau đ ó ẽ một hình l ection To o g lên nhiều v à thay đ ổ i a sh với hiệu p hải sử dụn g ấ t đơn giản. rộng của f c độ Fram e ụ , khóa mà ó chọn hìn h vuông có

Ngày đăng: 23/05/2015, 13:00

Xem thêm: Tạo hiệu Banner Với Macromedia flash

w