# Ganz einfach einen 3D-Glaswürfel designen - Materialien und Shading, die gut aussehen - Spline Academy (https://spline.design/de/academy/tutorials/how-to-easily-design-a-3d-glass-cube)

> In diesem Video lernen wir, wie du einen beeindruckenden Glaswürfel erstellst, in dem eine Kugel sichtbar wird. Dieses auffällige Design kannst du in deinen…

1. [Academy](https://spline.design/de/academy)
2. [Kurse](https://spline.design/de/academy/collections)
3. [Materialien und Shading, die gut aussehen](https://spline.design/de/academy/collections/materials-shading-that-look-good)
4. Ganz einfach einen 3D-Glaswürfel designen

# Ganz einfach einen 3D-Glaswürfel designen

Lektion 7 von 12Spline 3DEinsteiger13 Min.

In diesem Video lernen wir, wie du einen beeindruckenden Glaswürfel erstellst, in dem eine Kugel sichtbar wird. Dieses auffällige Design kannst du in deinen künftigen Projekten einsetzen.

Wenn du mehr darüber lernen möchtest, wie du 3D-Elemente ohne Code in deine Website einbettest, sieh dir diese Tutorials an:

Glanzstück aus der Spline-Community <https://app.spline.design/community/file/53e849ef-19cb-4cbb-b16a-f6fb406600bb>

Eine interaktive 3D-Biene für eine Website mit Spline erstellen <https://www.youtube.com/watch?v=hRy-Iqle6EU&t=592s>

Interaktive Sandpartikel in 3D mit Spline erstellen: <https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=9s>

\---

## Das lernst du

1. [0:00Das Würfeldesign erstellen](https://www.youtube.com/watch?v=c32GIZUrlgs&t=0s)
2. [1:26Materialien und Kugel hinzufügen](https://www.youtube.com/watch?v=c32GIZUrlgs&t=86s)
3. [9:52Interaktivität hinzufügen und exportieren](https://www.youtube.com/watch?v=c32GIZUrlgs&t=592s)

## Weitere Ressourcen

- [cube-glassVorlage](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 LayerDokument](https://docs.spline.design/materials-shading/glass-layer)
- [Materials & ShadingDokument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)

## Überblick

- Spline 3D
- 13 Min.
- Einsteiger

## Als Nächstes

[Leuchtende, glänzende Materialien mit Matcaps erstellen8 Min.Einsteiger](https://spline.design/de/academy/collections/materials-shading-that-look-good/create-vibrant-glossy-materials-using-matcaps)[Weiter](https://spline.design/de/academy/collections/materials-shading-that-look-good/create-vibrant-glossy-materials-using-matcaps)

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

Der 3D- und 2D-Editor für Teams und ihre Agenten. Veröffentliche im Web, auf iOS und Android.

#### Frag die KI zu Spline

#### Produkte

- [3D-Design](https://spline.design/de/3d-design)
- [Hana](https://spline.design/de/hana)
- [Omma](https://omma.build)
- [KI-3D-Generierung](https://spline.design/de/ai-generate)
- [Spline MCP](https://spline.design/de/mcp)
- [Spline Arena](https://spline.design/de/arena)
- [Preise](https://spline.design/de/pricing)
- [Enterprise](https://spline.design/de/enterprise)

#### Runtimes

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

#### Apps

- [Download](https://spline.design/de/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror herunterladen](https://spline.design/download-mirror)

#### Lernen

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/de/blog)
- [Changelog](https://spline.design/de/changelog)
- [Bildung](https://spline.design/de/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/de/affiliate)

#### Unternehmen

- [Kunden](https://spline.design/de/customers)
- [Karriere](https://www.ycombinator.com/companies/spline/jobs)
- [Sicherheit](https://spline.design/de/security)

#### Rechtliches

- [AGB](https://spline.design/terms)
- [Datenschutz](https://spline.design/privacy)

#### Kontakt

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

© 2026 - Spline, Inc.