Creating Lottie animation using After Effects

Preparing Your Composition

Before exporting, ensure your composition is optimized:

• Set your composition to the final output size
• Keep frame rate at 30fps or 60fps for smooth playback
• Use solid colors and simple shapes when possible
• Organize layers with clear naming conventions
  
  

Step-by-Step Export Process

1. Open the LottieFiles Panel
   • Go to Window > Extensions > LottieFiles
   • The panel will dock on the right side of your workspace
2. Select Your Composition
   • In the LottieFiles panel, your active composition will be detected automatically
   • If you have multiple compositions, select the one you want to export
3. Preview Your Animation
   • Click the "Preview" button
   • Watch how your animation will render as a Lottie
   • Check for any compatibility warnings (yellow/red indicators)
4. Configure Export Settings
   • Choose your export quality (Good, Better, Best)
   • Enable/disable "Glyphs" for text handling
   • Select compression level
5. Export
   • Click "Export Lottie"
   • Choose a save location
   • Wait for the export to complete
   • Your Lottie JSON file is ready!

Best Practices for Your First Animation

• Start simple: basic shapes, colors, and movements
• Avoid complex effects that may not be supported
• Test your exported Lottie in the LottieFiles preview player
• Iterate based on how the export looks