# Cách tạo hoạt ảnh theo đường dẫn với Hana và Spline - Hana | Mọi điều bạn cần biết - Spline Academy (https://spline.design/vi/academy/tutorials/how-to-animate-along-a-path-with-hana-and-spline)

> Trong hướng dẫn này, chúng tôi sẽ giới thiệu một trong những bản cập nhật gần đây của Hana, và cách bạn có thể dễ dàng tạo hoạt ảnh cho hình khối hoặc thiết…

1. [Academy](https://spline.design/vi/academy)
2. [Khóa học](https://spline.design/vi/academy/collections)
3. [Hana | Mọi điều bạn cần biết](https://spline.design/vi/academy/collections/hana-everything-you-need-to-know)
4. Cách tạo hoạt ảnh theo đường dẫn với Hana và Spline

# Cách tạo hoạt ảnh theo đường dẫn với Hana và Spline

Bài 11 / 15HanaCơ bản7 phút

Trong hướng dẫn này, chúng tôi sẽ giới thiệu một trong những bản cập nhật gần đây của Hana, và cách bạn có thể dễ dàng tạo hoạt ảnh cho hình khối hoặc thiết kế theo một quỹ đạo tùy chỉnh.

Chúng tôi sẽ hướng dẫn bạn các cách khác nhau để thiết kế đường dẫn (path) trong Hana, cách căn hình khối theo đường dẫn đó, tạo hoạt ảnh, điều chỉnh độ lệch vị trí và lựa chọn giữa hướng World và Tangential.

Demo 👉 <https://app.spline.design/ui/6a36d303-a217-4466-95f5-85a1561c5725>

## Bạn sẽ học được gì

1. [0:00Giới thiệu](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=0s)
2. [0:16Cách tạo đường dẫn bằng Vector Tool](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=16s)
3. [1:00Cách dùng Align to Path](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=60s)
4. [2:07Tạo hoạt ảnh](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=127s)
5. [3:23Cách tạo đường dẫn bằng một hình khối](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=203s)
6. [4:03Điều chỉnh độ lệch vị trí](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=243s)
7. [4:53Hướng World và Tangential](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=293s)
8. [6:13Align to Path trong 3D](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=373s)

## Tài nguyên liên quan

- [Shapes Follow PathMẫu](https://app.spline.design/academy/tutorials/how-to-animate-along-a-path-with-hana-and-spline?redirect-duplicate-template-uuid=86ecf61d-28ed-4c69-9f76-029bd8130eed&is-2d-file=true)
- [Algin to Path ModiferTài liệu](https://docs.spline.design/hana-a-canvas-for-interactivity/designing-in-hana#%F0%9F%8E%A2-modifiers)

## Tổng quan

- Hana
- 7 phút
- Cơ bản

## Tiếp theo

[Thiết kế và tạo hoạt ảnh với Vector Mask7 phútCơ bản](https://spline.design/vi/academy/collections/hana-everything-you-need-to-know/design-and-animate-with-vector-masks)[Tiếp tục](https://spline.design/vi/academy/collections/hana-everything-you-need-to-know/design-and-animate-with-vector-masks)

[Spline](https://spline.design/vi)

Trình chỉnh sửa 3D và 2D cho các nhóm và tác nhân AI của họ. Xuất bản lên web, iOS và Android.

#### Hỏi AI về Spline

#### Sản phẩm

- [Thiết kế 3D](https://spline.design/vi/3d-design)
- [Hana](https://spline.design/vi/hana)
- [Omma](https://omma.build)
- [Tạo 3D bằng AI](https://spline.design/vi/ai-generate)
- [Spline MCP](https://spline.design/vi/mcp)
- [Spline Arena](https://spline.design/vi/arena)
- [Bảng giá](https://spline.design/vi/pricing)
- [Doanh nghiệp](https://spline.design/vi/enterprise)

#### Runtime

- [Web](https://spline.design/vi/web)
- [iOS](https://spline.design/vi/ios)
- [Android](https://spline.design/vi/android)

#### Ứng dụng

- [Tải xuống](https://spline.design/vi/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Tải Spline Mirror](https://spline.design/download-mirror)

#### Học

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/vi/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Giải pháp](https://spline.design/solutions)

#### Cộng đồng

- [Cộng đồng Spline](https://community.spline.design)
- [Blog](https://spline.design/vi/blog)
- [Changelog](https://spline.design/vi/changelog)
- [Giáo dục](https://spline.design/vi/education)
- [Contra](https://spline.design/contra)
- [Tiếp thị liên kết](https://spline.design/vi/affiliate)

#### Công ty

- [Khách hàng](https://spline.design/vi/customers)
- [Tuyển dụng](https://www.ycombinator.com/companies/spline/jobs)
- [Bảo mật](https://spline.design/vi/security)

#### Pháp lý

- [Điều khoản & Điều kiện](https://spline.design/terms)
- [Quyền riêng tư](https://spline.design/privacy)

#### Liên hệ

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.