Design & Animation: Getting Started

All you need to know for software, initial considerations, animation guidelines and templates.

Add the Supers video here again

Required Software

  • OBS Studio

  • After Effects

  • Bodymovin Plugin

Operating System: MacOS is not currently supported, only Windows.


Initial Considerations

Familiarize yourself with Lottie and Bodymovin for After Effects to create animations compatible with OBS.

Check Lottie’s supported features for compatibility, especially for masking and feathering options.

Read the Bodymovin Documentation For After Effects basics and installation.


Design & Animation Guidelines

Simplify Your Workflow

Lottie works best with shape layers and no 3D elements. Use nulls and 2D tracking, as cameras and lights are not supported.

Manage Use of Textures and Image Sizes

Use cropped images and sequences where possible and minimize texture sizes as large image textures can cause memory issues.

Use Gradients Wisely

Prefer the gradient effect in After Effects over image gradients to avoid performance issues.

Workflow Overview

  • Utilize shape layers with no 3D animations.

  • Limit textures, limit image sequences and use small image sizes.

  • Maintain clear naming conventions and organization with pre-comps.


Sample Files

Here are some sample files for you to explore and familiarize yourself with the framework we've developed for Supers.

Last updated