 Hello everyone welcome back to another adobe illustrator tutorial guys this time we're in adobe illustrator 2021 and I'm going to show you how to create guides Grids gutters those types of things guys, and I'm going to show you how to do it very very quickly I will quickly note up front here that a lot of people think that it can't be done Or you should just eyeball it inside illustrator and I believe that to be wrong and I'm going to show you So let's get going first step here load up illustrator like I have done Now you want to go to the top here go to file click on new and In this one, we're going to work with some web stuff because this is very very common for people that create websites Or design websites you want to be working in the web. So here we go I'm going to go ahead and click on 1366 by 768 and I'm also going to make sure that it's set to okay We're set to portrait or we're set to horizontal. Okay. We're good. Then we hit create. All right. Let's rock and roll There we go. We've got our Artboard here as you can see and let's get cracking the first step And this is the interesting one is I want to create a Rectangle now I'm going to left click on the rectangle tool here And then I'm going to left click on the artboard and it's going to go ahead and give me the option to dial in the exact Specs that I want so what I'm going to do is I'm going to punch in 1368 by 768 pixels that's the exact size of the artboard and I'm doing that very very For a good reason. So we're going to create a rectangle the exact size of the artboard left click on ok and We've got ourselves a rectangle the next step here is I'm going to go ahead and change the color of the fill from white I'm going to create I'm going to change it to red so that it's really really visible So that you guys can see a hundred percent what I'm doing also I'm going to take the stroke off of it because that doesn't need a stroke for what we're doing So again, we've changed the color to fill and again That's just for demonstration purposes now I'm going to go back to the selection tool And I'm going to drag and drop it and I'm basically just going to center it up on the On the artboard here. So something like that it looks pretty close It might not be exactly right, but it looks close enough So if you're not sure you can always just left click on the align here in the properties Just left click and then I'm going to left click on vertical align center It was a little off and horizontal align center just to be a hundred percent on Target here now the next step is making sure that you're selected on the Rectangle you're going to see here that there's a width and a height what I like to do is I'm going to create a Border and this is just this can be anything you guys want it to be it could even be zero if you don't want to have any Border, but I'm going to go ahead and have a border of 20 pixels on each side So that's a total of 40 pixels or 20 on the left 20 on the right I'm going to have 20 on the top 20 on the bottom just to demonstrate so instead of 68 I'm going to drop this down to 28 So I'm chopping off 40 pixels and you'll see that 20 came from the right and 20 came from the left and I'm going to do that to the top as well So it's going to go from 768 to 728 it will do the exact same thing So we've got our nice little rectangle centered in the middle with a 20 pixel border on all the different sides Again depending on what your project is it could be higher. It could be lower. It could be nothing This is just for demonstration purposes now making sure you're still collect click on the Rectangle here the next step and it's the critical step is you go up to object and You drop down and you're gonna see somewhere down here. I'm just trying to look where the heck is it Path go to path right click over Split into grid. This is the big one now Make sure that you've got preview selected so you can see what you're doing while you're doing it So I'm gonna left click on that preview button and now depending on what you're going for of course I'm gonna show you columns like a web developer would be really really interested in having multiple columns So watch what I do here. I'm chopping this into let's say three columns for the hell of it and I'm gonna add in a gutter. So let's say our gutter is also 20 pixels So everything's gonna be a 20 pixel gutter 20 pixels on the edge again This could be any number you want it to be this would be probably what you would want to do if you were doing some Web work, but let's say you want to do some rows as well That's just as easy go up. I'm gonna select three and three and I'm gonna add gutter in on that of 20 pixels as well So we've basically created this cool looking grid And again if this was a web thing you'd probably not do the rose But anyways, let's do it this way just to show that the technique. I'm gonna left click on okay Now we got one more step in order to make this work What you want to do now is we want to take these these Lines here and we want to take these and turn them into guides so the way to do that as you go up to the top you go to view and Down here, you're gonna see guides and you're gonna see the option to make guides This is what you want to do left click on that When you do that you're now gonna see that we have guides and we have gutters And we've got some margin on the top and the bottom and more importantly if I wanted to start creating a rectangle Let's say I would left click a rectangle Drag it out like this and you're gonna see that it Sticks to the guide so these guides are active and now if I wanted to I could just start making Shapes or adding in whatever I wanted to and it will go right guide to guide So that is all there is to it guys in Illustrator. Thank you for watching this tutorial I've got a ton more stuff coming up. Stay tuned. I'll be back soon