Spline
  • Clientes
  • Empresas
  • Preços
Fale com vendasComece a criar
  1. Academy
  2. Tutoriais
  3. Crie materiais de Liquid Glass em 3D

Crie materiais de Liquid Glass em 3D

Spline 3DIniciante12 min

Olá! Neste tutorial, você vai aprender a criar efeitos de liquid glass usando a camada de vidro do Spline e o 3D shape blend.

Arquivos de exemplo: Liquid Glass → https://app.spline.design/community/file/3cbf0e6a-09c8-4b47-9560-c3ff84130086

O que você vai aprender

  1. 0:00Introdução
  2. 0:20Criando o fundo
  3. 3:25Criando o Liquid Glass
  4. 7:50Adicionando mais objetos
  5. 8:20Adicionando animação

Recursos relacionados

  • Liquid GlassTemplate
  • Shape BlendDocumento
  • Fresnel LayerDocumento
  • Glass LayerDocumento

Visão geral

  • Spline 3D
  • 12 min
  • Iniciante

Parte de

  • Materiais e shading que ficam bonitos

Tutoriais relacionados

Todos os tutoriais
Como criar visualizações de dados 3D no Spline com variáveis e APIs em tempo real

Spline 3DAvançado15 min

Crie um switch interativo com desfoque progressivo e gradientes

HanaIniciante4 min

Crie efeitos interativos com desfoque progressivo e gradientes suaves

HanaIniciante9 min

Spline

O editor 3D e 2D para equipes e seus agentes. Publique na web, no iOS e no Android.

Pergunte à IA sobre o Spline

  • English
  • Čeština
  • Deutsch
  • Español
  • Français
  • हिन्दी
  • Bahasa Indonesia
  • Italiano
  • 日本語
  • 한국어
  • Bahasa Melayu
  • Nederlands
  • Filipino
  • Polski
  • Português (Brasil)
  • Português (Portugal)
  • Русский
  • Svenska
  • ไทย
  • Türkçe
  • Українська
  • Tiếng Việt
  • 简体中文
  • 繁體中文

Produtos

  • Design 3D
  • Hana
  • Omma
  • Geração 3D com IA
  • Spline MCP
  • Spline Arena
  • Preços
  • Empresas

Runtimes

  • Web
  • iOS
  • Android

Apps

  • Download
  • Spline Mirror
  • Baixar o Spline Mirror

Aprenda

  • Docs
  • Academy
  • API do Spline
  • Soluções

Comunidade

  • Comunidade do Spline
  • Blog
  • Novidades
  • Educação
  • Contra
  • Afiliados

Empresa

  • Clientes
  • Carreiras
  • Segurança

Jurídico

  • Termos e condições
  • Privacidade

Contato

  • help@spline.design
  • jobs@spline.design
© 2026 - Spline, Inc.