# Cách tạo icon 3D xoay tròn - Spline Academy (https://spline.design/vi/academy/tutorials/how-to-create-a-spinning-3d-icon)

> Xin chào! Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tạo một icon 3D xoay tròn từ đầu đến cuối! Bạn sẽ học cách thiết kế và tạo hoạt ảnh cho nó,…

1. [Academy](https://spline.design/vi/academy)
2. [Hướng dẫn](https://spline.design/vi/academy/tutorials)
3. Cách tạo icon 3D xoay tròn

# Cách tạo icon 3D xoay tròn

Spline 3DCơ bản15 phút

Xin chào! Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tạo một icon 3D xoay tròn từ đầu đến cuối! Bạn sẽ học cách thiết kế và tạo hoạt ảnh cho nó, thêm độ trễ mượt mà và thiết lập các trigger tương tác. Chúng ta cũng sẽ tìm hiểu về màu sắc, vật liệu và hoạt ảnh được kích hoạt bằng nút bấm.

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

1. [0:00Tạo icon 3D](https://www.youtube.com/watch?v=bzbL6eNEfek&t=0s)
2. [2:13Áp dụng màu sắc và vật liệu](https://www.youtube.com/watch?v=bzbL6eNEfek&t=133s)
3. [6:29Tạo hoạt ảnh cho icon 3D](https://www.youtube.com/watch?v=bzbL6eNEfek&t=389s)
4. [10:35Thêm trigger tương tác](https://www.youtube.com/watch?v=bzbL6eNEfek&t=635s)

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

- [Spinning 3d iconMẫu](https://app.spline.design/academy/tutorials/how-to-create-a-spinning-3d-icon?redirect-duplicate-template-uuid=785469cd-21c1-46d9-957c-7afc5a97f782&is-2d-file=false)
- [Extruding 2D objects in 3DTài liệu](https://docs.spline.design/designing-in-3-d/extruding-2d-objects-in-3-d)
- [Materials & ShadingTài liệu](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Transition ActionTài liệu](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)
- [Cloner MotionTài liệu](https://docs.spline.design/designing-in-3-d/cloner-motion)

## Tổng quan

- Spline 3D
- 15 phút
- Cơ bản

## Thuộc

- [Hoạt ảnh và tương tác trong Spline](https://spline.design/vi/academy/collections/animation-interactions-in-spline/how-to-create-a-spinning-3d-icon)

## Hướng dẫn liên quan

[Tất cả hướng dẫn](https://spline.design/vi/academy/tutorials)

[Cách tạo hoạt ảnh nhân vật 3D đang bước điSpline 3DCơ bản14 phút](https://spline.design/vi/academy/tutorials/how-to-animate-a-3d-walking-character)[Cách xây dựng nhiều cảnh 3D và nhập hoạt ảnhSpline 3DTrung cấp18 phút](https://spline.design/vi/academy/tutorials/how-to-build-3d-multi-scenes-and-import-animations)[Tạo hoạt ảnh lặp 3D liền mạchSpline 3DCơ bản11 phút](https://spline.design/vi/academy/tutorials/craft-seamless-3d-loop-animations)

[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.