# Como criar facilmente um cubo de vidro 3D - Materiais e shading que ficam bonitos - Spline Academy (https://spline.design/pt-br/academy/tutorials/how-to-easily-design-a-3d-glass-cube)

> Neste vídeo, vamos aprender a criar um cubo de vidro incrível que revela uma esfera dentro dele. Este design chamativo pode ser usado nos seus próximos…

1. [Academy](https://spline.design/pt-br/academy)
2. [Cursos](https://spline.design/pt-br/academy/collections)
3. [Materiais e shading que ficam bonitos](https://spline.design/pt-br/academy/collections/materials-shading-that-look-good)
4. Como criar facilmente um cubo de vidro 3D

# Como criar facilmente um cubo de vidro 3D

Aula 7 de 12Spline 3DIniciante13 min

Neste vídeo, vamos aprender a criar um cubo de vidro incrível que revela uma esfera dentro dele. Este design chamativo pode ser usado nos seus próximos projetos.

Se você quer aprender mais sobre como incorporar elementos 3D ao seu site sem código, confira estes tutoriais:

Shine, da comunidade do Spline <https://app.spline.design/community/file/53e849ef-19cb-4cbb-b16a-f6fb406600bb>

Criando uma abelha 3D interativa para um site com o Spline <https://www.youtube.com/watch?v=hRy-Iqle6EU&t=592s>

Como criar partículas de areia interativas em 3D com o Spline: <https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=9s>

\---

## O que você vai aprender

1. [0:00Criando o design do cubo](https://www.youtube.com/watch?v=c32GIZUrlgs&t=0s)
2. [1:26Adicionando materiais e a esfera](https://www.youtube.com/watch?v=c32GIZUrlgs&t=86s)
3. [9:52Adicionando interatividade e exportando](https://www.youtube.com/watch?v=c32GIZUrlgs&t=592s)

## Recursos relacionados

- [cube-glassTemplate](https://app.spline.design/academy/tutorials/how-to-easily-design-a-3d-glass-cube?redirect-duplicate-template-uuid=f3662ddf-16e3-46b6-aa79-057a96886372&is-2d-file=false)
- [Glass LayerDocumento](https://docs.spline.design/materials-shading/glass-layer)
- [Materials & ShadingDocumento](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)

## Visão geral

- Spline 3D
- 13 min
- Iniciante

## A seguir

[Crie materiais brilhantes e vibrantes com Matcaps8 minIniciante](https://spline.design/pt-br/academy/collections/materials-shading-that-look-good/create-vibrant-glossy-materials-using-matcaps)[Continuar](https://spline.design/pt-br/academy/collections/materials-shading-that-look-good/create-vibrant-glossy-materials-using-matcaps)

[Spline](https://spline.design/pt-br)

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

#### Pergunte à IA sobre o Spline

#### Produtos

- [Design 3D](https://spline.design/pt-br/3d-design)
- [Hana](https://spline.design/pt-br/hana)
- [Omma](https://omma.build)
- [Geração 3D com IA](https://spline.design/pt-br/ai-generate)
- [Spline MCP](https://spline.design/pt-br/mcp)
- [Spline Arena](https://spline.design/pt-br/arena)
- [Preços](https://spline.design/pt-br/pricing)
- [Empresas](https://spline.design/pt-br/enterprise)

#### Runtimes

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

#### Apps

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

#### Aprenda

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/pt-br/academy)
- [API do Spline](https://www.npmjs.com/package/@splinetool/runtime)
- [Soluções](https://spline.design/solutions)

#### Comunidade

- [Comunidade do Spline](https://community.spline.design)
- [Blog](https://spline.design/pt-br/blog)
- [Novidades](https://spline.design/pt-br/changelog)
- [Educação](https://spline.design/pt-br/education)
- [Contra](https://spline.design/contra)
- [Afiliados](https://spline.design/pt-br/affiliate)

#### Empresa

- [Clientes](https://spline.design/pt-br/customers)
- [Carreiras](https://www.ycombinator.com/companies/spline/jobs)
- [Segurança](https://spline.design/pt-br/security)

#### Jurídico

- [Termos e condições](https://spline.design/terms)
- [Privacidade](https://spline.design/privacy)

#### Contato

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

© 2026 - Spline, Inc.