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

Webflow
75
257380

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

Published by: Webflow Published at: 4 years ago Category: آموزشی
web design webflow cms airpods site airpods pro bodymovin cinema 4d 3d animation lottie json webflow lottie lottie webflow after effects lottie export animation with bodymovin how to animate website animate website with after effects bodymoving 3D animations in Webflow using Cinema 4D after effects webflow animate on scroll animate 3d render 3d render on scroll scroll animation Animate a 3D render on scroll airpods pro website apple airpods pro site dideo دیدئو webflow effects render scroll airpods