Easy Scroll Animation For Beginners (Framer Tutorial)

Опубликовано: 25 Январь 2025
на канале: Tim Gabe

10,717

323

In this Framer Tutorial for Beginners we will learn easy ways to create impressive scroll animations.

🔴 Working File: https://timgabe.com/resources/easy-pa...

Timecodes
0:00 - Introduction
0:07 - Overview of What You'll Learn
0:12 - Explaining the Animation Sequence
0:39 - Setting up the Initial Structure
0:49 - Adding Elements to the Section
1:03 - Layer Organization
1:14 - Importance of Non-Nested Layers
1:28 - Tweaking the Layout
1:46 - Responsive Scaling of Background
1:54 - Positioning Text Stack
2:06 - Layout Adjustments
2:29 - Making the Design Responsive
2:50 - Adding Section to the View
3:05 - Width Settings and Tips
3:16 - Prepping for Animation
3:34 - Banshee Animation Setup
4:11 - Picking the Trigger Section
4:45 - Animating the Background Image
5:34 - Adjusting Banshee Animation
6:25 - Text Animation Setup
7:27 - Copying Animation Effects to Other Elements
8:00 - Adding Delay to Text Animation
9:04 - Debugging and Tweaking
9:37 - Final Section Fade-In