# Cómo diseñar fácilmente un cubo de cristal 3D - 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. [Tutoriales](https://spline.design/es/academy/tutorials)
3. Cómo diseñar fácilmente un cubo de cristal 3D

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

Spline 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

## Parte de

- [Materiales y sombreado que quedan bien](https://spline.design/es/academy/collections/materials-shading-that-look-good/how-to-easily-design-a-3d-glass-cube)

## Tutoriales relacionados

[Todos los tutoriales](https://spline.design/es/academy/tutorials)

[Diseña y anima con máscaras vectorialesHanaPrincipiante7 min](https://spline.design/es/academy/tutorials/design-and-animate-with-vector-masks)[Explora las proyecciones 3D y los efectos de ruidoHanaPrincipiante8 min](https://spline.design/es/academy/tutorials/explore-3d-projections-and-noise-effects)[Cómo crear un orbe 3D reactivo con movimiento e interacciónSpline 3DIntermedio7 min](https://spline.design/es/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)

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