# Ein rotierendes 3D-Icon erstellen - Animation und Interaktionen in Spline - 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. [Kurse](https://spline.design/de/academy/collections)
3. [Animation und Interaktionen in Spline](https://spline.design/de/academy/collections/animation-interactions-in-spline)
4. Ein rotierendes 3D-Icon erstellen

# Ein rotierendes 3D-Icon erstellen

Lektion 6 von 14Spline 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

## Als Nächstes

[Einen interaktiven 3D-Roboter zum Leben erwecken13 Min.Einsteiger](https://spline.design/de/academy/collections/animation-interactions-in-spline/bring-an-interactive-3d-robot-to-life)[Weiter](https://spline.design/de/academy/collections/animation-interactions-in-spline/bring-an-interactive-3d-robot-to-life)

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