Using a Perspective Grid in Adobe Illustrator
I want to show you. We're going to take, and we're going to put some artwork on the actual backpack, and we're gong to do it in perspective, okay? Perspective grid is actually really cool. It's very effective. There's a lot of things we can do with it, and what I want you to do is just sit back for one second, and I'm going to show you what I'm talking about, okay? And then I'm going to have you do it if you want to follow along. When we work in Illustrator we can actually create objects in perspective, okay? If I'm going to open up a brand new document just to prove something or show something here. If I take a look over here on the left hand side, you're going to see that we actually have a perspective grid tool sitting right over here in the tools panel. If I click on the perspective grid tool, just to show you, it's going to open up our, basically our two-point perspective grid. In Illustrator we can have a one-point, two-point, and three-point perspective grid that we can align ar...
twork to. That's what we're doing. We're just basically taking things we create, and snapping it to the grid, and letting it put it in perspective. So in it's simplest form, you guys, if you come out here, you can use this to create a little box. You can use it to create an entire cityscape. You could do whatever you want with this. Doesn't have to be the entire bunch of artwork that you use with the grid. It can be used in conjunction with other artwork. Watch this. I'm going to go over here, and I'm going to select a rectangle. I'm going to go to the rectangle tool. There is this little widget right up here, which I pick which grid I want to draw on. And I always forget to do this, okay. You got to pick. You got to say, "Do you want to draw on the left side? Do you want to draw on the right side? Do you want to draw on basically the horizontal, going like that? Or do you want to draw on no grid? Do you want to make something that is not in perspective?" Okay? I'm going to click on left grid, and if I come down here you can see. Watch what happens as I draw a rectangle now. This is pretty cool isn't it? So it's actually putting that into perspective as we draw. Now if I pick another side for instance I say, "Let's draw on the right grid now." It all kind of snaps together, and you can say, "Eh, let's draw on the right side now." So we've got ourselves basically a perspective box. Okay? It's pretty cool. There's some really great things we can do with this. Well, the way we're going to use this is dead simple. I just want to take a little bit of artwork, and we're going to put it on the side of the backpack. Okay, it's going to be really, really pretty simple to do, but it's very effective. It's something we can make it look a little bit more realistic. So what I want to do is I want to put a little piece of artwork right on the side here in that little panel right there. If your apple is covering up that part of the backpack, let's move the backpack out of the way. So I'll just drag my selection tool, and move it out of the way. Now we need to get some artwork that we're going to use. And, actually, if you guys look in your symbols panel, do you see this little ribbon-y, weird, circle-y thing over here? Okay, we're going to just use that. We have that to work with. In the lesson files I actually have a little like compass wheel that we can use, but we're going to get this done this way. First thing we need to do is we're going to make that grid show up, okay? So let's start there. Come over to the tools panel, and you're going to see perspective grid tool. Select that. By doing that the grid immediately appears out there, okay? We can only have one grid in the document, but you can move it around. It's kind of neat. This is going to be a little bit wacky, but we've got a lot going on here, okay? So it's going to be a little bit harder to work with. Here's what I want you to do. Zoom out a little bit, okay? Zoom out just a tiny bit. I'm going to use view, zoom out, and you might need to do that a couple times. Here's what I want you to see. I want you to see on the grid there are these little white diamonds down here on the left. I want you to be able to see those guys right there, okay? We are not going into the grid. This thing is insane. There are so many options and so many things you can set. I actually have it devoted as part of the chapter in the book and blah, but here's the two things we're going to do. If you look down here you're going to see that there is a little diamond down at the lower left corner. That one lets you move the whole thing, so let's do that. What we're going to do is we're going to shift it over. Now I want you guys to do this. We're going to pretend that the backpack is going to be in perspective, so we're going to put the grid on the backpack. We want the two planes to kind of go on the edge of the backpack. Do you see what I'm saying? Sort of like that. There's the side of the backpack and the side of the backpack. Okay, just get it close. It doesn't need to be perfect. Don't worry about that. All right, now you might see that the actual ... These lines going this way and that way aren't following the backpack. These two planes aren't following it exactly. Can you see? Look right here. You see this little point right here? It's a little vanishing point. You could take that little point on the left side, and move it left and right. And what I'm trying to do is I'm trying to get these little planes to kind of follow the backpack, so I'm looking at the bottom of the backpack here and trying to get this line to kind of line up. Make it perpendicular, or parallel rather, sorry. Something like that. I could, if I wanted to, I could do the same thing on the right. There's another one on the right over here. I could drag that over and say, "Eh, let's try and match this." But we don't really need to do that. I just want to get the left one. In my case it's blue, that left plane. To kind of follow the backpack's side, okay? Once you get it there, I mean we're done. We can just now put the artwork on there, okay? Come to your symbols panel. You should see that ribbon piece of artwork there, symbol. Just drag it out. Now here's the thing about symbols: you can't drag it right onto this grid thing. You gotta just drop it somewhere, so just take that ribbon piece, that ribbon symbol, drag it right out, and just drop it somewhere over here for instance, okay? Now if we want to put that on the grid ... If we can do this for anything ... Well, almost anything. You cannot do this for raster images. You can't put the raster images on a grid, but if we take shapes, text, symbols, any of this stuff we can, now that we've got it, drag it right on the grid. Okay, you gotta use a special tool to do it though, okay. This is what everybody forgets, and I forget. Come to the perspective grid tool right here. Click and hold down, and you're going to see the perspective selection tool It makes sense, but you cannot use the selection tool, the regular one, to interact with the grid. If you do, if you take stuff and move it on the grid, it's totally pulled of the grid and it doesn't work anymore. You gotta use this one. This is the selection tool specifically for the grid. Choose perspective selection tool. Now what we can do is we can grab anything and drag it, slap it on the grid, and it will put it into perspective. The only other thing we need to do is tell it which grid to put it on. Come up here to this widget, right up in the corner, and make sure that you have left gird selected. Try clicking in the box. You'll see you can click on each grid and kind of change it around a little bit, but make sure the one on the left there is selected. Come to the symbol and simply drag it on to the side of the backpack. So let me move up just a little bit here so we can see this. Symbol, drag it on, and we are now in perspective. There we go. If you want to resize it, it's a little tricky. You might want to zoom in. It's hard to see it because it is blue on blue you guys, but I can use my shift key, and I can drag and make it a little bigger, a little smaller, that type of thing. And if I click off I can see it right there. I now have it in perspective. Like I said, you can do this for just about any artwork you want. If you go out in there and type up a bunch of text, you can do the same thing. Use that selection tool, drag it right on the grid, and it will slap to the different plane that you're working on, and that's it. That's perspective. The first time I tried to teach this I had somebody build a city, and I was like, "How often do you build cities in Illustrator?" Like how often do you draw like a ... I was like, "What else can you?" Oh, yeah, hello. We actually in the ... Oh, I don't have it in there anymore. In the last version of the book we had an entire chapter on perspective, and we actually did product boxes for makeup. So we created these perspective boxes, and we put on the different artwork on there. It was actually kind of cool It looked pretty good, but anyway ... So perspective is a good thing. It can get really complicated really fast. It is quite fun. There is only one grid. If you need to put perspective on another object, maybe on another artboard, you can take this grid, and if you go back to the perspective tool, you can actually take that grid and just drag it over to the other artboard, stick it on there, and what's going to happen is it's going to basically leave that in place right there, that artwork, and just keep it as is in perspective.