The Bodymovin Loop Widget allows you to use shape layer animations exported from Adobe After Effects in your compositions when building in Composer. These animations load faster and are higher in quality than .gif files.
To learn how to add a Widget to your Composition, click here.
Remember, any underlined widget properties can be connected to a Control Node or a Data Node.
Works With Lottie Files (Bodymovin json)
This widget works with Lottie Files (Bodymovin Json files). To create a Bodymovin Json file in After Effects, download the AE plugin here: https://exchange.adobe.com/creativecloud.details.12557.bodymovin.html
Remember to convert any Adobe Illustrator, EPS, SVG, or PDF assets to shape layers in After Effects; otherwise, they will not work in your Lottie animation!
About Lottie files and exporting Lottie files
- https://exchange.adobe.com/apps/cc/12557/bodymovin
- https://airbnb.io/lottie/#/after-effects
- https://vimeo.com/217683595
Test Lottie files
- https://www.lottielab.com/preview
- https://drawer.design/preview-lottie-animation/
- https://svgsprite.com/tools/lottie-player/
Properties
As seen above, select the "Bodymovin" tab in the Property Panel to update this widget's following property types:
Bodymovin Json URL - Box to paste URL of Bodymovin Json. You can upload your Bodymovin Json file into the Singular Dashboard and copy the URL in the Dashboard Inspector. You can also copy the URL of a Json file that is hosted anywhere else on the web.
Speed - Speed of the Bodymovin Json playback in percentage.
Animation Direction - Animation playback. Dropdown options are Forwards, Backwards or Alternating.
Comments
0 comments