Tag Archives: after effects lottie

How to add a page loading animation — After Effects & Lottie in Webflow

With a fast enough connection, page load animations should look like this. That according to Grimur, was a single frame. The animation was made in After Effects, we exported it using the Bodymovin plug-in. Now we’re going to add it to our project so it shows up on the screen and disappears once the page… Read More »

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

Apple’s AirPods Pro site is an excellent example of using the scroll position in the browser to control a 3D render. And this uses an image sequence. If you look at how the page is built, you can see that each frame of the rendered video has its own JPEG (each frame is an image).… Read More »

Control a Cinema 4D animation with your mouse on a webpage — After Effects & Lottie in Webflow

With the advent of modern web technologies, and recent advancements in time travel, not only can we model this galaxy in Cinema 4D, but we can use After Effects and Webflow to make it respond to our lateral mouse position right inside a web page. And, we’ll cover this from the very beginning, so if… Read More »

Control a Cinema 4D animation with your mouse on a webpage — After Effects & Lottie in Webflow

With the advent of modern web technologies, and recent advancements in time travel, not only can we model this galaxy in Cinema 4D, but we can use After Effects and Webflow to make it respond to our lateral mouse position right inside a web page. And, we’ll cover this from the very beginning, so if… Read More »