Hiệu ứng với các khối lập phương

Hiệu ứng với các khối lập phương

cao với các khối hoặc các hình dựa trên Flash 8 và tất nhiên là có sử dụng Action Script

Hãy đi chuyển chuột lên trên các hình lập phương

Bước 1

Mở một file Flash mới Vào Modify > Document (Ctrl + J) Thiết lập độ rộng và chiều cao tương ứng là: Width: 400 pixels và Height: 250 pixel Chọn màu nền là #72768, Frame rate: 42 fps và chọn OK

Bước 2

Chọn công cụ Rectangle (R) Bạn sẽ vẽ một hình chữ nhật không có màu viền Để làm việc này, chọn màu cho Stroke là No color, màu Fill là màu trắng (white), và vẽ một hình lập phương 35 x

35px (Xem hình dưới)

Bước 3

Chọn hình lập phương vừa vẽ, nhấn F8 (hoặc vào Modify > Convert to Symbol) để chuyển đổi

hình lập phương đó sang Movie Clip

Bước 4

Kích đúp vào Movie clip trên với công cụ Selection (V) Bạn sẽ vào bên trong Mobie clip

Bước 5

Chọn hình lập phương và nhấn phím Ctrl + C (Copy), tạo một layer mới (layer2), chọn frame 2 và nhấn phím F6, sau đó nhấn Ctrl + Shift + V (Paste in Place)

Trở lại layer 1, chọn nó và nhấn phím F8 (Convert to Symbol) để chuyển nó sang Button Xem

hình dưới

Bước 7

Sử dụng công cụ Selection Tool (V), click một lần vào hình lập phương để chọn nó và mở Properties Panel (Ctrl + F3) Ở bên phải bạn sẽ nhìn thấy menu Color Hãy chọn Alpha với 17%

Bước 8

Chọn frame 8 và 13 rồi nhấn F6 Sau đó, trở lại frame 8, chọn công cụ Free Transform Tool (Q),

nhấn và giữ phím Shift, dùng chuột kéo hình lập phương to ra một chút Xem hình dưới

Sau đó, chọn công cụ Selection Tool (V), lại chọn hình lập phương và mở Properties Panel Trên menu Color, lại chọn Alpha và giá trị là 100%

Bước 9

Kích chuột phải vào bất cứ đầu trong vùng màu giữa frame 1 với frame 8 và sau đó là giữa frame

8 với frame 13 cùng dòng, chọn Create Motion Tween từ menu xuất hiện

Bước 10

Trở lại frame 1, dùng công cụ Selection Tool (V) và lại chọn hình lập phương Nhấn phím F9 hoặc vào Window > Actions để mở Actions panel

Nhập đoạn mã ActionScript bên dưới vào Actions Panel:

on (rollOver)

{

play();

}

Bước 12

Khóa layer1, chọn frame đầu tiên của layer 2, và trong Action Panel (F9) nhập vào mã sau: stop ();

Bước 13

Chọn frame 2 của layer 2, nhấn phím F8 (Convert to Symbol) để chuyển đổi hình lập phương này sang Graphic Symbol

Sau đó, dùng công cụ Selection Tool (V), chọn hình lập phương, vào Properties Panel Trong phần menu Color chọn Alpha và 17%

Bước 14

Chọn frame 35 và 45 và nhấn phím F6

Bước 15

Trở lại frame 35, dùng công cụ Free Transform Tool (Q) để tăng hình lập phương lên như là

chúng ta đã làm đối với hình lập phương đầu tiên (Bước 8)

Bước 16

Kích chuột phải vào bất cứ đâu trong vùng giữa frame 2 với 35 và sau đó là frame 35 với 45,

chọn Create Motion Tween từ menu xuất hiện

Bước 17

Trở lại Scene chính (Scene1) và nhân các hình lập phương lên nhiều bản

Bạn có thể download file nguồn tại đây để tham khảo