Illustrator Isometric Grid | Design An Isometric Grid Illustrator Tutorial


Subscribe Here





Design An Isometric Grid Illustrator Tutorial


[MUSIC] Hello there. You’re watching Ganske the place to be to develop your creative skills and grow as a designer in this tutorial we’re going to learn how to create an isometric grid in Adobe Illustrator, so to start with, I’ve created a new artboard 900 pixels wide and 900 pixels high and we’re going to go into our illustrator preferences. If you’re on a PC, go to edit and look towards the bottom of this list. If you’re on a Mac, go to illustrator preferences and select general so in the general preferences we’re going to focus on these three boxes at the top, so we have the keyboard increment. We’re going to type not point 1 2 5 space, and then Im which is short for inches. Now it doesn’t matter what units you’re currently using as you can see. I’m currently using pixels. However, if I type I n for inches and then press the tab key, it will convert that figure into my units, so not 0.125 inches, so that’s? An eighth of an inch is equivalent to 9 pixels for the corner radius. We’re going to do the same again. So naught point three, eight space. I N press tab. And it gives us two seven point three six pixels. So once you’ve done that, go ahead and click OK and next, select the line tool left-click and hold shift to draw a vertical line. At the moment it is set to black, that’s absolutely fine and then hold shift and alt and then press and hold the right arrow key, and it might be an idea to zoom out while doing this and just keep going and we’ll repeat this all the way across the page. And then you can select all the lines you’ve drawn and just drag this up and down just to make them a bit taller. Next, what we’re going to do is drag over everything and go to object and group. So now we can drag this around as one object next select edit, copy and then edit paste in place, select the rotate tool and with the rotate tool selected press. Enter and a dialog box will pop up and you can specify the rotation here, but we’re going to specify 60 so that’s 60 degrees and click OK and then go to edit copy and again edit paste in place, go to object, transform, reflect and reflect this along the vertical axes. So what you should have now is effectively if you zoom in. We’ve created that isometric grid with equilateral triangles and these are triangles have equal length sides. So this all looks a bit messy. Now, you know, some of this doesn’t really extend all the way out, so our grid is in the middle of this big mess of lines, so let’s tidy this up. Let’s drag over everything that’s object and group, so we’ve now grouped all of our lines together, including the isometric grid next we’re going to zoom back into our artboard, select the rectangle tool and just draw a square or a shape that is equal to the size of your artboard. So for this tutorial, that’s 900 pixels wide and 900 pixels high, and you can give it a color if you like it doesn’t matter because we won’t see that in a moment and what we’re going to do is just select our isometric period and at the top of the screen look for this align to selection icon, click that and select align to artboard and you can align our isometric grid vertically and horizontally to the artboard and then holding alt and shift we can scale that down towards the center, depending on the size. You would like your grid to be. Just make sure that you don’t go too small because we don’t want any of these incomplete grid areas to show up. So if we bring that down so there we go, our entire order is covered with a fully complete isometric grid. We have our colored shape on top is the same width and height as the outlet itself so drag over these two objects, that’s our shape and our grouped isometric grid and simply go to object down to clipping mask and select make and what it will do is it will clip the isometric grid to the artboard what we can do is we can double click on this and we can go back inside and edit the lines or we can select command or control a to select everything select the stroke and we can even change the fill so we could select cyan as the fill and again with everything selected. We could go to the transparency panel and bring the opacity down if we like, and once you’ve created your grid and you’re happy, just simply click this back arrow at the top to come out of all those layers, and you can move this around now within that square or what you can do is select this shape with your grid and you could lock this layer in your layer’s panel, so you don’t accidentally move it by mistake or you can simply just select everything. Go to checked lock selection and again this is now locked and to unlock it. Just go to object and unlock all and you can then double click. Go back in and edit your grid as you like. And there we go. That’s how to create an isometric grid in Adobe Illustrator, As always. Guys, please feel free to leave any questions or comments below like this video. If you enjoyed it, take care and I’ll see you next time [Music]!