Nhánh II — Chuyển động & Đường cong

Cơ chế kỹ thuật đằng sau chuyển động: khung chính, đường cong tốc độ, quỹ đạo và chuyển động phụ.

Nhánh này dạy gì?

Keyframe & inbetween: máy nội suy các khung giữa thế nào.
Easing & cubic-bezier: đường cong tốc độ điều khiển cảm giác chuyển động.
Arcs: vì sao chuyển động tự nhiên đi theo cung, không phải đường thẳng.
Chuyển động phụ & overlapping: tóc/đuôi/áo lag theo quán tính.

Lộ trình 4 bài — học sau Nhánh I

Lesson 05

Keyframe & nội suy

Khung chính vs inbetween, nội suy tuyến tính vs mượt — đặt keyframe, xem tween.

▶ Visualization

Lesson 06

Easing & Bezier

Đường cong tốc độ theo thời gian, editor cubic-bezier kéo được, presets.

▶ Visualization

Lesson 07

Cung chuyển động

Arcs & motion path, quỹ đạo parabol — thẳng vs cung, vẽ vết đường đi.

▶ Visualization

Lesson 08

Chuyển động phụ

Secondary action, overlapping/drag — chuỗi phần phụ lag theo, sóng overlap.

▶ Visualization