How to Create a 3D Instagram Cube Transition in After Effects

👩🏽‍🎓👨🏻‍🎓 Go here to watch my FREE course and learn how to Create a Professional Icon Animation and Play it on Your Phone (no experience necessary):

In this tutorial you're going to learn how to create a cool 3D cube transition in After Effects.

Most people don't realize how insanely easy it is to create something visually quite stunning in After Effects.

While 3D cube transitions aren't totally common, they are cool, and once you get the feel of how simple 3D works in After Effects, you'll be stoked. You can download the source files and follow along here:

Click here to download the project assets and follow along.

Here are the steps:

  1. Import the design file
  2. Turn the layers 3D
  3. Move and rotate the right side of the 'cube'
  4. Create a null
  5. Move the null position in 3D space to the volumetric center of the 'cube'
  6. Parent the two layers to your null
  7. Drop a couple y axis keyframes on that sucka
  8. Ease those curves with the graph editor
  9. Drop a parallax light on, and enjoy!

Here is the 3D version with handles in After Effects


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