# Gumawa ng mga Liquid Glass Material sa 3D - Spline Academy (https://spline.design/fil/academy/tutorials/create-liquid-glass-materials-in-3d)

> Hello! Sa tutorial na ito, matututunan mo kung paano gumawa ng mga liquid glass effect gamit ang glass layer sa Spline at 3D shape blend.

1. [Academy](https://spline.design/fil/academy)
2. [Mga Tutorial](https://spline.design/fil/academy/tutorials)
3. Gumawa ng mga Liquid Glass Material sa 3D

# Gumawa ng mga Liquid Glass Material sa 3D

Spline 3DBaguhan12 min

Hello! Sa tutorial na ito, matututunan mo kung paano gumawa ng mga liquid glass effect gamit ang glass layer sa Spline at 3D shape blend.

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

## Ang matututunan mo

1. [0:00Intro](https://www.youtube.com/watch?v=gnhUypBNMc0&t=0s)
2. [0:20Paggawa ng Background](https://www.youtube.com/watch?v=gnhUypBNMc0&t=20s)
3. [3:25Paggawa ng Liquid Glass](https://www.youtube.com/watch?v=gnhUypBNMc0&t=205s)
4. [7:50Pagdaragdag ng iba pang object](https://www.youtube.com/watch?v=gnhUypBNMc0&t=470s)
5. [8:20Pagdaragdag ng animation](https://www.youtube.com/watch?v=gnhUypBNMc0&t=500s)

## Mga kaugnay na resource

- [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 BlendDokumento](https://docs.spline.design/designing-in-3-d/shape-blend)
- [Fresnel LayerDokumento](https://docs.spline.design/materials-shading/fresnel-layer)
- [Glass LayerDokumento](https://docs.spline.design/materials-shading/glass-layer)

## Overview

- Spline 3D
- 12 min
- Baguhan

## Bahagi ng

- [Mga Material at Shading na Maganda ang Dating](https://spline.design/fil/academy/collections/materials-shading-that-look-good/create-liquid-glass-materials-in-3d)

## Mga kaugnay na tutorial

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

[Paano Gumawa ng mga 3D Data Visualization sa Spline gamit ang mga Variable at Real-Time APISpline 3DAdvanced15 min](https://spline.design/fil/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)[Gumawa ng Interactive na Switch gamit ang Progressive Blur at mga GradientHanaBaguhan4 min](https://spline.design/fil/academy/tutorials/create-an-interactive-switch-with-progressive-blur-and-gradients)[Magdisenyo ng mga Interactive Effect gamit ang Progressive Blur at Smoothing GradientsHanaBaguhan9 min](https://spline.design/fil/academy/tutorials/design-interactive-effects-with-progressive-blur-and-smoothing-gradients)

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