P2 - Tạo hiệu ứng ánh sáng chạy qua chữ

Tạo banner quảng cáo hiệu ứng ánh sáng chạy qua chữ 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

- Đổi màu nền của trang sang màu đen #000000
- Chọn công cụ Text Tool (T) viết dòng chữ "ARENA MULTIMEDIA"
- Thông số chữ: Family: Tahoma, Style: Regular, Size: 55pt, Color: #FFFFFF, Alpha: 50%
- Click công cụ Selection (V) và chọn layer chữ này, mở tab Align và chọn căn giữa theo chiều dọc và ngang với Stage

- Click copy chữ này, sau đó chọn New Layer để tạo Layer 2 và paste chữ này vào
- Ở Layer 2 ta chỉnh màu chữ sáng lên bằng Alpha: 100%
- Chỉnh sao 2 Layer khít lên nhau.

- Tạo thêm Layer 3 phía trên Layer 2, chọn công cụ Rectangle Tool (R) và vẽ 1 hình chữ nhật bên ngoài chữ.
- Ở Frame thứ 48 (2 giây) ta click cho 3 Layer đều Insert Frame (F5)
- Riêng đối với Layer 3 ta chọn Create Classic Tween và tạo chuyển động tịnh tiến sang phải dòng chữ.

- Click chọn Layer 3 và chuột phải chọn Mask, lúc này Layer 3 sẽ Mask trực tiếp với Layer 2 nằm ngay dưới và sẽ được hiệu ứng như bên dưới, có thể nhấn tổ hợp phím Ctrl + Enter để xem nhanh.

Nói thì dài dòng, các bạn có thể xem clip mình thao tác bên dưới.