PDA

Xem đầy đủ chức năng : Tạo một gallery bằng flash



dinhthang0630
11-07-2008, 09:40 PM
http://3c.com.vn/Uploaded/hoangtv/26-02-008/flash13.jpg
Bài viết hướng dẫn cách tạo một gallery bằng flash chỉ bằng một vài thao tác. Chúc các bạn thành công.

Đầu tiên tạo một document và màu sắc như hình dưới:

http://3c.com.vn/Uploaded/hoangtv/26-02-008/flash1a.gif

Tiếp theo tạo 2 folder trong library : “images” và “thumbs”, import 8 image và 8 thumb vào trong 2 folder ở library.

Thumb có kích thước là: 64x56 và image :320x280.

<!--[if !vml]-->http://3c.com.vn/Uploaded/hoangtv/26-02-008/flash2.jpg<!--[endif]-->

<!--[if !vml]-->http://3c.com.vn/Uploaded/hoangtv/26-02-008/flash3.jpg<!--[endif]-->

<!--[if !vml]--><!--[endif]-->

Tạo 2 layer: thumb-0, thumb-1 layer đặt tên là "thumbs", image lớn thì nằm trên lớp đặt tên là gallery như hình dưới:

<!--[if !vml]-->http://3c.com.vn/Uploaded/hoangtv/26-02-008/flash5.jpg<!--[endif]-->



Convert mỗi thumb thành Movie clip bằng cách click vào từng cái và nhấn F8



<!--[if !vml]-->http://3c.com.vn/Uploaded/hoangtv/26-02-008/flash7.gif<!--[endif]--> http://3c.com.vn/Uploaded/hoangtv/26-02-008/flash8.gif

Double click lên rectangle tool trên toolbar và set giá trị như hình

<!--[if !vml]-->http://3c.com.vn/Uploaded/hoangtv/26-02-008/flash9.gif<!--[endif]-->



Tạo tiếp một rectangle màu trắng nằm ở layer dưới, thêm 1 rectangle nữa màu xanh nhưng nhỏ hơn 1 tí nằm trên như hình :

<!--[if !vml]-->http://3c.com.vn/Uploaded/hoangtv/26-02-008/flash10.jpg<!--[endif]-->



Click lên ảnh lớn hoa đào, convert thành MC đặt tên là image0, kế tiếp ta phải viết action cript cho cái image dynamically này.

<!--[if !vml]-->http://3c.com.vn/Uploaded/hoangtv/26-02-008/flash11.gif<!--[endif]-->



Làm tiếp với các image còn lại.



Tiếp theo: convert cái thumb đầu tiên thành MC với tên thumb0:

<!--[if !vml]-->http://3c.com.vn/Uploaded/hoangtv/26-02-008/flash12.jpg<!--[endif]-->



Làm tiếp tục cho các thumb còn lại:

<!--[if !vml]-->http://3c.com.vn/Uploaded/hoangtv/26-02-008/flash14.gif<!--[endif]-->



Tiếp theo tạo một cái rectangle để làm mặt nạ như hình dưới:

<!--[if !vml]-->http://3c.com.vn/Uploaded/hoangtv/26-02-008/flash15.gif<!--[endif]-->



Xong convert nó thành MC với tên “Mask”



Dán đọan code sau:

<!--[if !vml]--><!--[endif]-->

Các bạn có thể download file nguồn tại đây : Download FLA (http://rapidshare.com/files/31993689/gallery.fla)