Lottie (animation) — Wikipédia

Lottie
Présentation
Type
Format de fichier image (en), animation, image vectorielleVoir et modifier les données sur Wikidata
Créateur
Sites web

modifier - modifier le code - modifier WikidataDocumentation du modèle

Cet article est une ébauche concernant l’animation et l’imagerie numérique.

Vous pouvez partager vos connaissances en l’améliorant (comment ?) selon les recommandations des projets correspondants.

Le format Lottie est un format ouvert d'animation vectorielle basé sur une représentation au format JSON de ses données. Il a été créé à l'origine par la branche de design de Airbnb avec son plugin d'export BodyMovin, pour les animations produites sous After Effects. Il est à l'origine produit pour pouvoir être utilisé avec Android, iOS et React Native.

Des bibliothèques et plugins sont aujourd'hui disponibles pour le Web, iOS, Android, Flutter, React, React Native, Xamarin, NativeScript, Windows, Vue, Angular, Qt, Skia, Framer X, Sketch, Figma & After Effects. L'outil d'affichage web BodyMovin utilise SVG pour l'affichage.

Le nom est une référence et un hommage à Lotte Reiniger, une des réalisatrice d'animation des années 1920, ayant réalisé un des premiers longs métrage de l'animation avec « Les Aventures du prince Ahmed » en 1926.

Production des animations[modifier | modifier le code]

Le format a tout d'abord été créé pour exporter les animations depuis After Effects.

Le logiciel libre d'animation vectorielle Synfig, permet également d'exporter des animations dans ce format. Son intégration a commencé sous forme de plugin pendant Le GSoC 2019[1], puis a été amélioré pendant le GSoC 2020[2].

Le logiciel libre (GPLv3) Glaxnimate est un logiciel d'animation multiplateforme (Android, Linux, MacOS, Windows) écrit en C++ et utilisant la bibliothèque Qt, permettant également de produire des animations au format Lottie[3]. Celui-ci est utilisable via la bibliothèque MLT au sein d'applications de montage vidéo non-linéaire, tels que Kdenlive[4] ou Shotcut[5],[6]..

Le module Python, « Python Lottie » permet de générer des animations Lottie algorithmiquement, de convertir entre différents formats et d'exporter en animation vidéo et bitmap[7].

Lecteurs et bibliothèques[modifier | modifier le code]

Il dispose d'un lecteur BodyMovin qui est sous licence MIT. Ce dernier est utilisé dans la messagerie instantanée afin d'y afficher des stickers (autocollants) animés vectoriels[8] comme Telegram pour plateformes mobiles.

Il existe également une bibliothèque, appelée rlottie, écrite en C++ par Samsung[9], et une dérivée TDesktop, un client Telegram[10]. Elle peut être utilisée par LVGL, une bibliothèque d'interface légère pour les systèmes embarqués[11].

Il existe un module pour l'API Qt, appelé qtLottie distribué sous licence GPLv3, également utilisé dans une version patchée par Telegram dans sa version « desktop » (bureau)[12].

Nottie-node, Puppeteer-lottie et lottie-images sont des bibliothèques en javascript de rendu de lottie basés sur Node.js, elles permettent chacune des rendus dans différents formats, pas forcément les mêmes, incluant vidéo en s'aidant de ffmpeg, png, apng, gif ou traduction en SVG[13],[14],[15].

Références[modifier | modifier le code]

  1. ↑ (en) « What’s coming to Synfig 1.4.0 (part 2) », sur Synfig,
  2. ↑ (en) Konstantin Dmitriev, « Projects for Google Summer of Code 2020 », sur Synfig,
  3. ↑ (en) « Glaxnimate », sur Glaxnimate.mattbas.org
  4. ↑ (en) « Create anilmation », sur docs.Kdenlive.org
  5. ↑ (en) « Shotcut - New Version 22.06: Glaxnimate », sur Shotcut,
  6. ↑ (en) « Shotcut 22.06 Video Editor Brings Glaxnimate Support, Keyframes Expansion, and More », sur 9to5 Linux,
  7. ↑ « Lottie », sur Pypi.org
  8. ↑ (en) « TelegramMessenger/bodymovin-extension forked from bodymovin/bodymovin-extension », sur compte Github de Telegram
  9. ↑ (en) « rlottie », sur compte Samsung sur Github
  10. ↑ (en) « rlottie », sur compte desktop-app sur Github
  11. ↑ (en) « 3rd party libraries » Lottie player », sur docs.lvgl.io
  12. ↑ « Patched QtLottie », sur compte Telegram de Github
  13. ↑ (en) « Lottie-node », sur compte Friday sur Github
  14. ↑ (en) « Puppeteer-lottie »
  15. ↑ (en) « Lottie-image », sur compte Gaobowen sur github

Liens externes[modifier | modifier le code]

Ce document provient de « https://fr.wikipedia.org/w/index.php?title=Lottie_(animation)&oldid=212977984 ».