Select the right rectangle and go to the Object > Transform > Shear… and set -26,57º angle and select Vertical option.Ĭlick on Stop button in the Actions panel.Ĭlick on the Create New Action button in the Actions panel and name it Top, then press the Record button. Click on Stop button.Ĭlick on the Create New Action button in the Actions panel and name it Right, then press the Record button. Select the left rectangle and go to the Object > Transform > Shear…, set the 26,57º angle and select Vertical option.Īfter we click OK, our actions will be recorded in the Action panel. Name this set, 2:1 Isometric Actions.Ĭlick on the Create New Action button in the Actions panel and name it Left, then press the Record button. Open the Actions panel ( Window > Actions) and create a new set, by pressing the corresponding button in the panel. Let’s draw three identical rectangles with the help of the Rectangle Tool (M) with a fill of any color. Let’s create an action which will allow us to automize the creation process of isometric infographic vectors and projections, which will speed up our work today and in future projects drastically.

The isometric charts that we’ll create will work equally well in the RGB and in the CMYK color modes.Īction to Create Isometric Infographic Vectors Step 2 To begin this Isometric Infographic Vectors tutorial, open your Adobe Illustrator and create a new document ( Cmd / Ctrl + N). For comparison, on the figure below you can see a cube in two types of isometric projections. I think that ‘true’ isometric projection suits better to technical drawing, whereas ‘2:1’ isometric projection is mostly used in design. It was created in the time of pixel art and is used till today because a 30º angle might look too steep. The majority of the isometric graphics these days use a variant of the isometric projection ‘2:1’. “True” isometric projection usually uses a 30º angle, but we will use a 26.565º angle.

Topics Covered: Actions feature and Transform techniquesįinal Image: Isometric Infographic Vectors.

Program: Adobe Illustrator CS5 – CC2014.

Tutorial Details: Isometric Infographic Vectors in Near-Isometric 2:1 Projections Then we will use data for creation of flat chart with the help of the native Graphs Tool and finally we’ll create the final design. For automatization and acceleration of the process we will create three actions which will also be useful in future projects. These types of projections are used in computer games for creation of locations. In today’s tutorial we will create 3D isometric infographic vector charts by using ‘2:1’ isometric projections.

Illustrator isometric grid action