Hiệu Ứng Chuyển Ảnh Khi Di Chuyển Hôm nay, hướng dẫn bạn làm hiệu ứng chuyển ảnh di chuyển chuột Action Script Bạn sử dụng làm banner quảng cáo Nào bắt đầu Ví dụ: Di chuyển chuột qua ảnh! Bước Bạn sử dụng hình sau để thực hướng dẫn Bước Tạo tài liệu Nhấn Ctrl + J (Document Properties) thiết lập chiều rộng 350px chiều cao 263px Chọn màu làm màu Click OK Bước Hãy gọi cho layer Click đúp vào tên mặc định (Layer 1) để thay đổi Nhấn Enter bạn gõ vào tên mới! Bước Chọn File > Import > Import to Library (Ctrl + L) Import hình ảnh mà bạn muốn sử dụng Kéo hình vào Stage Bước Chọn ảnh, vào Align Panel (Ctrl + K) làm sau: Đảm bảo Align / Distribute to Stage bật, Click vào nút Align horizontal center Click vào nút Align vertical center Bước Vẫn chọn Layer hình, nhấn F8 (Convert to Symbol) để chuyển đổi sang Movie Clip Symbol Bước Click đúp vào Movie Clip công cụ Selection Tool (V) Bạn vào bên Movie Clip Bước 8: Chọn Frame nhấn F7 Sau đó, di chuyển ảnh thứ hai từ thư viện Flash vào thực bước Làm với ảnh 3, 4, cho Frame 3, 4, Xem hình sau Bước Trở lại Scene Bước 10 Chọn công cụ Selection Tool (V) Click chọn Movie Clip Sau đó, vào Properties Panel Nhập Instance name choMovie Clip "photos_mc" Xem hình sau Bước 11 Tạo layer phía layer ảnh đặt tên "Action" Bước 12 Chọn Frame Layer "Action" 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 bạn thành công ! ... (Convert to Symbol) để chuyển đổi sang Movie Clip Symbol Bước Click đúp vào Movie Clip công cụ Selection Tool (V) Bạn vào bên Movie Clip Bước 8: Chọn Frame nhấn F7 Sau đó, di chuyển ảnh thứ hai từ thư... Import to Library (Ctrl + L) Import hình ảnh mà bạn muốn sử dụng Kéo hình vào Stage Bước Chọn ảnh, vào Align Panel (Ctrl + K) làm sau: Đảm bảo Align / Distribute to Stage bật, Click vào nút Align... Bước 8: Chọn Frame nhấn F7 Sau đó, di chuyển ảnh thứ hai từ thư viện Flash vào thực bước Làm với ảnh 3, 4, cho Frame 3, 4, Xem hình sau Bước Trở lại Scene Bước 10 Chọn công cụ Selection Tool (V)