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

Learn to make & implement an on-scroll page animation with After Effects, Lottie & Webflow, in this tutorial. Basics of LottieFiles : https://youtu.be/0AE_BtrAcRI 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 - https://youtu.be/8XWBgvT5kfg Episode 2: UI transition & micro interaction animation Tutorial with After Effects - https://youtu.be/8XWBgvT5kfg Episode 3: Parallax Swipe interaction in After Effects for Dribbble Shot - UI Tutorial for beginners - https://youtu.be/PhB5q_4x79I Episode 4: 3D Flip Credit Card UI Animation - After Effects Tutorial - https://youtu.be/XPQxoAgTRtM Episode 5: Tap, Swipe, Scroll Gesture & masking technique in After Effects - https://youtu.be/NU-vq7xAND4 Episode 6: Page turn and flip animation for ebook app UI using After Effects - https://youtu.be/K2qw6SpIEw8 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 - https://youtu.be/0AE_BtrAcRI Episode 9: Handwriting Animation with Trim Path in After Effects Splash Screen - https://youtu.be/7ra4RW5V2y0 Episode 10: Pull to Refresh Micro Interaction Beer Mug - After Effects Tutorial - https://youtu.be/Zk0jTI7eRAM ----------------------------------------------- My Gear My Desk: https://bengaluru.featherlitestore.com/product/motorized-height-adjustable-table/ 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: https://www.instagram.com/saptarshiux/ Twitter: https://twitter.com/saptarshipr Dribbble: https://dribbble.com/saptarshipr LinkedIn: https://www.linkedin.com/in/saptarshipr/ Facebook: https://www.facebook.com/saptarshiux/ Medium: https://medium.com/@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: https://www.youtube.com/user/sargampr #animation #lottie #webflow