# Interaktive, fließende 3D-Formen gestalten, die dem Cursor folgen - Animation und Interaktionen in Spline - Spline Academy (https://spline.design/de/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)

> In diesem Tutorial zeigen wir dir, wie du mit Shape Blending flüssig wirkende Designs gestaltest. Gemeinsam erstellen wir faszinierende, wasserähnliche…

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. Interaktive, fließende 3D-Formen gestalten, die dem Cursor folgen

# Interaktive, fließende 3D-Formen gestalten, die dem Cursor folgen

Lektion 4 von 14Spline 3DEinsteiger12 Min.

In diesem Tutorial zeigen wir dir, wie du mit Shape Blending flüssig wirkende Designs gestaltest. Gemeinsam erstellen wir faszinierende, wasserähnliche Formen, fügen Transparenz und weitere Effekte für eine glänzende Ästhetik hinzu und bauen eine Interaktion, bei der die Formen deinem Cursor folgen – für Designs, die mit flüssigen Animationen lebendig werden!

🌊 Remix: <https://app.spline.design/file/7f488663-6208-4bb0-802a-70bfaa865b27>

Entdecke weitere großartige Creator und Projekte #MadeInSpline auf <https://community.spline.design/>

## Das lernst du

1. [0:00Intro](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=0s)
2. [0:21Abstrakte Formen designen](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=21s)
3. [1:46Transparente und glänzende Materialien gestalten](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=106s)
4. [4:38Schneller Tipp: Cloner + Zufall für Endlosanimationen](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=278s)
5. [5:54Interaktive Magie: Lass deine Formen dem Cursor folgen (Follow-Event)](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=354s)
6. [9:31Schneller Tipp: Einen auffälligen animierten Drehteller erstellen](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=571s)

## Weitere Ressourcen

- [Water InteractionVorlage](https://app.spline.design/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor?redirect-duplicate-template-uuid=f4fc1df0-cb80-4a65-9db1-68f1440194c4&is-2d-file=false)
- [Shape BlendDokument](https://docs.spline.design/designing-in-3-d/shape-blend)
- [Materials & ShadingDokument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Follow EventDokument](https://docs.spline.design/interaction-states-events-and-actions/events/follow-event)

## Überblick

- Spline 3D
- 12 Min.
- Einsteiger

## Als Nächstes

[Interaktive 3D-Boxen animieren4 Min.Fortgeschritten](https://spline.design/de/academy/collections/animation-interactions-in-spline/animate-interactive-3d-boxes)[Weiter](https://spline.design/de/academy/collections/animation-interactions-in-spline/animate-interactive-3d-boxes)

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