How to animate an element while scrolling - After Effects & Lottie in Webflow

[@clevanpollard]

Hey man love the voice and now finally get to see the voice behind all these videos keep up the great work

[@reymundoalvarez380]

Awesome tutorial!

[@Ernest_ereke]

Webflow вы делаете отличный продукт !!!

[@ED99P]

What file format do we export the AE animation in before placing into Webflow?? Love the tuts

[@pixelgeek]

You'll need to export your AE animation with the BodyMovin plugin to create a LottieFile JSON. This course can help you more: university.webflow.com/courses/after-effects-lottie-in-webflow

[@baraniraja8372]

How to control the animation percentage for different breakpoints ? Please Help! I have scroll into page view animation %points that need to be different for each device, is this possible? EXAMPLE: for desktop= i have a logo that scrolls into view on desktop at 5% but for mobile I would like to have the same logo scroll into view at 2%…(page view) -is there a way to have the same logo animate while scrolling at different page% points for different devices? Thank You for any help I truly appreciate!

[@jo69123]

yeah and how about when you have this, but on mobile breakpoints, animations seem to stop working

[@anupkaushik9370]

This tutorial is appreciating .. Is there any website where we can get such ready to use Motion Animation ?? ..please specify

[@Webflow]

You can download free Lottie animations over at lottiefiles.com

[@abeeraziz8237]

what the animation type ? mp4 or gif or what?

[@shereedillon743]

Is there a way I can tie my animated lottie shapes to some text over the top of them...?

[@Webflow]

Can you post this question and your project's read-only link on our forum? That way we can see exactly what you're talking about. discourse.webflow.com university.webflow.com/lesson/share-your-site

[@andreucasals]

What about if we want to have the Lottie sticky and move it while we are scrolling?

[@amehfaithfulness3574]

hey andreu i have that issue have you been able to fix it

[@jesseberg9302]

make the lottie fixed and instead of setting "while scrolling in view"use while scrolling

[@theredmaster_superbee]

friend this I've been looking for but ... can this be done with adobe animate? ... adobe animate doesn't export .json, I could create controlled animations with the browser scroll but using adobe animate and adobe muse ... how can i use animate?

[@lediozefi5784]

Couldn't you export your animation then open the frames in After Effects and from there export them using Bodymovin?

[@MohanaKumar-xy5xm]

Try to take the file into after effects and export form there. There must be a way.

[@gg-vm1oh]

This explanation is worthless. Then watch a Framer tutorial video, where they build a page from scratch and explain everything that way. You pulled in a bird with an umbrella, but it had no history.

[@Webflow]

Hello! This animation technique can be applied to any Lottie animation file, but you can also download the assets used in this course from the main course page: wfl.io/after-effects-lottie