Moving Layers in Isometric Projection


    Using a simple expression to move layers in isometric angles in After Effects
    Project File:


    You know what’s really not fun to do inside of After Effects? Moving things at angles that aren’t multiples of 90° is a pain. There aren’t really any guides for isometric projection. It’s not even easy to draw isometric art in Illustrator. Isometric art has been popular for quite a long time—ever heard of M.C. Escher or seen architectural drawings—so it’s kind of annoying that it’s difficult to work with isometric art inside of AE.

    Well, I can help to make it a tiny bit easier to work with. Without sacrificing our ability to move layers anywhere on screen, we’re going to build three sliders that will let us move our layers in angles corresponding to our isometric projection. This tutorial builds upon what we built in Tutorial 87: Angular Controls If you need more explanation on the math behind this, check that one out.

    This one is pretty simple, but it will save you a ton of time. I had to build some boards with a lot of isometric art in it last week, and it probably saved me hours already. And that’s why I built this! I hope it saves you time too.

    If you need the code, it’s posted at our website at the project link above. And we used Pseudo Effect Maker to make our controls instead of sliders ( But you can do this with sliders too!

    #AfterEffects #MotionGraphics #Mograph


    Please enter your comment!
    Please enter your name here