Web animations with After Effects & Lottie
Intermediate
1hr 19min
Create animations in Adobe After Effects — the industry standard for motion graphics. Embed and animate them in your Webflow site.
Summary
In this course, we’ll show you how to use Adobe After Effects to build movement into your design— visually, without any code. Learn how to create an animation that triggers when someone loads a webpage, clicks, hovers, or scrolls. Use this technology to render an image sequence in Cinema 4D or Blender, and control that sequence based on the position of your mouse. This course will give you the tools to use both After Effects and Webflow to their full potential.
Course outline
Get started
Get started
After Effects and Lottie course introduction
After Effects and Lottie course introduction
1:20
How to install Bodymovin
How to install Bodymovin
3:14
Lottie overview
Lottie overview
14:48
Lottie inspirations
Lottie inspirations
Click based animations
Click based animations
1:40
Animate when in view
Animate when in view
2:24