# Cara Membuat Ikon 3D Kaca Fros - Spline Academy (https://spline.design/ms/academy/tutorials/how-to-make-a-frosted-glass-3d-icon)

> Dalam tutorial ini, anda akan belajar cara menggunakan lapisan bahan Glass dalam Spline untuk mencipta kesan kaca fros pada ikon 3D.

1. [Academy](https://spline.design/ms/academy)
2. [Tutorial](https://spline.design/ms/academy/tutorials)
3. Cara Membuat Ikon 3D Kaca Fros

# Cara Membuat Ikon 3D Kaca Fros

Spline 3DPemula7 min

Dalam tutorial ini, anda akan belajar cara menggunakan lapisan bahan Glass dalam Spline untuk mencipta kesan kaca fros pada ikon 3D.

Lihat adegan ini dalam masa nyata: <https://my.spline.design/frostedglassicon-e42b97aa5d357f036b9e2bd510e45557/>

## Apa yang akan anda pelajari

1. [0:00Pengenalan](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=0s)
2. [0:25Mencipta lapisan warna asas](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=25s)
3. [3:00Membuat lapisan kaca pertama](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=180s)
4. [4:12Lapisan kaca kedua](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=252s)
5. [4:55Pelarasan akhir](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=295s)
6. [5:40Meneroka alternatif reka bentuk](https://www.youtube.com/watch?v=QuZH-t5zMbk&t=340s)

## Sumber berkaitan

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

## Gambaran keseluruhan

- Spline 3D
- 7 min
- Pemula

## Sebahagian daripada

- [Bahan & Lorekan yang Cantik](https://spline.design/ms/academy/collections/materials-shading-that-look-good/how-to-make-a-frosted-glass-3d-icon)

## Tutorial berkaitan

[Semua tutorial](https://spline.design/ms/academy/tutorials)

[Reka Bentuk Kiub Kaca dalam 3DSpline 3DPemula11 min](https://spline.design/ms/academy/tutorials/design-a-glass-cube-in-3d)[Membuat logo The Batman dalam 3D dengan SplineSpline 3DPemula5 min](https://spline.design/ms/academy/tutorials/making-the-batman-logo-in-3d-with-spline)[Tambah Kabus Atmosfera pada Adegan 3DSpline 3DPemula4 min](https://spline.design/ms/academy/tutorials/add-atmospheric-fog-to-3d-scenes)

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

Editor 3D dan 2D untuk pasukan dan ejen mereka. Terbitkan ke web, iOS dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Reka Bentuk 3D](https://spline.design/ms/3d-design)
- [Hana](https://spline.design/ms/hana)
- [Omma](https://omma.build)
- [Penjanaan 3D AI](https://spline.design/ms/ai-generate)
- [Spline MCP](https://spline.design/ms/mcp)
- [Spline Arena](https://spline.design/ms/arena)
- [Harga](https://spline.design/ms/pricing)
- [Perusahaan](https://spline.design/ms/enterprise)

#### Runtime

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

#### Aplikasi

- [Muat Turun](https://spline.design/ms/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Muat turun Spline Mirror](https://spline.design/download-mirror)

#### Belajar

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

#### Komuniti

- [Komuniti Spline](https://community.spline.design)
- [Blog](https://spline.design/ms/blog)
- [Log Perubahan](https://spline.design/ms/changelog)
- [Pendidikan](https://spline.design/ms/education)
- [Contra](https://spline.design/contra)
- [Afiliat](https://spline.design/ms/affiliate)

#### Syarikat

- [Pelanggan](https://spline.design/ms/customers)
- [Kerjaya](https://www.ycombinator.com/companies/spline/jobs)
- [Keselamatan](https://spline.design/ms/security)

#### Undang-undang

- [Terma & Syarat](https://spline.design/terms)
- [Privasi](https://spline.design/privacy)

#### Hubungi

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

© 2026 - Spline, Inc.