# Como criar facilmente um cubo de vidro 3D - 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. [Tutoriais](https://spline.design/pt-br/academy/tutorials)
3. Como criar facilmente um cubo de vidro 3D

# Como criar facilmente um cubo de vidro 3D

Spline 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

## Parte de

- [Materiais e shading que ficam bonitos](https://spline.design/pt-br/academy/collections/materials-shading-that-look-good/how-to-easily-design-a-3d-glass-cube)

## Tutoriais relacionados

[Todos os tutoriais](https://spline.design/pt-br/academy/tutorials)

[Faça design e anime com máscaras vetoriaisHanaIniciante7 min](https://spline.design/pt-br/academy/tutorials/design-and-animate-with-vector-masks)[Explore projeções 3D e efeitos de ruídoHanaIniciante8 min](https://spline.design/pt-br/academy/tutorials/explore-3d-projections-and-noise-effects)[Como criar uma esfera 3D reativa com movimento e interaçãoSpline 3DIntermediário7 min](https://spline.design/pt-br/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)

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