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

> Halo! Dalam tutorial ini, Anda akan belajar membuat efek liquid glass dengan glass layer di Spline dan 3D shape blend.

1. [Academy](https://spline.design/id/academy)
2. [Tutorial](https://spline.design/id/academy/tutorials)
3. Membuat Material Liquid Glass dalam 3D

# Membuat Material Liquid Glass dalam 3D

Spline 3DPemula12 mnt

Halo! Dalam tutorial ini, Anda akan belajar membuat efek liquid glass dengan glass layer di Spline dan 3D shape blend.

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

## Yang akan Anda pelajari

1. [0:00Intro](https://www.youtube.com/watch?v=gnhUypBNMc0&t=0s)
2. [0:20Membuat latar belakang](https://www.youtube.com/watch?v=gnhUypBNMc0&t=20s)
3. [3:25Membuat Liquid Glass](https://www.youtube.com/watch?v=gnhUypBNMc0&t=205s)
4. [7:50Menambahkan objek lainnya](https://www.youtube.com/watch?v=gnhUypBNMc0&t=470s)
5. [8:20Menambahkan animasi](https://www.youtube.com/watch?v=gnhUypBNMc0&t=500s)

## Sumber terkait

- [Liquid GlassTemplate](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)

## Ikhtisar

- Spline 3D
- 12 mnt
- Pemula

## Bagian dari

- [Material & Shading yang Tampak Memukau](https://spline.design/id/academy/collections/materials-shading-that-look-good/create-liquid-glass-materials-in-3d)

## Tutorial terkait

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

[Cara Membuat Visualisasi Data 3D di Spline dengan Variabel dan API Real-TimeSpline 3DLanjutan15 mnt](https://spline.design/id/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)[Membuat Switch Interaktif dengan Progressive Blur dan GradienHanaPemula4 mnt](https://spline.design/id/academy/tutorials/create-an-interactive-switch-with-progressive-blur-and-gradients)[Mendesain Efek Interaktif dengan Progressive Blur dan Gradien HalusHanaPemula9 mnt](https://spline.design/id/academy/tutorials/design-interactive-effects-with-progressive-blur-and-smoothing-gradients)

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

Editor 3D dan 2D untuk tim dan agen mereka. Rilis ke web, iOS, dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Desain 3D](https://spline.design/id/3d-design)
- [Hana](https://spline.design/id/hana)
- [Omma](https://omma.build)
- [Pembuatan 3D dengan AI](https://spline.design/id/ai-generate)
- [Spline MCP](https://spline.design/id/mcp)
- [Spline Arena](https://spline.design/id/arena)
- [Harga](https://spline.design/id/pricing)
- [Enterprise](https://spline.design/id/enterprise)

#### Runtime

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

#### Aplikasi

- [Unduh](https://spline.design/id/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Unduh Spline Mirror](https://spline.design/download-mirror)

#### Belajar

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

#### Komunitas

- [Komunitas Spline](https://community.spline.design)
- [Blog](https://spline.design/id/blog)
- [Changelog](https://spline.design/id/changelog)
- [Pendidikan](https://spline.design/id/education)
- [Contra](https://spline.design/contra)
- [Afiliasi](https://spline.design/id/affiliate)

#### Perusahaan

- [Pelanggan](https://spline.design/id/customers)
- [Karier](https://www.ycombinator.com/companies/spline/jobs)
- [Keamanan](https://spline.design/id/security)

#### Legal

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

#### Kontak

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

© 2026 - Spline, Inc.