# Cipta Bahan Liquid Glass dalam 3D - Spline Academy (https://spline.design/ms/academy/tutorials/create-liquid-glass-materials-in-3d)

> Helo! Dalam tutorial ini, anda akan belajar cara mencipta kesan liquid glass menggunakan lapisan kaca dalam Spline dan 3D shape blend.

1. [Academy](https://spline.design/ms/academy)
2. [Tutorial](https://spline.design/ms/academy/tutorials)
3. Cipta Bahan Liquid Glass dalam 3D

# Cipta Bahan Liquid Glass dalam 3D

Spline 3DPemula12 min

Helo! Dalam tutorial ini, anda akan belajar cara mencipta kesan liquid glass menggunakan lapisan kaca dalam Spline dan 3D shape blend.

Fail Contoh: Liquid Glass → <https://app.spline.design/community/file/3cbf0e6a-09c8-4b47-9560-c3ff84130086>

## Apa yang akan anda pelajari

1. [0:00Pengenalan](https://www.youtube.com/watch?v=gnhUypBNMc0&t=0s)
2. [0:20Mencipta Latar Belakang](https://www.youtube.com/watch?v=gnhUypBNMc0&t=20s)
3. [3:25Mencipta Liquid Glass](https://www.youtube.com/watch?v=gnhUypBNMc0&t=205s)
4. [7:50Menambah lebih banyak objek](https://www.youtube.com/watch?v=gnhUypBNMc0&t=470s)
5. [8:20Menambah animasi](https://www.youtube.com/watch?v=gnhUypBNMc0&t=500s)

## Sumber berkaitan

- [Liquid GlassTemplat](https://app.spline.design/academy/tutorials/create-liquid-glass-materials-in-3d?redirect-duplicate-template-uuid=f315d208-aa94-41bb-a212-5ad10704ba5c&is-2d-file=false)
- [Shape BlendDokumen](https://docs.spline.design/designing-in-3-d/shape-blend)
- [Fresnel LayerDokumen](https://docs.spline.design/materials-shading/fresnel-layer)
- [Glass LayerDokumen](https://docs.spline.design/materials-shading/glass-layer)

## Gambaran keseluruhan

- Spline 3D
- 12 min
- Pemula

## Sebahagian daripada

- [Bahan & Lorekan yang Cantik](https://spline.design/ms/academy/collections/materials-shading-that-look-good/create-liquid-glass-materials-in-3d)

## Tutorial berkaitan

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

[Cara Mencipta Visualisasi Data 3D dalam Spline Menggunakan Pemboleh Ubah dan API Masa NyataSpline 3DLanjutan15 min](https://spline.design/ms/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)[Cipta Suis Interaktif dengan Progressive Blur dan GradienHanaPemula4 min](https://spline.design/ms/academy/tutorials/create-an-interactive-switch-with-progressive-blur-and-gradients)[Reka Bentuk Kesan Interaktif dengan Progressive Blur dan Gradien LicinHanaPemula9 min](https://spline.design/ms/academy/tutorials/design-interactive-effects-with-progressive-blur-and-smoothing-gradients)

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