Skip to main content

​
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.
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.
  2. 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

​
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

​
Use a fallback image

In the Visual Designer, select a Bodymovin layer and turn on Computed for an image asset. Enter the image expression, then use Select Fallback image to choose an image from your media. The fallback appears when the expression has no image, such as when a song has no album cover. The computed image appears again when the expression returns one.