After Effects and Lottie course introduction

An overview of the After Effects and Lottie in Webflow course.

We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

Many consider Adobe After Effects the industry standard for motion graphics. And you can use Webflow to bring After Effects to the web.

In our course, After Effects and Lottie in Webflow, we’ll teach you how to set up an After Effects animation to animate when a page loads, when it scrolls into view, while scrolling, and on click. We’ll show you how to render an image sequence in Cinema 4D or Blender, and control that sequence based on mouse position. 

All visually — without writing a single line of code.

These animation are built on Airbnb’s Lottie and can be created in 4 steps:

  1. Create an animation in After Effects
  2. Export the animation using an extension called Bodymovin
  3. Add your animation
  4. Set up your trigger and configure the animation

So check out After Effects and Lottie in Webflow and learn how you can use both After Effects and Webflow to their full potential.

Table of contents

Continue learning

Hmm…we couldn’t find any results for “search query”. Try a different search term or check out our community forum.

Search the forumReset the filter
Load more

Filter

Reset
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Topics
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Back to top