# Interaktive, fließende 3D-Formen gestalten, die dem Cursor folgen - 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. [Tutorials](https://spline.design/de/academy/tutorials)
3. Interaktive, fließende 3D-Formen gestalten, die dem Cursor folgen

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

Spline 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

## Teil von

- [Animation und Interaktionen in Spline](https://spline.design/de/academy/collections/animation-interactions-in-spline/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)

## Ähnliche Tutorials

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

[Einem 3D-Objekt eine Follow-Interaktion hinzufügenSpline 3DEinsteiger6 Min.](https://spline.design/de/academy/tutorials/how-to-add-a-follow-interaction-to-a-3d-object)[Eine 3D-Scroll-Animation erstellen und in Framer einbindenSpline 3DEinsteiger12 Min.](https://spline.design/de/academy/tutorials/create-a-3d-scroll-animation-integrate-into-framer)[Eine 3D-Website mit Spline und Framer designenSpline 3DEinsteiger14 Min.](https://spline.design/de/academy/tutorials/designing-a-3d-website-with-spline-and-framer)

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