Bạn muốn để ẩn một hình ảnh hay một dòng chữ dưới một bức ảnh và nó sẽ chỉ hiện ra khi bạn đưa chuột vào? Bài tập này sẽ mang lại cho bạn cách tạo ra một hiệu ứng chữ bí ẩn trong flash 8 có sử dụng Action Script.
Bước 1
Tạo một file flash mới, vào Modify > Document (Ctrl + J) và thiết lập Width: 300px, Height: 224px. Frame rate: 35fps.
Bước 2
Kích đúp vào layer 1 đổi tên nó thành background. Chèn thêm một layer mới với tên là text.
Bước 3
Khóa layer background, chọn layer text, sử dụng công cụ Text Tool (A) và nhập vào dòng chữ mong muốn.
Bước 4
Thêm một layer mới với tên là Action.
Bước 5
Tìm một bức ảnh có cùng kích thước như file flash (300 x 224px) và inport nó vào (Ctrl + R)
Bước 6
Chọn ảnh vừa inport, nhấn phím Ctrl + K trên bàn phím (Align Panel) sau đó chọn phần Align, chọn căn chỉnh như hình sau
Bước 7
Chọn Modify > Break Apart (Ctrl + B) để phá vỡ từng phần bức ảnh
Bước 8
Chọn công cụ Selection Tool (V) và chọn từng phần của bức ảnh. Xem hình dưới
Bước 9
Nhấn phím F8 (Convert to Symbol) để chuyển đổi nó sang dạng Movie Clip.
Bước 10
Chọn Movie Clip mới tạo (một phần của bức ảnh), mở Properties Panel (Ctrl + F3) và nhập part1 vào phần <Instance Name>
Bước 11
Kích đúp vào Movie Clip vừa tạo hoặc kích chuột phải chọn Edit in Place.
Bước 12
Chọn frame 1, mở Action Script Panel (F9) và đưa vào script sau:
stop();
Bước 13
Chọn frame 30 và nhấn phím F6. Sau đó chọn frame 10, dùng công cụ Free Transform Tool (Q) và kéo nhỏ phần bức ảnh như hình dưới
Bước 14
Chọn frame 15, và làm như sau
Bước 15
Trở lại scene chính (Scene 1) và lặp lại quy trình này cho tất cả các phần còn lại của bức ảnh
Bước 16
Thêm một layer mới với tên là Invisible Button.
Bước 17
Trở lại layer Action, chọn phần đầu tiên của bức ảnh (part 1), mở Info Panel (Ctrl + I) và xem kích cỡ cũng như vị trí của phần đó. Sau đó ghi nhớ thông tin đó, chọn layer Invisible Button, dùng công cụ Rectangle Tool (R) và tạo một hình chữ nhật có cùng kích thước và vị trí với phần thông tin đã nhớ (của part 1)
Bước 18
Chọn Invisible Button, mở Action Script Panel (F9) và đưa vào đoạn mã sau
on (rollOver) {
tellTarget ("/part1") {
play();
}
}
Vậy là đã tạm xong! Hãy tiếp tục công việc tạo Invisible Button như chúng tôi đã hướng dẫn cho từng phần còn lại của bức ảnh.
Download file nguồn!
Đăng nhận xét