# Cách thiết kế hạt lá cây tương tác trong 3D - Spline nâng cao | Đi sâu vào tính năng - Spline Academy (https://spline.design/vi/academy/tutorials/how-to-design-interactive-leaf-particles-in-3d)

> Xin chào! 👋 Trong hướng dẫn này, chúng ta sẽ có một khoảng thời gian thư giãn khi thêm điểm nhấn đặc biệt cho thiết kế bằng những chiếc lá rơi chuyển động…

1. [Academy](https://spline.design/vi/academy)
2. [Khóa học](https://spline.design/vi/academy/collections)
3. [Spline nâng cao | Đi sâu vào tính năng](https://spline.design/vi/academy/collections/spline-advanced-feature-deep-dive)
4. Cách thiết kế hạt lá cây tương tác trong 3D

# Cách thiết kế hạt lá cây tương tác trong 3D

Bài 12 / 17Spline 3DTrung cấp9 phút

Xin chào! 👋 Trong hướng dẫn này, chúng ta sẽ có một khoảng thời gian thư giãn khi thêm điểm nhấn đặc biệt cho thiết kế bằng những chiếc lá rơi chuyển động 🍂 🌳

Chúng ta sẽ tạo lá rơi bằng hệ thống hạt (particle) bằng cách tinh chỉnh trọng lực, thiết kế hạt, các loại lực và hơn thế nữa. Ngoài ra, chúng tôi còn có một mẹo thú vị để bạn tạo cả tuyết rơi ☃️

💖 Hướng dẫn lấy cảm hứng từ thiết kế Zentree của Attiq ur R., được làm bằng Spline. 🌳🧘‍♂️ Xem tại đây: <https://zentree.framer.website/> Hồ sơ cộng đồng Spline của Attiq ur R. → <https://app.spline.design/@attiq>

🪄 <https://youtu.be/q1K5nji8KHM>

Hãy chia sẻ phiên bản của riêng bạn trong cộng đồng của chúng tôi! 💖 🔮 Cộng đồng Spline → <https://community.spline.design>

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

1. [0:00Giới thiệu](https://www.youtube.com/watch?v=n1QPSxD454k&t=0s)
2. [0:26Thiết kế bằng các phần tử từ Spline Library](https://www.youtube.com/watch?v=n1QPSxD454k&t=26s)
3. [2:34Tạo lá rơi](https://www.youtube.com/watch?v=n1QPSxD454k&t=154s)
4. [7:24Thêm sự kiện tương tác và điều chỉnh hiệu ứng](https://www.youtube.com/watch?v=n1QPSxD454k&t=444s)
5. [7:40Tạo tuyết rơi](https://www.youtube.com/watch?v=n1QPSxD454k&t=460s)
6. [9:01Khám phá và chia sẻ hiệu ứng hạt từ cộng đồng Spline](https://www.youtube.com/watch?v=n1QPSxD454k&t=541s)

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

- [Leafs ParticlesMẫu](https://app.spline.design/academy/tutorials/how-to-design-interactive-leaf-particles-in-3d?redirect-duplicate-template-uuid=81e13849-574d-41cc-a674-17ed7013c79c&is-2d-file=false)
- [ParticlesTài liệu](https://docs.spline.design/designing-in-3-d/particles)
- [Follow EventTài liệu](https://docs.spline.design/interaction-states-events-and-actions/events/follow-event)

## Tổng quan

- Spline 3D
- 9 phút
- Trung cấp

## Tiếp theo

[Cách tạo hạt ma thuật tương tác trong Spline5 phútTrung cấp](https://spline.design/vi/academy/collections/spline-advanced-feature-deep-dive/how-to-create-interactive-magical-particles-in-spline)[Tiếp tục](https://spline.design/vi/academy/collections/spline-advanced-feature-deep-dive/how-to-create-interactive-magical-particles-in-spline)

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