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

> Hello! In this tutorial, you will learn how to create liquid glass effects using the glass layer in Spline and 3d shape blend.

1. [Academy](https://spline.design/academy)
2. [Tutorials](https://spline.design/academy/tutorials)
3. Create Liquid Glass Materials in 3D

# Create Liquid Glass Materials in 3D

Spline 3DBeginner12 min

Hello! In this tutorial, you will learn how to create liquid glass effects using the glass layer in Spline and 3d shape blend.

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

## What you’ll learn

1. [0:00Intro](https://www.youtube.com/watch?v=gnhUypBNMc0&t=0s)
2. [0:20Creating the Background](https://www.youtube.com/watch?v=gnhUypBNMc0&t=20s)
3. [3:25Creating Liquid Glass](https://www.youtube.com/watch?v=gnhUypBNMc0&t=205s)
4. [7:50Adding more objects](https://www.youtube.com/watch?v=gnhUypBNMc0&t=470s)
5. [8:20Adding animation](https://www.youtube.com/watch?v=gnhUypBNMc0&t=500s)

## Related resources

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

## Overview

- Spline 3D
- 12 min
- Beginner

## Part of

- [Materials & Shading That Look Good](https://spline.design/academy/collections/materials-shading-that-look-good/create-liquid-glass-materials-in-3d)

## Related tutorials

[All tutorials](https://spline.design/academy/tutorials)

[How to Create 3D Data Visualizations in Spline Using Variables and Real-Time APIsSpline 3DAdvanced15 min](https://spline.design/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)[Create an Interactive Switch with Progressive Blur and GradientsHanaBeginner4 min](https://spline.design/academy/tutorials/create-an-interactive-switch-with-progressive-blur-and-gradients)[Design Interactive Effects with Progressive Blur and Smoothing GradientsHanaBeginner9 min](https://spline.design/academy/tutorials/design-interactive-effects-with-progressive-blur-and-smoothing-gradients)

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

The 3D and 2D editor for teams and their agents. Ship to the web, iOS and Android.

#### Ask AI about Spline

#### Products

- [3D Design](https://spline.design/3d-design)
- [Hana](https://spline.design/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/ai-generate)
- [Spline MCP](https://spline.design/mcp)
- [Pricing](https://spline.design/pricing)
- [Enterprise](https://spline.design/enterprise)

#### Runtimes

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

#### Apps

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

#### Learn

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/blog)
- [Changelog](https://spline.design/changelog)
- [Education](https://spline.design/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/affiliate)

#### Company

- [Customers](https://spline.design/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/security)

#### Legal

- [Terms & Conditions](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.