# Vorm interactieve 3D-vloeistofvormen die de cursor volgen - 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. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Vorm interactieve 3D-vloeistofvormen die de cursor volgen

# Vorm interactieve 3D-vloeistofvormen die de cursor volgen

Spline 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

## Onderdeel van

- [Animatie en interacties in Spline](https://spline.design/nl/academy/collections/animation-interactions-in-spline/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)

## Gerelateerde tutorials

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

[Een Follow-interactie toevoegen aan een 3D-objectSpline 3DBeginner6 min](https://spline.design/nl/academy/tutorials/how-to-add-a-follow-interaction-to-a-3d-object)[Maak een 3D-scrollanimatie en integreer die in FramerSpline 3DBeginner12 min](https://spline.design/nl/academy/tutorials/create-a-3d-scroll-animation-integrate-into-framer)[Een 3D-website ontwerpen met Spline en FramerSpline 3DBeginner14 min](https://spline.design/nl/academy/tutorials/designing-a-3d-website-with-spline-and-framer)

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