Shop Workshops Blog Templates About Bundles Login

How to Create Parallax in After Effects

In this tutorial video, you are going to learn how to create parallax in After Effects. Parallax comes in many different flavors and designs and from a usability perspective can do many different things.

To begin designing and implementing user experiences that contain parallax, it’s important to get the fundamental concept: different elements moving at different rates. In After Effects, you can create parallax quickly and simply using the position property and offsetting the motion.

As a bonus, I share how add a couple subtle animation details that will make the user experience even better.

The steps I will be covering include:

1. Review the design in Photoshop

2. Import the design into After Effects

3. Animate the Position property across multiple layers

4. Tweak the animation to make it feel ‘just right’

5. Animate the Transparency property to add a subtle details

6. Finish with animating the Scale property to complete a clean and delightful User Experience.

FREE AFTER EFFECTS COURSE

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

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

🔥 Take 15% off your first purchase

90% Complete