Until recently, creating web animations was a painstaking job that involved writing the code directly in the appropriate programming language for the target browsers and apps. But Lottie Animations arrived as a tool that makes creating and implementing animations for any web platform easy.
But what is a Lottie?
Unlike other types of animations, The Lottie is rendered in real-time. The browser or app loads it instantly, in a reasonably light process.
With gif or simple png animations we could take up a lot of space that affects the total load of the website. Lottie is so optimal and light that here we compare its size against other formats:
Lottie animations render vector graphics, allowing you to quickly resize animations without losing quality or pixels in the process.
Lottie can be used on almost any platform, including web and mobile.
Where do I find Lottie animations?
When deciding to give that creative boost and our website through animated graphics. You have two options:
LottieFiles has a library of completely free animations that you can easily add to your website.
At Prime Group, we have a team of multimedia experts who will create your animations from the concept (storyboard) to its final version (animation embedded in the website), giving your website a dynamic and interactive image, with the graphic style of your brand.
How are Lottie animations created?
These animations can be created directly from Adobe After Effects, and for their final export in JSON we will need the bodymovin plug-in (or the new, simpler lottie plug-in).
However, we must bear in mind that it is a new tool that has limitations. Do you want to know what they are? Wait for our next article.
At Prime Group we use and master Lottie because it helps us make animations fast and creative. If you have a story or a script prepared, do not hesitate to contact us. We will animate it with spectacular results.