Que sont les fichiers Lottie et pourquoi tout le monde les utilise-t-il ?

Avec autant de types de fichiers disponibles, comment faites-vous le choix de commencer à en utiliser un nouveau? Vous avez peut-être entendu parler de LottieFiles, vu les plugins, ou peut-être que ce sont toutes de nouvelles informations pour vous. Nous allons vous présenter LottieFiles et son format d'animation fantastique, rapide et petit: le Lottie.

Que sont les fichiers Lottie ?

LottieFiles fournissez le type de fichier Lottie. À toutes fins utiles, un fichier Lottie est un type de fichier d'animation. De nos jours, lorsque vous ouvrez un site Web ou une application qui affiche une animation, il y a de fortes chances que le format de ladite animation soit Lottie, et non GIF ou un autre format.

Le fichier Lottie est plus petit et plus rapide que les fichiers d'animation typiques. Pour cette seule raison, ils ont dépassé l'utilisation des GIF en si peu de temps. Et l'utilisation, l'accessibilité et la popularité de LottieFiles ne cessent de croître, alors apprenons-en un peu plus à leur sujet.

Une brève histoire de LottieFiles

LottieFiles est le créateur du format de fichier Lottie. Tout a commencé en 2015 lorsqu'un ingénieur a utilisé Adobe After Effects pour créer un nouveau plugin appelé Bodymovin qui rend un format JSON de l'animation en temps réel. JSON est une représentation textuelle des fichiers JavaScript qui permet une utilisation plus facile et plus accessible pour les développeurs Web.

Aux alentours de 2016, les cerveaux derrière Airbnb - nous savons que c'est aussi bizarre que cela puisse paraître - se sont réunis avec leur animateur principal et les bibliothèques iOS et Android conçues pour rendre ce nouveau type de fichier rapide à l'aide JSON. Ils ont nommé le type de fichier Lottie, d'après Charlotte Lotte Reiniger, réalisatrice allemande et pionnière de l'animation de silhouettes.

Avec une formation en ingénierie et compétences en animation que l'équipe Airbnb avait, le plugin de rendu JSON original a pu devenir ce qu'il est aujourd'hui.

Maintenant que vous êtes au courant de la trame de fond de LottieFiles, nous partagerons plus de détails qui vous donneront envie d'utiliser Lottie vous-même.

Qu'est-ce qui rend les fichiers Lottie si populaires ?

L'idée qu'une animation Lottie peut être rendue via JSON, un système basé sur du texte, permet de nombreuses choses que les GIF ou les PNG ne peuvent pas faire. Le plus gros avantage est qu'un fichier JSON peut être facilement modifié par n'importe qui après sa création originale, contrairement à un GIF.

LottieFiles a une communauté GitHub qui encourage les ingénieurs, les animateurs ou les curieux à créer et à explorer ce que LottieFiles a à offrir. Cela pousse continuellement LottieFiles plus loin pour la communauté créative.

Pour un créateur moyen qui n'est peut-être pas intéressé par le comment ou le pourquoi de Lottie, quelque chose qui peut vous encourager à incorporer Lottie dans vos créations est que la taille du fichier est beaucoup plus petite qu'un PNG, GIF ou d'autres formats d'animation typiques, mais il fonctionne également avec une qualité bien supérieure en raison de son rendu style. Vous ne renoncez pas à la qualité en utilisant Lottie dans vos créations.

Les animations Lottie sont entièrement évolutives sans devenir pixélisées, ce qui facilite la conception sur des appareils ou des écrans de différentes tailles. Les fichiers Lottie sont accessibles dans plus de systèmes d'exploitation que d'autres bibliothèques de rendu, vous pouvez donc travailler avec ces fichiers de n'importe où, y compris Mac, iOS, Android, Microsoft et Qt.

En rapport: Excellents endroits pour trouver des modèles 3D pour la conception numérique

Comment accéder aux fichiers Lottie

Malgré la complexité de création ou d'utilisation de ces fichiers, ils sont en fait très simples à mettre en œuvre dans vos conceptions. Vous pouvez trouver des plugins LottieFiles sur Adobe XD, Figma, Framer X et ProtoPie, afin que vous puissiez installer des animations Lottie prédéfinies. Vous pouvez également les implémenter dans votre flux de travail avec des options sans code dans Elementor pour WordPress, Webflow et Kodika.io.

Outre l'utilisation de fichiers Lottie prédéfinis, dont la plupart sont fournis avec des licences commerciales gratuites, il existe de nombreux programmes que vous pouvez utiliser avec un Plugin LottieFiles pour créer vos propres animations Lottie, telles que Adobe After Effects, Adobe Animate, Inkscape, Sketch et Cavalry pour nommez-en quelques-uns. Le plugin LottieFiles rend votre animation à Lottie, ce qui est tout ce qu'il faut pour créer de superbes animations dans ce format de fichier.

En rapport: Qu'est-ce qu'Adobe Animate et que pouvez-vous en faire ?

Commencez à utiliser les fichiers Lottie dans vos conceptions

À l'œil nu, une Lottie ressemble à d'autres formats d'animation standard, vous vous êtes donc peut-être demandé de quoi il s'agissait. Maintenant que vous en savez plus sur LottieFiles, comment le Lottie est né et ce qu'ils ont à offrir, vous voudrez presque certainement commencer à les utiliser dans votre flux de travail.

Les 10 meilleurs systèmes logiciels d'animation 2D

Voici notre liste des meilleures applications d'animation 2D que vous pouvez utiliser en 2021.

Lire la suite

A propos de l'auteur