Animate a 3D render on scroll (same technique as Apple’s AirPods Pro site) — Webflow + After Effects

Learn how to use Cinema 4D Lite (which is included for free in After Effects) to render a 3D phone as an image sequence, then import the sequence into Webflow to tie the animation to a website’s scroll position.

Clone this project and download the assets to follow along:
https://wfl.io/lottie-phone

The full After Effects + Lottie in Webflow course is now available for free:
https://wfl.io/after-effects-lottie

Apple’s AirPods Pro site:
https://wfl.io/airpods-pro


Get started with Webflow: https://wfl.io/2r7cVUW

https://webflow.comhttps://twitter.com/webflowhttps://facebook.com/webflow