# Tạo hình khối chất lỏng 3D tương tác đi theo con trỏ - Hoạt ảnh và tương tác trong Spline - Spline Academy (https://spline.design/vi/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor) > Trong hướng dẫn này, chúng tôi sẽ hướng dẫn bạn tạo các thiết kế mang cảm hứng chất lỏng bằng shape blending. Cùng nhau, chúng ta sẽ tạo ra những hình khối… 1. [Academy](https://spline.design/vi/academy) 2. [Khóa học](https://spline.design/vi/academy/collections) 3. [Hoạt ảnh và tương tác trong Spline](https://spline.design/vi/academy/collections/animation-interactions-in-spline) 4. Tạo hình khối chất lỏng 3D tương tác đi theo con trỏ # Tạo hình khối chất lỏng 3D tương tác đi theo con trỏ Bài 4 / 14Spline 3DCơ bản12 phút Trong hướng dẫn này, chúng tôi sẽ hướng dẫn bạn tạo các thiết kế mang cảm hứng chất lỏng bằng shape blending. Cùng nhau, chúng ta sẽ tạo ra những hình khối mê hoặc như nước, thêm độ trong suốt và các hiệu ứng khác để đạt vẻ ngoài bóng bẩy, và triển khai tương tác khiến các hình khối đi theo con trỏ, làm thiết kế của bạn sống động với hoạt ảnh mượt mà! 🌊 Remix: Khám phá thêm nhiều nhà sáng tạo và dự án tuyệt vời #MadeInSpline tại ## Bạn sẽ học được gì 1. [0:00Giới thiệu](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=0s) 2. [0:21Thiết kế hình khối trừu tượng](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=21s) 3. [1:46Cách tạo vật liệu trong suốt và bóng bẩy](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=106s) 4. [4:38Mẹo nhanh: Cloner + ngẫu nhiên cho hoạt ảnh lặp](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=278s) 5. [5:54Phép màu tương tác: khiến hình khối đi theo con trỏ (sự kiện Follow)](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=354s) 6. [9:31Mẹo nhanh: tạo bàn xoay có hoạt ảnh bắt mắt](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=571s) ## Tài nguyên liên quan - [Water InteractionMẫu](https://app.spline.design/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor?redirect-duplicate-template-uuid=f4fc1df0-cb80-4a65-9db1-68f1440194c4&is-2d-file=false) - [Shape BlendTài liệu](https://docs.spline.design/designing-in-3-d/shape-blend) - [Materials & ShadingTài liệu](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading) - [Follow EventTài liệu](https://docs.spline.design/interaction-states-events-and-actions/events/follow-event) ## Tổng quan - Spline 3D - 12 phút - Cơ bản ## Tiếp theo [Tạo hoạt ảnh cho các hộp 3D tương tác4 phútTrung cấp](https://spline.design/vi/academy/collections/animation-interactions-in-spline/animate-interactive-3d-boxes)[Tiếp tục](https://spline.design/vi/academy/collections/animation-interactions-in-spline/animate-interactive-3d-boxes) [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.