P3 - Tạo hiệu ứng ánh sáng chạy qua ảnh

Tạo banner quảng cáo có một đường ánh sáng chạy ngang qua ảnh với Adobe Animate CC.

1. Thông số của banner

- HTML5 Canvas
- Width: 550px
- Height: 400px
- Ruler units: pixels
- Frame rate: 24,00 fps
- Background color: màu trắng (#FFFFFF)

Giao diện các thanh công cụ có thể ẩn hiện và ở vị trí khác so với hình

2. Xây dựng giao diện

- Chọn File > Import > Import to Stage... và import bức ảnh vào.
- Tạo layer mới, ở đây mình đặt tên là line để dễ nhận biết giữa các layer
- Chọn công cụ Rectangle Tool (R) và vẽ 1 hình chữ nhật màu trắng, sử dụng công cụ Free Transform Tool (Q) để cho hình chéo đi 1 chút.
- Sử dụng Create Classic Tween và tạo chuyển động tịnh tiến sang phải.
- Click vào layer 1 và chọn Copy Frames, sau đó tạo layer mới và Paste Frames
- Ở layer mới chọn Mask là xong hiệu ứng, có thể nhấn tổ hợp phím Ctrl + Enter để xem nhanh.