Isometric in Illustrator

Adobe Illustrator has an isometric feature (Effect > 3D) that is good for creating anything very basic and straightforward. However, in order to have a lot more control over what you create, it is best to automate what you can and do the rest manually. Here is the process I followed while creating an isometric illustration of a ship for my next coloring book. I will share the ship illustration in the future, but for now let us take an example of creating a simple cube with rounded corners.

Isometric_Tutorial_01a.jpg
Isometric_Tutorial_01b.jpg
Isometric_Tutorial_01c.jpg

Note: You can automate step 3 by recording and saving the steps for each of the three sides as actions. For the top side, here are the steps:

  1. Open the Actions panel (Windows > Actions)

  2. Select the object for the top side

  3. Go to the Actions panel and click on the “Create New Action” icon

  4. Give your action a name (Isometric Top) and click on the “Record” button

  5. Perform the scale, shear, and rotate transformations on the selected object

  6. Go to the Actions panel and click on the “Stop Record” icon

The next time you want to create the isometric top view of an object, first select the object, then select the Isometric Top action, and then hit on the Play icon.

 

 

Fixing pattern lines in Illustrator

When I created a pattern for my “Owl Love” art collection in Adobe Illustrator and brought it into Photoshop as a vector object (via cut-copy-paste), thin white lines appeared in the pattern. The solution to this problem is to export the file as a PSD file with “Art Sampling” selected. (If "Text Sampling" is selected, the thin white lines still appear). The following images describe the pattern creation and exporting process. I hope this helps.

Pattern_Tutorial_01a.jpg
Pattern_Tutorial_01b.jpg