P4 - Tạo hiệu ứng chuyển động từng kí tự

Tạo banner quảng cáo có hiệu ứng chuyển động với từng kí tự chữ một cách nhanh đẹp 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

- Chuyển màu nền banner sang màu đen #000
- Sử dụng công cụ Text Tool (T) để viết chữ KENTRUNG, family: Tahoma, Style: Regular, Size: 50 pt, Color: #FFF
- Chuyển sang công cụ Selection Tool (V) chọn chữ này
- Click chuột phải chọn Break Apart để phân tách chữ này thành từng kí tự riêng lẻ
- Click tiếp chuột phải chọn Distribute to Layers để tách từng kí tự riêng lẻ thành từng layer đơn lẻ
- Công việc còn lại là tạo chuyển động với từng layer kí tự sao cho khớp với nhau là xong.

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