Ngày 1 — Làm quen Cavalry + Keyframe cơ bản

Dưới đây là Ngày 1 (cầm tay chỉ việc). Tôi trình bày theo dạng thao tác cụ thể (click ở đâu, chỉnh gì, vì sao làm vậy). Nếu bạn thấy phù hợp, tôi sẽ tiếp tục viết Ngày 2–14 cùng mức độ chi tiết này.


Mục tiêu kỹ thuật

  • Hiểu Scene / Timeline / Inspector
  • Tạo object và gắn keyframe
  • Xuất được 1 animation đơn giản (2–3 giây)

1. Mở phần mềm & tạo project

Bước 1

  • Mở Cavalry → File → New Scene

Bước 2 (thiết lập)

  • Góc phải (Inspector):
    • Width: 1920
    • Height: 1080
    • Frame Rate: 30 fps
    • Duration: 3s

→ Đây là chuẩn video cơ bản, tránh lệch format sau này.


2. Làm quen giao diện (rất quan trọng)

Bạn cần nhận diện 3 vùng:

  1. Scene (giữa)
    → nơi hiển thị hình
  2. Timeline (dưới)
    → nơi đặt keyframe
  3. Inspector (bên phải)
    → nơi chỉnh thông số

👉 Nguyên tắc:

Chọn object → chỉnh ở Inspector → animate ở Timeline


3. Tạo shape đầu tiên

Bước 1

  • Nhấn Rectangle Tool (hoặc phím tắt nếu có)
  • Click vào Scene

Bước 2 (chỉnh hình)

  • Inspector:
    • Width: 200
    • Height: 200
    • Fill: chọn màu bất kỳ

4. Tạo animation di chuyển (Position)

Mục tiêu: hình vuông chạy từ trái → phải


Bước 1 — đặt keyframe đầu

  • Chọn Rectangle
  • Trong Inspector tìm Position
  • Đưa playhead về frame 0
  • Click icon kim cương (◆) tại Position

→ Keyframe 1 được tạo


Bước 2 — di chuyển object

  • Kéo playhead tới 2 giây
  • Trong Scene:
    • Kéo hình sang bên phải

→ Cavalry tự tạo keyframe thứ 2


Bước 3 — test

  • Nhấn Play

👉 Bạn sẽ thấy:

  • Hình vuông di chuyển tuyến tính (linear)

5. Làm mượt chuyển động (Easing)

Vấn đề

Chuyển động hiện tại bị “robot”


Bước 1

  • Mở Timeline
  • Click vào layer Rectangle
  • Chọn 2 keyframe

Bước 2

  • Tìm Easing / Interpolation
  • Chọn:
    • Ease In Out (hoặc tương đương)

Kết quả

  • Chuyển động:
    • Bắt đầu chậm
    • Nhanh ở giữa
    • Chậm dần khi kết thúc

👉 Đây là nguyên tắc motion cơ bản.


6. Thêm Scale animation

Mục tiêu: vừa di chuyển vừa phóng to


Bước 1

  • Playhead về frame 0
  • Trong Inspector → Scale:
    • Set 50%
    • Click keyframe (◆)

Bước 2

  • Playhead tới 2s
  • Set Scale: 100%

Kết quả

  • Hình vừa chạy vừa lớn lên

7. Thêm Rotation nhẹ

Mục tiêu: tránh motion “chết”


Bước

  • Frame 0:
    • Rotation = → keyframe
  • Frame 2s:
    • Rotation = 180°

👉 Motion bây giờ có 3 lớp:

  • Position
  • Scale
  • Rotation

8. Duplicate object (tăng độ phức tạp nhẹ)

Bước

  • Chọn Rectangle
  • Ctrl + D (duplicate)

Chỉnh:

  • Đổi màu object thứ 2
  • Offset nhẹ vị trí

👉 Bạn vừa tạo “composition” thay vì 1 object đơn lẻ.


9. Xuất video

Bước 1

  • File → Export

Bước 2

  • Format: MP4
  • Resolution: 1920×1080
  • FPS: 30

Bước 3

  • Export

10. Checklist hoàn thành

Bạn đạt yêu cầu nếu:

  • Tạo được shape
  • Gắn keyframe Position
  • Biết easing
  • Kết hợp Scale + Rotation
  • Xuất được video

Lỗi thường gặp

  1. Không thấy animation
    → Quên đặt keyframe đầu
  2. Object không di chuyển
    → Playhead không ở vị trí đúng khi chỉnh
  3. Motion bị giật
    → Chưa dùng easing

Bài tập thêm (bắt buộc làm)

  1. Tạo 3 hình:
    • Mỗi hình timing khác nhau
  2. Làm:
    • 1 hình chạy ngang
    • 1 hình rơi từ trên xuống
    • 1 hình scale + rotate

Tư duy cần giữ từ ngày 1

  • Không chỉ “làm cho chạy”
  • Mà phải:Chuyển động có nhịp + có cảm giác

Bình luận

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *