# Cách tạo icon 3D kính mờ - Spline Academy (https://spline.design/vi/academy/tutorials/how-to-make-a-frosted-glass-3d-icon)

> Trong hướng dẫn này, bạn sẽ học cách dùng lớp vật liệu Glass trên Spline để tạo hiệu ứng kính mờ cho một icon 3D.

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 kính mờ

# Cách tạo icon 3D kính mờ

Spline 3DCơ bản7 phút

Trong hướng dẫn này, bạn sẽ học cách dùng lớp vật liệu Glass trên Spline để tạo hiệu ứng kính mờ cho một icon 3D.

Xem cảnh này theo thời gian thực: <https://my.spline.design/frostedglassicon-e42b97aa5d357f036b9e2bd510e45557/>

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

1. [0:00Giới thiệu](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=0s)
2. [0:25Tạo lớp màu nền](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=25s)
3. [3:00Tạo lớp kính thứ nhất](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=180s)
4. [4:12Lớp kính thứ hai](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=252s)
5. [4:55Điều chỉnh cuối cùng](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=295s)
6. [5:40Khám phá các phương án thiết kế](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=340s)

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

- [Frosted Glass IconMẫu](https://app.spline.design/academy/tutorials/how-to-make-a-frosted-glass-3d-icon?redirect-duplicate-template-uuid=b8d8349c-f4ef-46e8-83f9-cf882c966ff4&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)
- [Glass LayerTài liệu](https://docs.spline.design/materials-shading/glass-layer)
- [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/how-to-make-a-frosted-glass-3d-icon)

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

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

[Thiết kế khối lập phương kính trong 3DSpline 3DCơ bản11 phút](https://spline.design/vi/academy/tutorials/design-a-glass-cube-in-3d)[Tạo logo The Batman trong 3D với SplineSpline 3DCơ bản5 phút](https://spline.design/vi/academy/tutorials/making-the-batman-logo-in-3d-with-spline)[Thêm sương mù tạo bầu không khí cho cảnh 3DSpline 3DCơ bản4 phút](https://spline.design/vi/academy/tutorials/add-atmospheric-fog-to-3d-scenes)

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