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.
Step 2. Create a camera: Layer > New > Camera (the standard 35mm camera options are OK)
Step 3. Change the following camera settings to:
- Camera Position: 0,0,-5000
- 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.
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:
- X Rotation: 35.264
- Y Rotation: 35.264
- 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: