# Vorm interactieve 3D-vloeistofvormen die de cursor volgen - Animatie en interacties in Spline - Spline Academy (https://spline.design/nl/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)

> In deze tutorial laten we zien hoe je met Shape Blend designs maakt die op vloeistof zijn geïnspireerd. Samen maken we betoverende, waterachtige vormen,…

1. [Academy](https://spline.design/nl/academy)
2. [Cursussen](https://spline.design/nl/academy/collections)
3. [Animatie en interacties in Spline](https://spline.design/nl/academy/collections/animation-interactions-in-spline)
4. Vorm interactieve 3D-vloeistofvormen die de cursor volgen

# Vorm interactieve 3D-vloeistofvormen die de cursor volgen

Les 4 van 14Spline 3DBeginner12 min

In deze tutorial laten we zien hoe je met Shape Blend designs maakt die op vloeistof zijn geïnspireerd. Samen maken we betoverende, waterachtige vormen, voegen we transparantie en andere effecten toe voor een glanzende look en bouwen we een interactie waarmee de vormen je cursor volgen, zodat je designs tot leven komen met vloeiende animaties!

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

Ontdek meer geweldige makers en projecten #MadeInSpline op <https://community.spline.design/>

## Wat je leert

1. [0:00Intro](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=0s)
2. [0:21Abstracte vormen ontwerpen](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=21s)
3. [1:46Transparante en glanzende materialen maken](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=106s)
4. [4:38Snelle tip: Cloner + willekeur voor animaties in een loop](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=278s)
5. [5:54Interactieve magie: laat je vormen de cursor volgen (Follow-event)](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=354s)
6. [9:31Snelle tip: maak een opvallende geanimeerde draaitafel](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=571s)

## Gerelateerde bronnen

- [Water InteractionTemplate](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 BlendDocument](https://docs.spline.design/designing-in-3-d/shape-blend)
- [Materials & ShadingDocument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Follow EventDocument](https://docs.spline.design/interaction-states-events-and-actions/events/follow-event)

## Overzicht

- Spline 3D
- 12 min
- Beginner

## Hierna

[Animeer interactieve 3D-blokken4 minGemiddeld](https://spline.design/nl/academy/collections/animation-interactions-in-spline/animate-interactive-3d-boxes)[Verder](https://spline.design/nl/academy/collections/animation-interactions-in-spline/animate-interactive-3d-boxes)

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

De 3D- en 2D-editor voor teams en hun agents. Publiceer op het web, iOS en Android.

#### Vraag AI naar Spline

#### Producten

- [3D-design](https://spline.design/nl/3d-design)
- [Hana](https://spline.design/nl/hana)
- [Omma](https://omma.build)
- [3D genereren met AI](https://spline.design/nl/ai-generate)
- [Spline MCP](https://spline.design/nl/mcp)
- [Spline Arena](https://spline.design/nl/arena)
- [Prijzen](https://spline.design/nl/pricing)
- [Enterprise](https://spline.design/nl/enterprise)

#### Runtimes

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

#### Apps

- [Downloaden](https://spline.design/nl/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror downloaden](https://spline.design/download-mirror)

#### Leren

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/nl/blog)
- [Changelog](https://spline.design/nl/changelog)
- [Onderwijs](https://spline.design/nl/education)
- [Contra](https://spline.design/contra)
- [Affiliates](https://spline.design/nl/affiliate)

#### Bedrijf

- [Klanten](https://spline.design/nl/customers)
- [Vacatures](https://www.ycombinator.com/companies/spline/jobs)
- [Beveiliging](https://spline.design/nl/security)

#### Juridisch

- [Algemene voorwaarden](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.