Slideshow ảnh với hiệu ứng lật trang tự động
Những gì bạn cần trước tiên là một số hình ảnh tuyệt đẹp của mình, dùng Photoshop crop thành những hình có kích thước bằng nhau, ở đây tôi dùng 6 ảnh kích thước 240x160 pixel. Đặt tên chúng theo cấu trúc như sau filename_xx.jpg với xx là 01, 02, 03.... để cho tiện việc import sau này. Mở Macromedia Flash, tạo file mới với kích thước bằng với ảnh của mình, 240x160 pixel. Chọn menu Insert.New symbol..., tạo một movieclip tên là movPicture. Trong movieclip này bạn vào menu File.Import, chọn file hình mang số _01, flash sẽ hỏi bạn có muốn import tiếp chuỗi hình với số thứ tự tiếp theo không? Hãy chọn Yes, khi đó các hình sẽ được import vào và tự xếp theo từng frame liền nhau. Lúc này, hãy canh (align) góc top-left của tất cả hình tại tâm của movieclip.
Bây giờ ta vẽ tiếp một graphic mới, vào menu Insert.New symbol..., tạo một graphic tên là picCorner. Vẽ hình tam giác vuông với độ dài cạnh là 80 pixel (xem hình vẽ), tô màu gradient theo góc chéo 45 độ, màu đầu tiên là màu vàng #FFFFCC, màu cuối cũng là màu vàng đó nhưng alpha là 50% thôi. Bây giờ dùng công cụ Subselection (A) để chỉnh cho đẹp hơn (xem hình vẽ).
Bây giờ ta sẽ tạo một graphic để làm mặt nạ, vào menu Insert.New symbol..., tạo một graphic tên là maskPicture. Vẽ hình thang với kích thước các cạnh như sau: cạnh trên = 240+160+80=480, cạnh trái = 260, cạnh dưới = 240+80=320.
Trở lại scene chính, mở Library, kéo đối tượng movPicture chúng ta vừa tạo ra. Đặt instance name cho nó là pic01, canh nó vào góc top-left của scene chính. Tạo layer khác, kéo đối tượng movPicture từ Library lần nữa, đặt instance name cho nó là pic02, cũng canh top-left. Vậy là với 2 layer ta có 2 đối tượng movPicture nhưng khác tên instance. Bây giờ tạo Layer Mask, kéo từ Library ra đối tượng maskPicture, cũng canh top-left. Right-click keyframe đầu, chọn Create motion tween, click lên frame thứ 2, nhấn F6 (insert key frame), click lên frame thứ 20, nhấn F6 (insert keyframe), di chuyển mặt nạ này sao cho góc top-right của nó trùng với góc (0,0) của scene chính, tức vị trí x của nó là -480. Rightclick tên layer, chọn Mask để biến lớp này thành mặt nạ.
Bây giờ tạo layer Corner, kéo từ Library ra đối tượng picCorner, Canh sao cho cạnh đường chéo của tam giác trùng với cạnh chéo của hình maskPicture, tức tọa độ tâm của nó là (240,160). Right-click lên keyframe đầu chọn Create motion tween, click lên frame thứ 2, nhấn F6, click lên frame thứ 20, nhấn tiếp F6, di chuyển hình này sao cho cạnh chéo của tam giác trùng với cạnh chéo của hình maskPicture, tức tọa độ tâm của nó là (-40,-40).
Tạo một layer mới đặt tên là Mask, vẽ hình chữ nhật kích thước 240x160, canh vừa kích thước scene chính. Right-click lên tên layer, chọn Mask để làmmặt nạ cho lớp picCorner vừa tạo. Vậy là đã xong các thành phần đồ họa. Bây giờ đến việc viết AS. Tạo layer mới đặt tên là Action, ngay tại frame 1, dán đoạn code này vào:
CODE
var pic=1; var maxPic=pic01._totalframes;
Click lên frame 2, đặt tên cho frame này là Change để dễ gọi sau này, dán đoạn code này vào:
CODE
// Chuyển hình từ pic01 sang pic02 pic02.gotoAndStop(pic01._currentframe); pic01.gotoAndStop(pic);
Click trên timeline tại frame cuối cùng, nhấn F5 (Insert frame) kéo tất cả frame dài ra đến frame 30 chẳng hạn, thời gian ngừng để xem ảnh phụ thuộc đoạn frame này, nếu kéo ngắn quá thì sẽ chạy nhanh, dài quá thì sẽ xem sẽ lâu hơn. Click lên frame 30 của layer Action, dán đoạn code này vào:
CODE
// Kiểm tra nếu chưa hết hình thì xem hình tiếp theo, nếu không thì xem lại từ đầu if (pic Vậy là cuối cùng timeline của bạn sẽ như sau:
Nhấn Ctrl+Enter để xem thử tác phẩm của bạn nhé! Chúc thành công