# Thêm hiệu ứng chiều sâu gradient 3D mượt mà - Spline Academy (https://spline.design/vi/academy/tutorials/add-a-smooth-3d-gradient-depth-effect)

> Trong hướng dẫn nhanh này, bạn sẽ học cách tạo hiệu ứng gradient 3D mượt mà kết hợp đùn khối có chiều sâu với Spline.

1. [Academy](https://spline.design/vi/academy)
2. [Hướng dẫn](https://spline.design/vi/academy/tutorials)
3. Thêm hiệu ứng chiều sâu gradient 3D mượt mà

# Thêm hiệu ứng chiều sâu gradient 3D mượt mà

Spline 3DCơ bản7 phút

Trong hướng dẫn nhanh này, bạn sẽ học cách tạo hiệu ứng gradient 3D mượt mà kết hợp đùn khối có chiều sâu với Spline.

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

1. [0:00Giới thiệu](https://www.youtube.com/watch?v=LY8HvCBvlJo&t=0s)
2. [0:30Đùn các con số trên mặt phẳng](https://www.youtube.com/watch?v=LY8HvCBvlJo&t=30s)
3. [2:05Tạo vật liệu](https://www.youtube.com/watch?v=LY8HvCBvlJo&t=125s)
4. [3:44Thêm màu sắc và chi tiết](https://www.youtube.com/watch?v=LY8HvCBvlJo&t=224s)

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

- [10 Gradient DepthMẫu](https://app.spline.design/academy/tutorials/add-a-smooth-3d-gradient-depth-effect?redirect-duplicate-template-uuid=fef99574-0015-4793-b328-2dab1067286b&is-2d-file=false)
- [3D Modeling ToolsTài liệu](https://docs.spline.design/designing-in-3-d/3d-modeling-tools)
- [Depth Layer / 3D GradientTài liệu](https://docs.spline.design/materials-shading/depth-layer-3d-gradient)

## Tổng quan

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

## Thuộc

- [Vật liệu và đổ bóng thật đẹp](https://spline.design/vi/academy/collections/materials-shading-that-look-good/add-a-smooth-3d-gradient-depth-effect)

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

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

[Tinh chỉnh và tạo phong cách cho icon 3D bằng vật liệuSpline 3DCơ bản9 phút](https://spline.design/vi/academy/tutorials/refine-style-3d-icons-with-materials)[Dựng bàn phím 3D tương tác tông tốiSpline 3DTrung cấp16 phút](https://spline.design/vi/academy/tutorials/build-a-dark-interactive-keyboard-in-3d)[Cách tăng sức hút cho cảnh 3D với hiệu ứng Bloom và GlowSpline 3DCơ bản5 phút](https://spline.design/vi/academy/tutorials/how-to-enhance-3d-scenes-with-bloom-glow-effects)

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