# Découvrez l’animation 3D sur timeline - Spline blog (https://spline.design/fr/blog/introducing-3d-timeline-animation) > L’animation sur timeline de Spline donne vie à vos designs 3D avec des mouvements fluides par images clés. [Blog](https://spline.design/fr/blog) 18 septembre 2025 # Découvrez l’animation 3D sur timeline L’animation sur timeline de Spline donne vie à vos designs 3D avec des mouvements fluides par images clés. [Ouvrir Spline](https://app.spline.design) Nous sommes ravis de vous présenter notre dernière mise à jour, qui poursuit nos efforts pour développer le motion design dans Spline, avec l’arrivée de **Timeline Animation**. Cette nouvelle fonctionnalité vous permet de créer des mouvements fluides par images clés, aussi bien pour des exports vidéo que pour des expériences interactives, le tout dans l’éditeur Spline. ## États et animation par images clés À l’origine, dans Spline, on créait des animations avec un système basé sur des états. Vous créiez différents états pour vos objets, puis passiez de l’un à l’autre à l’aide d’événements et d’une action de transition. C’est un système auquel nous croyons toujours profondément. Il est facile à utiliser et à configurer : vous animez des objets de A vers B puis vers C dans une suite de transitions. Mais il montre ses limites quand il s’agit de contrôler le timing des transitions d’états de plusieurs objets dans un mouvement plus complexe. Avec Timeline, vous pouvez désormais animer avec plus de précision et de contrôle. Vos transitions sont disposées sur une timeline horizontale, ce qui permet un réglage plus fin des timings. Cette nouvelle solution s’appuie sur les états et étend les possibilités d’animation de Spline. Démonstration des images clés sur la timeline de Spline ## Un éditeur de courbes pour des mouvements fluides et un contrôle plus fin L’éditeur de courbes intégré vous donne le contrôle de l’easing et de la vitesse, pour dépasser les transitions linéaires et créer des mouvements naturels, fluides ou dynamiques. Démonstration de l’animation sur timeline par courbes dans Spline ## Événements et interactivité Comme les états, les animations sur timeline peuvent être reliées au système d’événements de Spline, pour déclencher des mouvements à partir des actions de l’utilisateur ou d’une logique conditionnelle. Vous pouvez ainsi créer des timelines interactives qui réagissent dynamiquement à la façon dont les utilisateurs interagissent avec votre scène. Toutes les propriétés d’un objet peuvent être animées : position, rotation, échelle, taille, matériau, cloners ou extrusions de tracés. Les images clés sont enregistrées automatiquement à mesure que vous faites des ajustements dans le viewport ou dans le panneau des propriétés, pour un workflow fluide et non destructif. Survolez ou touchez pour interagir (expérience réalisée avec la timeline de Spline) ## Plusieurs timelines Vous pouvez créer plusieurs timelines dans un même projet. Il devient possible de répartir le mouvement sur des pistes bien distinctes, de créer différents états pour un même objet ou d’organiser les animations de scènes complexes. Avoir plusieurs timelines permet aussi de déclencher plus facilement des mouvements différents selon l’interaction. Par exemple, une timeline peut définir l’animation d’entrée d’un objet tandis qu’une autre contrôle sa réaction au clic. Tracés 3D et caméra animés avec la timeline ## Exporter en vidéo La timeline ne se limite pas aux projets interactifs. Vous pouvez aussi exporter vos animations en vidéo haute qualité directement depuis Spline. Sélectionnez la timeline à rendre, ajustez la durée, la fréquence d’images et la résolution, et générez une vidéo prête pour vos présentations, vos campagnes marketing ou vos contenus en boucle. Cette double approche rend la timeline utile aussi bien pour les workflows de motion design interactifs que traditionnels. Vidéos réalisées avec la timeline et exportées depuis Spline ## Une version bêta en évolution Timeline Animation est lancée en bêta. Nous l’améliorons activement et continuerons à affiner le workflow grâce à vos retours. Notre objectif : rendre l’animation en 3D aussi fluide et expressive que possible, que vous conceviez des expériences interactives en temps réel ou des vidéos. Nous avons hâte de voir comment vous donnerez vie à vos projets avec la timeline. — L’équipe Spline ## Plus d’articles du blog [3 novembre 2026Découvrez Spline Arena](https://spline.design/fr/blog/introducing-spline-arena)[21 octobre 2026Découvrez Spline pour ChatGPT](https://spline.design/fr/blog/introducing-spline-for-chatgpt)[27 août 2026Découvrez Hana V2](https://spline.design/fr/blog/hana-v2) [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.