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)[r]
Trang 1Slideshow ả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ẽ)
Trang 2Bâ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ạ
Trang 3Bâ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)
Trang 4Tạ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
Trang 5nhanh, 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<maxPic) {
pic++;
} else {
pic=1;
}
// Nhảy đến frame có tên Change
gotoAndPlay("Change");
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