# Paano Gumawa ng Frosted Glass na 3D Icon - 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 Tutorial](https://spline.design/fil/academy/tutorials)
3. Paano Gumawa ng Frosted Glass na 3D Icon

# Paano Gumawa ng Frosted Glass na 3D Icon

Spline 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

## Bahagi ng

- [Mga Material at Shading na Maganda ang Dating](https://spline.design/fil/academy/collections/materials-shading-that-look-good/how-to-make-a-frosted-glass-3d-icon)

## Mga kaugnay na tutorial

[Lahat ng tutorial](https://spline.design/fil/academy/tutorials)

[Magdisenyo ng Glass Cube sa 3DSpline 3DBaguhan11 min](https://spline.design/fil/academy/tutorials/design-a-glass-cube-in-3d)[Paggawa ng logo ng The Batman sa 3D gamit ang SplineSpline 3DBaguhan5 min](https://spline.design/fil/academy/tutorials/making-the-batman-logo-in-3d-with-spline)[Magdagdag ng Atmospheric Fog sa mga 3D SceneSpline 3DBaguhan4 min](https://spline.design/fil/academy/tutorials/add-atmospheric-fog-to-3d-scenes)

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