Hiệu Ứng Chuyển Ảnh Khi Di Chuyển...

Chia sẻ: Kim Kim | Ngày: | Loại File: PDF | Số trang:4

Thêm vào BST

Báo xấu

86
lượt xem 9
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Hôm nay, tôi sẽ hướng dẫn các bạn làm hiệu ứng chuyển ảnh khi di chuyển chuột bằng Action Script. Bạn có thể sử dụng làm banner quảng cáo. Nào chúng ta cùng nhau bắt đầu.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Hiệu Ứng Chuyển Ảnh Khi Di Chuyển...

Hiệu Ứng Chuyển Ảnh Khi Di Chuyển... Hôm nay, tôi sẽ hướng dẫn các bạn làm hiệu ứng chuyển ảnh khi di chuyển chuột bằng Action Script. Bạn có thể sử dụng làm banner quảng cáo. Nào chúng ta cùng nhau bắt đầu. Ví dụ: Di chuyển chuột qua ảnh! Bước 1 Bạn có thể sử dụng hình sau để thực hiện bài hướng dẫn này. Bước 2 Tạo một tài liệu mới. Nhấn Ctrl + J (Document Properties) và thiết lập chiều rộng là 350px và chiều cao là 263px. Chọn bất kỳ màu nào làm màu nền. Click OK. Bước 3
Hãy gọi cho layer hiện tại. Click đúp vào tên mặc định của nó (Layer 1) để thay đổi. Nhấn Enter khi bạn đã gõ vào tên mới! Bước 4 Chọn bây giờ File > Import > Import to Library (Ctrl + L) và Import những hình ảnh mà bạn muốn sử dụng. Kéo 1 tấm hình vào Stage. Bước 5 Chọn bức ảnh, vào Align Panel (Ctrl + K) và làm như sau: 1. Đảm bảo rằng Align / Distribute to Stage đã được bật, 2. Click vào nút Align horizontal center 3. Click vào nút Align vertical center. Bước 6 Vẫn chọn Layer tấm hình, nhấn F8 (Convert to Symbol) để chuyển đổi nó sang Movie Clip Symbol. Bước 7 Click đúp vào Movie Clip bằng công cụ Selection Tool (V). Bạn sẽ vào được bên trong của Movie Clip.
Bước 8: Chọn Frame 2 và nhấn F7. Sau đó, di chuyển bức ảnh thứ hai từ thư viện Flash vào và thực hiện như bước 5. Làm như vậy với bức ảnh 3, 4, 5 và 6 cho Frame 3, 4, 5 và 6. Xem hình sau Bước 9 Trở lại Scene 1. Bước 10 Chọn công cụ Selection Tool (V) và Click chọn Movie Clip. Sau đó, vào Properties Panel. Nhập Instance name choMovie Clip là "photos_mc". Xem hình sau Bước 11 Tạo một layer mới phía trên layer ảnh và đặt tên là "Action". Bước 12 Chọn Frame đầu tiên của Layer "Action" và vào bảng Actipn Script (F9). Sau đó, điền đoạn code sau vào: photos_mc.stop(); photos_mc.addEventListener(MouseEvent.ROLL_OVER, overHandler); photos_mc.addEventListener(MouseEvent.ROLL_OUT, outHandler);
function overHandler(e:Event):void { photos_mc.addEventListener(MouseEvent.MOUSE_MOVE,changeFrame); } function changeFrame(e:Event):void { var frame : uint = Math.ceil(photos_mc.totalFrames * photos_mc.mouseX / photos_mc.width); photos_mc.gotoAndStop(frame); } function outHandler(e:Event):void { photos_mc.removeEventListener(MouseEvent.MOUSE_MOVE, changeFrame); } Chúc các bạn thành công...!