# Paano Gumawa ng Frosted Glass na 3D Icon - Mga Material at Shading na Maganda ang Dating - Spline Academy (https://spline.design/fil/academy/tutorials/how-to-make-a-frosted-glass-3d-icon)

> Sa tutorial na ito, matututunan mo kung paano gamitin ang Glass material layer sa Spline para gumawa ng frosted glass effect sa isang 3D icon.

1. [Academy](https://spline.design/fil/academy)
2. [Mga Kurso](https://spline.design/fil/academy/collections)
3. [Mga Material at Shading na Maganda ang Dating](https://spline.design/fil/academy/collections/materials-shading-that-look-good)
4. Paano Gumawa ng Frosted Glass na 3D Icon

# Paano Gumawa ng Frosted Glass na 3D Icon

Aralin 10 ng 12Spline 3DBaguhan7 min

Sa tutorial na ito, matututunan mo kung paano gamitin ang Glass material layer sa Spline para gumawa ng frosted glass effect sa isang 3D icon.

Silipin ang scene na ito nang real-time: <https://my.spline.design/frostedglassicon-e42b97aa5d357f036b9e2bd510e45557/>

## Ang matututunan mo

1. [0:00Introduksyon](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=0s)
2. [0:25Paggawa ng base color layer](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=25s)
3. [3:00Paggawa ng unang glass layer](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=180s)
4. [4:12Pangalawang glass layer](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=252s)
5. [4:55Mga huling adjustment](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=295s)
6. [5:40Pagtuklas sa mga alternatibong design](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=340s)

## Mga kaugnay na resource

- [Frosted Glass IconTemplate](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 3DDokumento](https://docs.spline.design/designing-in-3-d/extruding-2d-objects-in-3-d)
- [Glass LayerDokumento](https://docs.spline.design/materials-shading/glass-layer)
- [Depth Layer / 3D GradientDokumento](https://docs.spline.design/materials-shading/depth-layer-3d-gradient)

## Overview

- Spline 3D
- 7 min
- Baguhan

## Susunod

[Magdagdag ng Maayos na 3D Gradient Depth Effect7 minBaguhan](https://spline.design/fil/academy/collections/materials-shading-that-look-good/add-a-smooth-3d-gradient-depth-effect)[Magpatuloy](https://spline.design/fil/academy/collections/materials-shading-that-look-good/add-a-smooth-3d-gradient-depth-effect)

[Spline](https://spline.design/fil)

Ang 3D at 2D editor para sa mga team at kanilang mga agent. I-publish sa web, iOS at Android.

#### Magtanong sa AI tungkol sa Spline

#### Mga Produkto

- [3D Design](https://spline.design/fil/3d-design)
- [Hana](https://spline.design/fil/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/fil/ai-generate)
- [Spline MCP](https://spline.design/fil/mcp)
- [Spline Arena](https://spline.design/fil/arena)
- [Presyo](https://spline.design/fil/pricing)
- [Enterprise](https://spline.design/fil/enterprise)

#### Runtimes

- [Web](https://spline.design/fil/web)
- [iOS](https://spline.design/fil/ios)
- [Android](https://spline.design/fil/android)

#### Apps

- [I-download](https://spline.design/fil/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [I-download ang Spline Mirror](https://spline.design/download-mirror)

#### Matuto

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/fil/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Mga Solusyon](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/fil/blog)
- [Changelog](https://spline.design/fil/changelog)
- [Edukasyon](https://spline.design/fil/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/fil/affiliate)

#### Kumpanya

- [Mga Customer](https://spline.design/fil/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/fil/security)

#### Legal

- [Mga Tuntunin at Kundisyon](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.