Last Day to Save 25% Off Everything* with code: CYBER. Sale ends Friday Dec 4, 2020

Bodymovin - Lottie

  • Compatibility After Effects
    Please check exact version compatibility under the "COMPATIBILITY" tab below

Author: Hernan Torrisi

Name Your Own Price You can pay anything you want, the amount displayed is only a suggested amount.
Add to Wishlist

Quick Overview

An After Effects extension to export Lottie animations. Animations are exported by default as .json files that use the lottie.js player that comes along with the plugin. You can render animations in the browser on svg, canvas and html. It supports a subset of After Effects features. Animations can also be played natively on iOS and Android using Lottie

Add Your Tags

splash

Videos

Exports animations to json files and pngs (if necessary).

Animations can be played on the web via the bodymovin player or natively in iOS and Android through Lottie.

For playing the animations, get the player in the extension panel, and load it in a browser.

Supported Features

  • Shapes 
    • paths, ellipses, stars, rectangles
    • fills, stroke, gradient fills and gradient strokes
    • dashes
    • trim paths (partial)
    • rounded corners
    • transforms (position, anchor point, rotate, scale, opacity, skew, skew axis)
  • Solids
  • Images
  • Comps
  • Nulls
  • Texts
    • Most fonts are supported, they can be exported as shapes or as text provided you load the font on the browser
    • A single text declination is supported per textbox.
    • Not supported: text decorations like Small caps, or Vertical Scale.
  • Cameras (partial)
  • Expressions
    • Expressions. Partially supported. More and more expressions are supported on each release.
    • If you have any trouble with one, let us know.
    • Expression sliders are supported.

General supported properties

  • transform (rotate,scale,position,anchor point, opacity)
  • time remap
  • masks (additive, and in some cases difference, inverted and subtractive)
  • luma and alpha masks (with the svg renderer)

Supported effects (with the svg/html renderer)

  • fill
  • pro levels
  • drop shadow
  • tint
  • tritone

Exporting Tutorial

Audio support

Audio layers are supported starting from AE 2019 and above.
Check the wiki to see how to implement it
https://github.com/airbnb/lottie-web/wiki/Audio

  • Select Composition
  • Render
  • Get the player
After Effects 2020, CC 2019, CC 2018, CC 2017, CC 2015.3, CC 2015, CC 2014