Framer Scroll Animations For Beginners скачать в хорошем качестве

Framer Scroll Animations For Beginners

Scroll animations in Framer are much less complex than you think, even if you're a beginner. 🔴 learn about the future of creative work: https://timgabe.com/newsletter 🔴 Working File: https://timgabe.com/resources/scroll-... 🔴 Framer Course: https://timgabe.com/framer-course Timecodes 0:00 - Introduction 0:18 - Setting up the initial layout; option to access finished working file. 0:28 - Creating a frame with specific dimensions and properties. 0:45 - Designing a text field titled "scroll animation". 1:00 - Adding an image frame with certain effects. 1:23 - Creating the scroll container and setting it up. 1:50 - Introducing the text container and modifying text fields within. 2:28 - Adjusting the layout and direction of the text containers. 2:52 - Finalizing the look of the text fields. 2:59 - Adding and arranging icons within a frame. 3:38 - Creating a component with variants, changing icon positions. 4:01 - Adjusting component settings and alignments within scroll container. 4:14 - Applying color adjustments and ensuring layout properties. 4:34 - Beginning animation: introducing the scroll speed animation. 5:02 - Introducing scroll animations for text fields. 5:25 - Setting up scroll animations for specific sections. 6:58 - Introducing the scroll transform for dynamic growth effect on text. 8:06 - Introducing the scroll variants to swap component variants while scrolling. #framer #framertutorial