All courses Interactions & animations course

After Effects and Lottie course introduction

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

After Effects and Lottie course introduction

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

1

Getting started

Coming soon

1

Intro to Interactions

Intro to Interactions

Coming soon

1

Interpolation, easing, and smoothing

Interpolation, easing, and smoothing

Coming soon

1

Triggers and animations

Triggers and animations

Coming soon

1

Quick effects

Coming soon

2

Interaction Examples

Coming soon

2

Horizontal movement on scroll

Horizontal movement on scroll

Coming soon

2

Parallax movement on scroll

Parallax movement on scroll

Coming soon

2

Rotate on mouseover

Rotate on mouseover

Coming soon

2

Scroll progress indicator

Scroll progress indicator

Coming soon

2

Navbar show & hide on scroll

Navbar show & hide on scroll

Coming soon

2

Reveal on scroll

Reveal on scroll

Coming soon

2

Page loader animation

Page loader animation

Coming soon

2

Show and hide on click

Show and hide on click

Coming soon

2

Reveal on hover

Reveal on hover

Coming soon

3

Lottie Examples

Coming soon

3

After Effects and Lottie course introduction

After Effects and Lottie course introduction

Coming soon

3

How to install Bodymovin

How to install Bodymovin

Coming soon

3

Animate when in view

Animate when in view

Coming soon

3

Animate a video on scroll

Animate a video on scroll

Coming soon

3

Cinema 4D in Webflow

Cinema 4D in Webflow

Coming soon

3

Lottie overview

Lottie overview

Coming soon

3

Click based animations

Click based animations

Coming soon

3

Animate a video on scroll

Animate a video on scroll

Coming soon

Course progress

0%

Up next

How to install Bodymovin

Install and use the Bodymovin extension to export After Effects compositions as JSON files.

Complete & continue

Complete course