Mục tiêu kỹ thuật

• Làm chủ Text layer
• Animate theo từng chữ (per-character)
• Tạo intro chữ 2–4s kiểu quảng cáo/TikTok: rõ, nhanh, có nhịp

---

1. Chuẩn bị scene

Bước 1

• New Scene:
  • 1920×1080, 30fps, 3–4s

Bước 2 (background)

• Rectangle full màn:
  • Fill: màu tối (#0F172A hoặc tương đương)

---

2. Tạo Text đúng chuẩn

Bước 1

• Chọn Text Tool → click vào Scene
• Gõ:
  MOTION DESIGN

Bước 2 (Inspector)

• Font: sans-serif (Inter / Montserrat / SF Pro)
• Weight: Bold
• Size: ~120–160
• Align: Center

👉 Tránh font rườm rà; ưu tiên đọc nhanh.

---

3. Chia dòng để kiểm soát nhịp

Bước

• Tách thành 2 layer:
  • MOTION
  • DESIGN
• Căn giữa dọc:
  • MOTION (trên)
  • DESIGN (dưới)

👉 Lợi ích: điều khiển timing độc lập.

---

4. Animate kiểu “Slide + Fade” (nền tảng)

Layer 1: MOTION

Bước 1 — keyframe đầu

• Time: 0s
• Position Y: -80 (cao hơn vị trí cuối)
• Opacity: 0%
• Set keyframe cho cả 2

Bước 2 — keyframe cuối

• Time: 0.6s
• Position Y: 0
• Opacity: 100%

Bước 3 — easing

• Ease Out

---

Layer 2: DESIGN (stagger)

Bước 1

• Time: 0.3s
• Position Y: +80
• Opacity: 0% → keyframe

Bước 2

• Time: 0.9s
• Position Y: 0
• Opacity: 100%

👉 Hai dòng không xuất hiện cùng lúc.

---

5. Per-character animation (quan trọng)

Mục tiêu: từng chữ xuất hiện lệch nhau

---

Bước 1

• Chọn layer MOTION

Bước 2

• Thêm Text Animator / Per-character (tuỳ UI Cavalry)

Bước 3 — thiết lập

• Animate:
  • Position Y: từ -40 → 0
  • Opacity: 0 → 100

Bước 4 — offset

• Delay giữa mỗi chữ: 0.03–0.06s

---

👉 Kết quả:

• Chữ xuất hiện theo chuỗi, không “đồng loạt”

---

6. Tạo nhịp (timing rhythm)

Công thức an toàn:

• Dòng 1: bắt đầu 0s
• Dòng 2: trễ ~0.3s
• Mỗi chữ: lệch 0.04s

👉 Nhịp nhìn sẽ:

• Quét từ trái → phải
• Từ trên → xuống

---

7. Thêm “pop” nhẹ (scale)

Bước

• Với mỗi dòng:
  • Trước khi ổn định:
    • Scale: 110%
  • Sau đó:
    • Scale: 100%

---

👉 Tránh quá đà; chỉ 5–10% là đủ.

---

8. Highlight keyword

Mục tiêu: tạo điểm nhấn

---

Cách 1 — đổi màu

• Chọn chữ “DESIGN”
• Đổi màu khác (ví dụ: cyan)

Cách 2 — background bar

Bước

• Tạo Rectangle phía sau chữ
• Animate:
  • Scale X: 0 → 100%
  • Delay nhẹ sau text

---

👉 Đây là pattern phổ biến trong ads.

---

9. Exit animation (ra màn)

Không để “đứng im rồi cắt”

---

Bước

• Time: 2.2s → 2.8s
• Animate:
  • Position Y: +60
  • Opacity: 0%
  • Ease In

---

10. Mini project hoàn chỉnh

Yêu cầu

• 2 dòng text
• Có:
  • Per-character
  • Stagger giữa 2 dòng
  • Highlight (màu hoặc bar)
  • Entrance + Exit

---

11. Checklist chất lượng

• Đọc được trong <1.5s
• Không chữ nào “nhảy” sai nhịp
• Có hierarchy (dòng chính/phụ)
• Không dùng quá nhiều hiệu ứng

---

12. Bài tập bắt buộc

Bài 1

Text:
SALE 50%

• Animate nhanh (≤2s)
• Phù hợp quảng cáo

Bài 2

Text:
HELLO WORLD

• Dùng per-character + stagger
• Thử 2 style khác nhau

---

13. Lỗi phổ biến

1. Quá nhiều hiệu ứng

→ Rối, khó đọc

2. Tất cả chữ xuất hiện cùng lúc

→ Mất nhịp

3. Timing quá chậm

→ Người xem bỏ qua

4. Font sai

→ Dù animation tốt vẫn trông “rẻ”

---

14. Tư duy quan trọng

• Text animation ≠ hiệu ứng
• Mục tiêu chính:Truyền thông tin nhanh + rõ + có điểm nhấn