On-scroll page animation with After Effects, Lottie & Webflow | Tutorial

Published: 01 January 1970
on channel: Saptarshi Prakash
17,932
719

Learn to make & implement an on-scroll page animation with After Effects, Lottie & Webflow, in this tutorial.

Basics of LottieFiles :    • Twitter 'Like' Micro Interaction Tuto...  
Download the content Figma File: https://www.figma.com/@saptarshipr
My monitor: https://amzn.to/3g6Pc0G
Get on a call with me: https://topmate.io/sapta
Buy me a coffee: https://www.buymeacoffee.com/saptarshipr

----------------------------------------------

Other Tutorials in this Masterclass

Episode 1: Basics of After Effects for Motion Design, UI Animation & Micro interaction -    • UI transition and micro interaction a...  
Episode 2: UI transition & micro interaction animation Tutorial with After Effects -    • UI transition and micro interaction a...  
Episode 3: Parallax Swipe interaction in After Effects for Dribbble Shot - UI Tutorial for beginners -    • Figma After Effects UI Animation | Pa...  
Episode 4: 3D Flip Credit Card UI Animation - After Effects Tutorial -    • 3D Flip Credit Card UI Animation - Af...  
Episode 5: Tap, Swipe, Scroll Gesture & masking technique in After Effects -    • Tap, Swipe, Scroll Gesture & masking ...  
Episode 6: Page turn and flip animation for ebook app UI using After Effects -    • Page turn and flip animation for eboo...  
Episode 7: Import designs from Sketch, Xd, Figma & Illustrator to After Effects - Import designs from Sketch, Xd, Figma & Illustrator to After Effects
Episode 8: Twitter 'Like' Micro Interaction Tutorial using After Effects & Lottie -    • Twitter 'Like' Micro Interaction Tuto...  
Episode 9: Handwriting Animation with Trim Path in After Effects Splash Screen -    • Handwriting Animation with Trim Path ...  
Episode 10: Pull to Refresh Micro Interaction Beer Mug - After Effects Tutorial -    • Pull to Refresh Micro Interaction Bee...  

-----------------------------------------------

My Gear

My Desk: https://bengaluru.featherlitestore.co...
Sony a6300: https://amzn.to/3gIx0v1 (Updated Model)
Sigma 16mm F1.4 lens (Primary): https://amzn.to/38DFPRR
Sony 50mm F1.8 lens (Secondary): https://amzn.to/3rufcaB
Samson G-Track Pro condenser mic: https://amzn.to/37Rixsw
Rode Wireless Go 2 : https://amzn.to/3KQXBU0
Boya Lavalier Mic: https://amzn.to/2M0MZI7
Godox SL60w light : https://amzn.to/3HgSU3O
Godox SB-UE 80cm softbox : https://amzn.to/3GdNq8h
DIGITEK DTR 500 BH (60 Inch) Tripod: https://amzn.to/39d1m48

G
-----------------------------------------------

//ABOUT ME

This is Saptarshi (a.k.a. Sapta), an engineer turned self-taught Product Designer based out of Bangalore, India. I have worked with some of the very well known startups of India and learned anything and everything that is needed to create amazing experiences for the users. I'm also an active speaker, teacher and community builder, and have delivered over 60 talks, workshops and webinars on design. In this channel, I post videos with tips, strategies, tutorials and general gyaan to scale your career in Design. If you are into it, you may want to subscribe and hit the bell icon to that you don't miss out :)

-----------------------------------------------

//SOCIAL

Instagram:   / saptarshiux  
Twitter:   / saptarshipr  
Dribbble: https://dribbble.com/saptarshipr
LinkedIn:   / saptarshipr  
Facebook:   / saptarshiux  
Medium:   / saptarshipr  

-----------------------------------------------

//MUSIC

The jingles and the background score is composed by Sargam Prakash, an awesome designer and musician. Do check out his channel.

Sargam Prakash:    / sargampr  

#animation #lottie #webflow