# Modeler des formes fluides 3D interactives qui suivent le curseur - Spline Academy (https://spline.design/fr/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)

> Dans ce tutoriel, nous vous guidons dans la création de designs inspirés des liquides et des fluides grâce au Shape Blend. Ensemble, nous créons de…

1. [Academy](https://spline.design/fr/academy)
2. [Tutoriels](https://spline.design/fr/academy/tutorials)
3. Modeler des formes fluides 3D interactives qui suivent le curseur

# Modeler des formes fluides 3D interactives qui suivent le curseur

Spline 3DDébutant12 min

Dans ce tutoriel, nous vous guidons dans la création de designs inspirés des liquides et des fluides grâce au Shape Blend. Ensemble, nous créons de fascinantes formes aquatiques, ajoutons de la transparence et d’autres effets pour obtenir un rendu brillant, et mettons en place une interaction qui fait suivre le curseur aux formes, pour donner vie à vos designs avec des animations fluides !

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

Découvrez d’autres créateurs et projets incroyables #MadeInSpline sur <https://community.spline.design/>

## Ce que vous allez apprendre

1. [0:00Intro](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=0s)
2. [0:21Concevoir des formes abstraites](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=21s)
3. [1:46Créer des matériaux transparents et brillants](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=106s)
4. [4:38Astuce rapide : Cloner + aléatoire pour des animations en boucle](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=278s)
5. [5:54Magie interactive : faites suivre le curseur à vos formes (événement Follow)](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=354s)
6. [9:31Astuce rapide : créer un plateau tournant animé qui attire l’œil](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=571s)

## Ressources associées

- [Water InteractionModèle](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)

## Présentation

- Spline 3D
- 12 min
- Débutant

## Fait partie de

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

## Tutoriels associés

[Tous les tutoriels](https://spline.design/fr/academy/tutorials)

[Ajouter une interaction Follow à un objet 3DSpline 3DDébutant6 min](https://spline.design/fr/academy/tutorials/how-to-add-a-follow-interaction-to-a-3d-object)[Créer une animation 3D au défilement et l’intégrer dans FramerSpline 3DDébutant12 min](https://spline.design/fr/academy/tutorials/create-a-3d-scroll-animation-integrate-into-framer)[Concevoir un site web 3D avec Spline et FramerSpline 3DDébutant14 min](https://spline.design/fr/academy/tutorials/designing-a-3d-website-with-spline-and-framer)

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

L’éditeur 3D et 2D pour les équipes et leurs agents. Publiez sur le web, iOS et Android.

#### Interrogez l’IA sur Spline

#### Produits

- [Design 3D](https://spline.design/fr/3d-design)
- [Hana](https://spline.design/fr/hana)
- [Omma](https://omma.build)
- [Génération 3D par IA](https://spline.design/fr/ai-generate)
- [Spline MCP](https://spline.design/fr/mcp)
- [Spline Arena](https://spline.design/fr/arena)
- [Tarifs](https://spline.design/fr/pricing)
- [Enterprise](https://spline.design/fr/enterprise)

#### Runtimes

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

#### Apps

- [Télécharger](https://spline.design/fr/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Télécharger Spline Mirror](https://spline.design/download-mirror)

#### Apprendre

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

#### Communauté

- [Communauté Spline](https://community.spline.design)
- [Blog](https://spline.design/fr/blog)
- [Nouveautés](https://spline.design/fr/changelog)
- [Éducation](https://spline.design/fr/education)
- [Contra](https://spline.design/contra)
- [Affiliation](https://spline.design/fr/affiliate)

#### Entreprise

- [Clients](https://spline.design/fr/customers)
- [Carrières](https://www.ycombinator.com/companies/spline/jobs)
- [Sécurité](https://spline.design/fr/security)

#### Mentions légales

- [Conditions générales](https://spline.design/terms)
- [Confidentialité](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.