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.com
https://twitter.com/webflow
https://facebook.com/webflow

Duration: 00:22:09

Likes: 9143 – Views: 247964

source

After Effects Video Tutorials