Introduction to a Course on After Effects and Lottie

Many regard Adobe After Effects as the leading software for creating motion graphics. Utilizing Webflow allows you to integrate After Effects animations into web designs.

Within our tutorial, ‘After Effects and Lottie in Webflow,’ you will be guided on setting up After Effects animations to trigger when a page is loaded, as it comes into view while scrolling, during the scroll, or upon click. We will demonstrate the process of rendering an image sequence in either Cinema 4D or Blender, and how to manage this sequence based on the mouse’s position.

All this can be achieved visually, eliminating the need for any coding.

These animations are developed using Airbnb’s Lottie and can be generated in just 4 simple steps:

1. Construct an animation in After Effects
2. Export the animation utilizing a plugin called Bodymovin
3. Incorporate your animation
4. Establish the trigger and customize the animation settings

Explore the capabilities of After Effects and Lottie in Webflow to discover how you can harness the full power of both After Effects and Webflow.