Bodymovin / Lottie Animation Layer

Image without caption

Installing Bodymovin - the After Effects Extension

Bodymovin is the extension for After Effects we will use to Export our animation as Lottiefile in .json format
  1. Go to AEscripts - Bodymovin and download Bodymovin Plugin.
Tip
Currently you can not get the latest version of Bodymovin in the Adobe Exchange. Therefor we recommend AEScripts for to use the latest features of Bodymovin
  1. Execute the installer.
  1. You find the extension in "Window" -> "Extensions" -> Bodymovin

Scripts permissions

Check under "AfterEffects" -> "Preferences" -> "Scripting and Expressions" - Application Scripting: Make sure to check the box to "Allow Scripts to Write Files and Access Network"

Example After Effects Project file

This example project contains two Compositions;
Lower Third
  • In / out markers for transition steps synced with the Visual Player
  • Autoscaling textbox with max width text masking
  • Background Image with toggle
  • Box color
Loop example
  • Loop markers for syncing loop section with Visual Player

Bodymovin export settings for VRA Layers

Image without caption

Fonts bundling

When you leave fonts bundling off; make sure to set the font name mapping to fonts available in the Visuals via Use your custom font