Lottie is an open source animation file format originally created by the team at Airbnb. Because Lottie is vector based, files can be very lightweight, scalable and rendered natively on mobile and the web. The format is gaining in popularity and is now the centre of a thriving LottieFiles community.
Exporting to Lottie is very straight forward. Simply use the
File > Export Lottie... menu item. It's also possible to export to Lottie via the Render Manager so can be used alongside other native features like Dynamic Rendering.
When exporting files, Cavalry allows you to add information on the author in the exported file. This can be added via the Lottie Author option in the Preferences window.
We highly recommend using LottieFiles to preview animations. Simply navigate to https://lottiefiles.com/preview and drag the exported
.json Lottie file into the browser window. From here you can also share links your animations.
While the Lottie format is expanding it is not as full featured as Cavalry so there are some limitations as to what can be exported. However, where feature parity is lacking, Cavalry will attempt to intelligently bake the shape animation so a wide range of possibilities are available.
Generally speaking, Lottie files are very small but the less baking required, the smaller the exported file will be. If file size is very important to you then the list below comprises the features that will not require any baking whatsoever (assuming there are no Deformers connected to the Shape) and therefore result in the smallest files:
Fill > Alpha
Stroke > Alpha
Stroke > Width
Stroke > Trim Start
Stroke > Trim End
Stroke > Trim Travel
Star > Point Count
Star > Radius
Star > Inner Radius
The following features are all supported but are known to create relatively large files when exporting to Lottie:
Magic Easing on paths.
This is the Alpha attribute and not the Fill Color's alpha.
This is the Alpha attribute and not the Stroke Color's alpha.
The LottieFiles player doesn’t handle the case where Trim Start > Trim End.
When using masks with animation use Path Animation to animate the shape or the mask (or both).
The following Cavalry features are not supported via Lottie export: