Creating an Isometric camera view in After Effects

There's something wonderful about isometric animations, we're a big fan of them here at Loop. So much so we wanted to run through a micro tutorial of how to create an isometric view in After Effects.

Although isometric animations are usually done in a 3D program like Cinema 4D, there's plenty of scope for creating isometric animations in After Effects, especially with the new 3D renderer in AE.

The following micro tutorial shows how to setup a new isometric view in After Effects, alternatively we've created the Angle After Effects Script, in just 3 clicks it will add an isometric camera for you!

So let's take a look at what the Angle script does when creating an isometric view:

It's all in the camera

Step 1. Let's say you have a composition setup like the one pictured below, we have a 2D background, and a 3D text layer.

After effects composition setup

Step 2. Create a camera: Layer > New > Camera (the standard 35mm camera options are OK)

Step 3. Change the following camera settings to:

  1. Camera Position: 0,0,-5000
  2. Zoom: 5000px

Step 4. Add a new null object to the composition: Layer > New > Null Object (call it something like Camera Control)

Step 5. Make the Null object a 3D Layer

Step 6. Using the pick-whip tool, parent the camera to the Null object.

Pickwhip tool after effects

Step 7. Select the null object and hit the R key - or bring up the rotation options.

Step 8. Change the null rotation values to the following:

  1. X Rotation: 35.264
  2. Y Rotation: 35.264
  3. Z Rotation: 35.264

And that's it! You now have a cool looking isometric view in After Effects

Alternatively, look how easy it is using the Angle script:

Add isometric camera to after effects angle script