# Créer des blobs 3D animés qui réagissent à votre souris - Spline 101 | Créez votre première scène interactive - Spline Academy (https://spline.design/fr/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse)

> Dans ce tutoriel accessible aux débutants, nous partons de zéro pour apprendre à créer des blobs 3D colorés, animés et interactifs avec Shape Blend.

1. [Academy](https://spline.design/fr/academy)
2. [Cours](https://spline.design/fr/academy/collections)
3. [Spline 101 | Créez votre première scène interactive](https://spline.design/fr/academy/collections/spline-101-build-your-first-interactive-scene)
4. Créer des blobs 3D animés qui réagissent à votre souris

# Créer des blobs 3D animés qui réagissent à votre souris

Leçon 15 sur 16Spline 3DDébutant12 min

Dans ce tutoriel accessible aux débutants, nous partons de zéro pour apprendre à créer des blobs 3D colorés, animés et interactifs avec Shape Blend.

Nous vous donnons quelques astuces simples pour appliquer des couleurs et des textures afin d’obtenir des transitions fluides et des dégradés naturels.

Nous verrons aussi comment ajouter des événements interactifs, par exemple changer la forme du blob quand on le survole.

\--

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=l32kDk5DU00&t=0s)
2. [0:24Créer un blob avec Shape Blend](https://www.youtube.com/watch?v=l32kDk5DU00&t=24s)
3. [1:31Ajouter des couleurs](https://www.youtube.com/watch?v=l32kDk5DU00&t=91s)
4. [3:21Ajouter des effets de lueur et des textures](https://www.youtube.com/watch?v=l32kDk5DU00&t=201s)
5. [5:20Animer notre blob](https://www.youtube.com/watch?v=l32kDk5DU00&t=320s)
6. [6:49Faire boucler l’animation](https://www.youtube.com/watch?v=l32kDk5DU00&t=409s)
7. [8:32Effet interactif avec le curseur](https://www.youtube.com/watch?v=l32kDk5DU00&t=512s)
8. [9:44Astuces rapides](https://www.youtube.com/watch?v=l32kDk5DU00&t=584s)
9. [10:38D’autres exemples de scènes interactives avec Shape Blend](https://www.youtube.com/watch?v=l32kDk5DU00&t=638s)
10. [11:00Notre communauté Spline](https://www.youtube.com/watch?v=l32kDk5DU00&t=660s)
11. [11:05Devenez notre prochain Designer de la semaine !](https://www.youtube.com/watch?v=l32kDk5DU00&t=665s)

## Ressources associées

- [Animated Shape BlendModèle](https://app.spline.design/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse?redirect-duplicate-template-uuid=546ba9b3-f563-43e4-bbd7-a72c5941902e&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)
- [How state-based animation worksDocument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Follow EventDocument](https://docs.spline.design/interaction-states-events-and-actions/events/follow-event)

## Présentation

- Spline 3D
- 12 min
- Débutant

## À suivre

[Transformez vos designs Spline en expériences web interactives10 minDébutant](https://spline.design/fr/academy/collections/spline-101-build-your-first-interactive-scene/turn-your-spline-designs-into-interactive-web-experiences)[Continuer](https://spline.design/fr/academy/collections/spline-101-build-your-first-interactive-scene/turn-your-spline-designs-into-interactive-web-experiences)

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