# Cómo diseñar fácilmente un cubo de cristal 3D - Materiales y sombreado que quedan bien - Spline Academy (https://spline.design/es/academy/tutorials/how-to-easily-design-a-3d-glass-cube)

> En este vídeo aprenderemos a crear un impresionante cubo de cristal que revela una esfera en su interior. Es un diseño llamativo que podrás usar en tus…

1. [Academy](https://spline.design/es/academy)
2. [Cursos](https://spline.design/es/academy/collections)
3. [Materiales y sombreado que quedan bien](https://spline.design/es/academy/collections/materials-shading-that-look-good)
4. Cómo diseñar fácilmente un cubo de cristal 3D

# Cómo diseñar fácilmente un cubo de cristal 3D

Lección 7 de 12Spline 3DPrincipiante13 min

En este vídeo aprenderemos a crear un impresionante cubo de cristal que revela una esfera en su interior. Es un diseño llamativo que podrás usar en tus próximos proyectos.

Si te interesa aprender más sobre cómo insertar elementos 3D en tu sitio web sin código, echa un vistazo a estos tutoriales:

Shine, de la comunidad de Spline <https://app.spline.design/community/file/53e849ef-19cb-4cbb-b16a-f6fb406600bb>

Crear una abeja 3D interactiva para un sitio web con Spline <https://www.youtube.com/watch?v=hRy-Iqle6EU&t=592s>

Cómo crear partículas de arena interactivas en 3D con Spline: <https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=9s>

\---

## Lo que aprenderás

1. [0:00Crear el diseño del cubo](https://www.youtube.com/watch?v=c32GIZUrlgs&t=0s)
2. [1:26Añadir materiales y la esfera](https://www.youtube.com/watch?v=c32GIZUrlgs&t=86s)
3. [9:52Añadir interactividad y exportar](https://www.youtube.com/watch?v=c32GIZUrlgs&t=592s)

## Recursos relacionados

- [cube-glassPlantilla](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)

## Resumen

- Spline 3D
- 13 min
- Principiante

## A continuación

[Crea materiales brillantes y vibrantes con matcaps8 minPrincipiante](https://spline.design/es/academy/collections/materials-shading-that-look-good/create-vibrant-glossy-materials-using-matcaps)[Continuar](https://spline.design/es/academy/collections/materials-shading-that-look-good/create-vibrant-glossy-materials-using-matcaps)

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

El editor 3D y 2D para equipos y sus agentes. Publica en la web, iOS y Android.

#### Pregúntale a la IA sobre Spline

#### Productos

- [Diseño 3D](https://spline.design/es/3d-design)
- [Hana](https://spline.design/es/hana)
- [Omma](https://omma.build)
- [Generación 3D con IA](https://spline.design/es/ai-generate)
- [Spline MCP](https://spline.design/es/mcp)
- [Spline Arena](https://spline.design/es/arena)
- [Precios](https://spline.design/es/pricing)
- [Enterprise](https://spline.design/es/enterprise)

#### Runtimes

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

#### Apps

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

#### Aprende

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

#### Comunidad

- [Comunidad de Spline](https://community.spline.design)
- [Blog](https://spline.design/es/blog)
- [Novedades](https://spline.design/es/changelog)
- [Educación](https://spline.design/es/education)
- [Contra](https://spline.design/contra)
- [Afiliados](https://spline.design/es/affiliate)

#### Empresa

- [Clientes](https://spline.design/es/customers)
- [Empleo](https://www.ycombinator.com/companies/spline/jobs)
- [Seguridad](https://spline.design/es/security)

#### Legal

- [Términos y condiciones](https://spline.design/terms)
- [Privacidad](https://spline.design/privacy)

#### Contacto

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

© 2026 - Spline, Inc.