Lottie
Primary version
Primary version
  • Introduction
  • Android
    • Basic Workflow
    • Caching and Preloading
    • Dynamic Properties
    • Images
    • Performance
    • Lottie vs AVD
    • APK size
    • Troubleshooting
    • Contributing
  • iOS/MacOS
    • Docs
      • View Controller Transitions
      • Dynamic Properties
      • Adding Views to Animation at Runtime
    • Tutorials
      • Building a Dynamic Progress Loader
    • Troubleshooting
      • Performance
      • Troubleshooting
  • React Native
    • Sample App
    • Props
    • Troubleshooting
  • Web
    • Getting started
    • Video tutorial
    • Previewing
    • Expressions
    • Troubleshooting
  • After Effects
    • Getting started
    • Install Bodymovin Plugin
      • Bodymovin settings
    • General tips & guidelines
    • Sketch/SVG/Illustrator to Lottie walkthrough
    • Advanced Illustrator to Lottie walkthrough
    • Troubleshooting
  • Supported After Effects Features
  • Other Platforms
    • Mobile
      • Xamarin
      • NativeScript
      • Titanium
      • Windows (UWP)
    • Web Frameworks
      • React
      • Vue
      • Angular
  • Troubleshooting
  • Community Showcase
Powered by GitBook
On this page
  • 1. After Effects
  • 2. Bodymovin
  • 3. Lottiefiles preview app
  • 😍 Additional goodies 😍
  1. After Effects

Getting started

PreviousAfter EffectsNextInstall Bodymovin Plugin

Last updated 7 years ago

To get started creating animations for Lottie in After Effects you'll need a few things

1. After Effects

After Effects

Get the latest After Effects from Creative Cloud

.

2. Bodymovin

Download and install the latest version of the Bodymovin Extension for After Effects. Detailed instructions

.

3. Lottiefiles preview app

Download the Lottie app on the

, or the Lottie preview app on the

.

😍 Additional goodies 😍

All of these goodies are Highly recommended. They arent essential, because you can still create for Lottie without them. But your workflow will be significantly faster and better with these extra tools.

BodyMovin

Lottie preview app

After you're all setup with those three things, check out our . Since not all After Effects features are supported see our . Lastly check out some workflow overviews in our or our

by is the ideal Illustrator to After Effects workflow. It is an extension for After Effects and Illustrator that helps get artwork back and forth between the two programss. "Think of Overlord as a way to use Adobe Illustrator as a drawing plugin for After Effects." -Lester Banks.

is a fantastic tool created by for After Effects that helps in the managing of shape layers.

is another amazing new tool from and the team. It assists in bringing artwork from Sketch to After Effects

made by converts bezier shapes to parametric shapes. Its super helpful when you have an illustrator file that has elipses or rectangles as paths, and you need them converted to the parametric shapes with size controls etc.

here
here
Google Play Store
App Store
general tips
supported features list
SVG/Sketch to Lottie walkthrough
Illustrator to Lottie walkthrough
Overlord
Adam Plouff
Explode shape layers
Zack Lovatt
Sketch2AE
Adam Plouff
Google SUMux
Parametric converter
Kyle Martinez