Tutorial 103: Isometric Projection

Joe Clay | Dec 29, 2017

This week we take a look at how to make an isometric projection by either faking an isometric camera in After Effects, or using the SSR—Scale, Shear or Skew, and Rotate—method.

We also rig up a cubic object so that we can control it with sliders. You can use this to build anything cubic, like buildings. And I forgot to mention it during the tutorial, but if you duplicate the sides and make them smaller, you can combine them with a repeater to get windows!

If you need to snap to the grid, you can use things like the windows, or a hexagon to snap to. If you have snapping turned on—up top next to Fill and Stroke—you should be able to snap to those features. With snapping off, you can still snap by holding Cmd/Ctrl. Make sure the other two items are checked in that snapping section so you can snap to all sorts of things as you can see in the example below.

For more information about the math involved, check out this Tuts+ Illustrator tutorial, and be sure to read the comments as well. And you might also find our Tutorial 87: Angular Controls to be helpful when moving things along the isometric grid.

If you'd like to help support Workbench, check out my Patreon page. Thank you for even considering clicking this link to support what I'm doing. I appreciate it.

Feel free to download the project file that you can use in your own projects!