Fri. May 29th, 2020

Secret Hosting

All About Hosting and Code

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

1 min read

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:

The full After Effects + Lottie in Webflow course is now available for free:

Apple’s AirPods Pro site:

Get started with Webflow:

Copyright © All rights reserved. | Newsphere by AF themes.