Jason Hoppe - Infographic Blog - Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer

INFOGRAPHIC SERIES - Isometric patterns

8/13/2018

This post was a request from a viewer about creating isometric vector patterns. They look cool and they are fun and they can be created using any shapes.

Start with the Polygon Tool to draw a rectangle. Drag the Diamond on the upper ride side of the bounding box down to create 3 sides.

Select the triangle, then select the Rotate Tool. OPTION + CLICK just above the top of the triangle. OPTION opens the dialog box, click places the point of rotation.

Here is the dialog box for rotation. TIP! To create the right number of triangles, use the inout field as a calculator! I used 360° divided by 6 and just type that in as 360/6. click the COPY button to copy the shape.

This is the result of the rotate and copy. Use COMMAND + D to redo the rotate/copy command.

Here is the COMMAND + D 4 more times.

Select all the shapes, and OPTION + DRAG to duplicate the set.

Use the COMMAND + D to duplicate the shapes several times.

Select each set and add a white stroke to each one progressively. Add the STROKE to the INSIDE of the shape.

Select the shape and click on the Align Stroke to Inside in the stroke panel.

The white stroke around then shapes will show up if you place this on a colored background.
If you are using this on a white background, you can skip these next few steps in removing the white stroke.

This is set to Outline Mode under the View Menu to show the outline and shape.
Select the shape and choose Object>Path>Outline Stroke. This will create a shape out of the path.

Select the shapes and choose Object>Compound Path>Release. Then delete the outer stroke shape, leaving the middle shape, then ungroup them.
The middle shapes will have lost their color fill, so select them and fill them again.