Jusqu’à récemment, la création d’animations web était un travail minutieux qui impliquait d’écrire le code directement dans le langage de programmation approprié pour les navigateurs et les applications cibles. Mais Lottie Animations est apparu comme un outil qui facilite la création et la mise en œuvre d’animations pour n’importe quelle plateforme web.
Mais qu’est-ce que Lottie ?
Lottie est un système open-source basé sur une bibliothèque javascript (lottie.js). Il permet aux navigateurs web, aux plateformes Android, IOS, entre autres, de lire un fichier JSON, en temps réel et de manière fluide et optimisée.
Avantages
Rapidité
Contrairement à d’autres types d’animations, The Lottie est rendu en temps réel. Le navigateur ou l’application le charge instantanément, dans un processus raisonnablement léger.
Légèreté
Avec des animations gif ou png simples, nous pourrions prendre beaucoup d’espace, ce qui affecte la charge totale du site web. Lottie est tellement optimal et léger que nous comparons sa taille à celle d’autres formats :
Qualité
Les animations Lottie rendent des graphiques vectoriels, ce qui vous permet de redimensionner rapidement les animations sans perdre de qualité ou de pixels dans le processus.
Compatibilité
Lottie peut être utilisé sur presque toutes les plateformes, y compris le web et le mobile.
Où puis-je trouver les animations Lottie ?
Lorsque vous décidez de donner un coup de pouce créatif à votre site web par le biais de graphiques animés, vous avez deux possibilités. Deux options s’offrent à vous :
Bibliothèque gratuite
LottieFiles dispose d’une bibliothèque d’animations entièrement gratuites que vous pouvez facilement ajouter à votre site web.
Animations personnalisées
Chez Prime Group, nous disposons d’une équipe d’experts en multimédia qui créeront vos animations depuis le concept (storyboard) jusqu’à la version finale (animation intégrée au site web), donnant ainsi à votre site web une image dynamique et interactive, avec le style graphique de votre marque.
Comment sont créées les animations Lottie ?
Ces animations peuvent être créées directement à partir d’Adobe After Effects, et pour leur exportation finale en JSON, nous aurons besoin du plug-in bodymovin (ou du nouveau plug-in lottie, plus simple).
Cependant, nous devons garder à l’esprit qu’il s’agit d’un nouvel outil qui a ses limites. Voulez-vous les connaître ? Attendez notre prochain article.
Chez Prime Group, nous utilisons et maîtrisons Lottie parce qu’il nous aide à réaliser des animations rapides et créatives. Si vous avez préparé une histoire ou un scénario, n’hésitez pas à nous contacter. Nous l’animerons avec des effets spectaculaires!
