Courses Certification Live Zoom Workshops Blog Templates About Get Certified Login

How to Quickly Animate a Page Swipe in After Effects

Click here to download the source files and follow along

In this tutorial video, you are going to learn how to quickly animate a page swipe in After Effects. You will also learn some great easing numbers to create smooth gestural animations. You will also be learning critical keyboard shortcuts for being more efficient and confident in After Effects.

Knowing how to quickly build an animation, such as a page swipe is important to building confidence. This in turn helps build a solid foundation where you can develop a muscle memory and begin to start using After Effects as a sketching environment for your UI animation ideas and concepts.

The steps I will be covering include:

  1. Import your design
  2. Go over Fibonacci easing numbers at 60 Frames Per Second, specifically the numbers 13, 34, 55, 89.
  3. Block out the animation using the Position property
  4. Apply easing
  5. Iterate using the Fibonacci numbers

FREE LottieFiles Icon Animation Course For UX/UI & Product Designers

Create a Professional Icon Animation and Play it on Your Phone (no experience necessary)
  • Learn how to make an icon animation in Adobe After Effects

  • Show-off your icon animation on your phone for your team, clients, or stakeholders

  • Build a portfolio-quality showcase UI Animation 

  • Export your assets for hand-off to engineers

You're a designer, you get paid to have opinions. Share them! 👇🏽

🔥 Take 15% off your first purchase

90% Complete