Home / Training

LÀM CHỦ RIVE: KỸ THUẬT HOẠT ẢNH TƯƠNG TÁC THẾ HỆ MỚI

Đưa thiết kế của bạn vượt xa những "đoạn phim tĩnh" – Xây dựng giao diện tương tác thời gian thực cho App, Game và Web.

Author Double D Team
Jan 09, 2025
8 min read
Interface Design Motion

🚀 TẠI SAO BẠN CẦN HỌC RIVE NGAY LÚC NÀY?

Trong kỷ nguyên số 2025, hoạt ảnh không chỉ là để "làm cảnh". Rive không phải là một công cụ xuất video thông thường như After Effects; nó là một hệ thống máy trạng thái (State Machine) cho phép thiết kế của bạn "hiểu" và "phản hồi" lại hành động của người dùng ngay lập tức.

  • Vượt qua giới hạn của Lottie: Không còn là những tệp JSON đơn hướng, Rive cho phép bạn kiểm soát logic chuyển động mà không cần phụ thuộc hoàn toàn vào lập trình viên.
  • Hiệu suất đỉnh cao: Dung lượng cực nhẹ, chạy mượt mà ở 60fps trên đa nền tảng từ Web, iOS đến Unity.
  • Xóa bỏ rào cản Design - Dev: Thiết kế của bạn chính là sản phẩm cuối cùng. Lập trình viên chỉ cần tích hợp và điều khiển tệp tin bạn tạo ra.

🎯 MỤC TIÊU KHÓA HỌC

Sau 8 buổi học chuyên sâu, bạn sẽ:

  1. Thành thạo công cụ: Nắm trọn bộ giao diện Editor và các tính năng từ cơ bản đến nâng cao.
  2. Tư duy State Machine: Biết cách xây dựng "bộ não" cho hoạt ảnh để tạo ra các tương tác phức tạp.
  3. Nguyên lý Animation: Áp dụng vững vàng các nguyên lý diễn hoạt chuyên nghiệp trực tiếp vào môi trường runtime.
  4. Ứng dụng thực tế: Biết cách đóng gói và chuyển giao sản phẩm cho lập trình viên để đưa vào ứng dụng thực tế.

Interactive Motion

POWERED BY RIVE
Mascot

Rating

Mixing

Home Food

Leaf

Interactive Brochure

VertZero

📅 LỘ TRÌNH HỌC TẬP (8 BUỔI - 1 GIỜ/BUỔI)

  • Buổi 1: Nhập môn Rive & Tư duy Vector Runtime
    • Làm quen giao diện Editor, cách quản lý Artboards hiệu quả.
    • Tư duy thiết kế tài nguyên để tối ưu hóa hiệu suất (Optimization).
  • Buổi 2: Nguyên lý Animation & Timeline
    • Nắm vững Keyframes, Interpolation và Easing để tạo chuyển động mượt mà.
    • Cách tổ chức phân cấp (Hierarchy) trong Rive.
  • Buổi 3: Hệ thống xương (Bones) & Skeletal Animation
    • Tạo hệ thống xương và Pivot points cho nhân vật hoặc UI phức tạp.
    • Ứng dụng Mesh Deformation để tạo biến dạng mềm mại.
  • Buổi 4: State Machine - "Trái tim" của Rive
    • Tìm hiểu cách kết nối các hoạt ảnh qua States và Transitions.
    • Xây dựng logic đơn giản: Idle -> Hover -> Click.
  • Buổi 5: Tương tác nâng cao với Listeners & Inputs
    • Sử dụng Listeners để phản hồi các sự kiện chuột/chạm (Pointer Enter, Click).
    • Điều khiển hoạt ảnh qua các biến số (Number, Boolean, Trigger).
  • Buổi 6: Animation Mixing & Layering
    • Kỹ thuật trộn nhiều hoạt ảnh cùng lúc (ví dụ: nhân vật vừa chạy vừa bắn).
    • Sử dụng Solos và Joysticks để điều khiển hướng nhìn hoặc trạng thái phức tạp.
  • Buổi 7: Text, Layouts & Data Binding
    • Thiết kế giao diện đáp ứng (Responsive Layouts) trong Rive.
    • Kết nối dữ liệu thực tế vào hoạt ảnh thông qua Data Binding.
  • Buổi 8: Xuất bản & Tích hợp Sản phẩm thực tế
    • Quy trình bàn giao (Handoff) cho lập trình viên (Web, React, Flutter, Unity).
    • Hướng dẫn tối ưu hóa tệp .riv cuối cùng để đạt hiệu suất cao nhất.

💎 ĐẶC QUYỀN KHI THAM GIA COACHING 1-1

  • Cá nhân hóa lộ trình: Học theo tốc độ và mục tiêu riêng của bạn.
  • Hỗ trợ 24/7: Giải đáp mọi thắc mắc và sửa lỗi file trực tiếp trong suốt quá trình học.
  • Bài tập thực hành: Sau mỗi buổi đều có bài tập ứng dụng vào sản phẩm thực tế bạn đang theo đuổi.
  • Review Portfolio: Hướng dẫn cách trình diễn sản phẩm Rive để gây ấn tượng với nhà tuyển dụng/khách hàng.

💰 CHI PHÍ & ĐĂNG KÝ

  • Học phí: 400.000 VNĐ / giờ học.
  • Thời lượng dự kiến: 8 buổi
  • Hình thức: Học online qua Google Meet/Zoom, tương tác trực tiếp 1-1.
"Đừng chỉ thiết kế hình ảnh, hãy thiết kế trải nghiệm."
ĐĂNG KÝ NGAY

*Các bạn có thể liên hệ mình qua zalo hoặc email để được tư vấn nhé (dungnt06.ssc@gmail.com - 0337735004)

Author

Double D Team

Rive Animation Experts

Chuyên gia đào tạo và thiết kế tương tác với nhiều năm kinh nghiệm thực chiến.

Need a transformation like this?

We help enterprise clients scale their digital presence through robust design systems and high-fidelity motion.

Read Next

View all
Thumb
My Look Back

The 9 best interactive 404 page examples

My Look Ahead

Why Motion is the Future of Brand Identity, and How to Do It Right

Thumb
Process

The Journey of Creating an Interactive Brochure for Vert Zero