# Concevoir des particules de feuilles interactives en 3D - Spline Academy (https://spline.design/fr/academy/tutorials/how-to-design-interactive-leaf-particles-in-3d)

> Bonjour ! 👋 Dans ce tutoriel, nous allons passer un moment relaxant à ajouter une touche spéciale à notre design avec des feuilles qui tombent 🍂 🌳

1. [Academy](https://spline.design/fr/academy)
2. [Tutoriels](https://spline.design/fr/academy/tutorials)
3. Concevoir des particules de feuilles interactives en 3D

# Concevoir des particules de feuilles interactives en 3D

Spline 3DIntermédiaire9 min

Bonjour ! 👋 Dans ce tutoriel, nous allons passer un moment relaxant à ajouter une touche spéciale à notre design avec des feuilles qui tombent 🍂 🌳

Nous créons ces feuilles qui tombent avec le système de particules, en ajustant la gravité, le design des particules, les types de forces et plus encore. Et en bonus, une astuce sympa pour créer aussi de la neige qui tombe ☃️

💖 Ce tutoriel s’inspire du design Zentree d’Attiq ur R., réalisé avec Spline. 🌳🧘‍♂️ Découvrez-le ici : <https://zentree.framer.website/> Profil d’Attiq ur R. sur la communauté Spline → <https://app.spline.design/@attiq>

🪄 <https://youtu.be/q1K5nji8KHM>

Partagez votre propre version sur notre communauté ! 💖 🔮 Communauté Spline → <https://community.spline.design>

## Ce que vous allez apprendre

1. [0:00Intro](https://www.youtube.com/watch?v=n1QPSxD454k&t=0s)
2. [0:26Concevoir avec des éléments de la bibliothèque Spline](https://www.youtube.com/watch?v=n1QPSxD454k&t=26s)
3. [2:34Créer des feuilles qui tombent](https://www.youtube.com/watch?v=n1QPSxD454k&t=154s)
4. [7:24Ajouter des événements interactifs et ajuster les effets](https://www.youtube.com/watch?v=n1QPSxD454k&t=444s)
5. [7:40Créer de la neige qui tombe](https://www.youtube.com/watch?v=n1QPSxD454k&t=460s)
6. [9:01Explorer et partager des effets de particules de la communauté Spline](https://www.youtube.com/watch?v=n1QPSxD454k&t=541s)

## Ressources associées

- [Leafs ParticlesModèle](https://app.spline.design/academy/tutorials/how-to-design-interactive-leaf-particles-in-3d?redirect-duplicate-template-uuid=81e13849-574d-41cc-a674-17ed7013c79c&is-2d-file=false)
- [ParticlesDocument](https://docs.spline.design/designing-in-3-d/particles)
- [Follow EventDocument](https://docs.spline.design/interaction-states-events-and-actions/events/follow-event)

## Présentation

- Spline 3D
- 9 min
- Intermédiaire

## Fait partie de

- [Spline avancé | Plongée dans les fonctionnalités](https://spline.design/fr/academy/collections/spline-advanced-feature-deep-dive/how-to-design-interactive-leaf-particles-in-3d)

## Tutoriels associés

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

[Créer un orbe 3D réactif avec du mouvement et de l’interactionSpline 3DIntermédiaire7 min](https://spline.design/fr/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Créer des visualisations de données 3D dans Spline avec des variables et des API en temps réelSpline 3DAvancé15 min](https://spline.design/fr/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)[Déclencher des interactions par proximité avec l’événement DistanceSpline 3DDébutant6 min](https://spline.design/fr/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

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