# Ein rotierendes 3D-Icon erstellen - Spline Academy (https://spline.design/de/academy/tutorials/how-to-create-a-spinning-3d-icon)

> Hallo! In diesem Tutorial zeigen wir dir, wie du ein rotierendes 3D-Icon von Anfang bis Ende erstellst! Du lernst, es zu designen und zu animieren, sanfte…

1. [Academy](https://spline.design/de/academy)
2. [Tutorials](https://spline.design/de/academy/tutorials)
3. Ein rotierendes 3D-Icon erstellen

# Ein rotierendes 3D-Icon erstellen

Spline 3DEinsteiger15 Min.

Hallo! In diesem Tutorial zeigen wir dir, wie du ein rotierendes 3D-Icon von Anfang bis Ende erstellst! Du lernst, es zu designen und zu animieren, sanfte Verzögerungen hinzuzufügen und interaktive Trigger einzurichten. Außerdem sehen wir uns Farben, Materialien und per Button ausgelöste Animationen an.

## Das lernst du

1. [0:00Das 3D-Icon erstellen](https://www.youtube.com/watch?v=bzbL6eNEfek&t=0s)
2. [2:13Farben und Materialien anwenden](https://www.youtube.com/watch?v=bzbL6eNEfek&t=133s)
3. [6:29Das 3D-Icon animieren](https://www.youtube.com/watch?v=bzbL6eNEfek&t=389s)
4. [10:35Interaktive Trigger hinzufügen](https://www.youtube.com/watch?v=bzbL6eNEfek&t=635s)

## Weitere Ressourcen

- [Spinning 3d iconVorlage](https://app.spline.design/academy/tutorials/how-to-create-a-spinning-3d-icon?redirect-duplicate-template-uuid=785469cd-21c1-46d9-957c-7afc5a97f782&is-2d-file=false)
- [Extruding 2D objects in 3DDokument](https://docs.spline.design/designing-in-3-d/extruding-2d-objects-in-3-d)
- [Materials & ShadingDokument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Transition ActionDokument](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)
- [Cloner MotionDokument](https://docs.spline.design/designing-in-3-d/cloner-motion)

## Überblick

- Spline 3D
- 15 Min.
- Einsteiger

## Teil von

- [Animation und Interaktionen in Spline](https://spline.design/de/academy/collections/animation-interactions-in-spline/how-to-create-a-spinning-3d-icon)

## Ähnliche Tutorials

[Alle Tutorials](https://spline.design/de/academy/tutorials)

[Einen laufenden 3D-Charakter animierenSpline 3DEinsteiger14 Min.](https://spline.design/de/academy/tutorials/how-to-animate-a-3d-walking-character)[3D-Multi-Scenes bauen und Animationen importierenSpline 3DFortgeschritten18 Min.](https://spline.design/de/academy/tutorials/how-to-build-3d-multi-scenes-and-import-animations)[Nahtlose 3D-Loop-Animationen gestaltenSpline 3DEinsteiger11 Min.](https://spline.design/de/academy/tutorials/craft-seamless-3d-loop-animations)

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