Lessons

Lesson Info

Pen Tool Shortcuts in Adobe Illustrator

Now, what we're going to do here is we're gonna switch gears a little bit, and start talking a little bit more about pen tool in drawing, and talk about some other drawing tools as well, kinda get in there. So, what I'd like to do is, we're gonna open up another file. So, why don't you come to file, and come to open. And, let's get in here. If you go into the day two folder, you're going to see segment one. I've got a filed called Pen_practice.ai. Now, what I want to do is I wanna show you some key shortcuts for working with the pen tool. This is not all of them, but it's the big ones we need to know. Go ahead and click open, and open it up, and what we're gonna see is, we're gonna see a couple different artboards in here, okay. I'm wanna focus on the first one on the left over here, so, why don't you go ahead and fit that artboard in the window. Alright. Now, we're gonna start to draw a little bit, and I'm gonna show you some different key commands that we can use for drawing. You get...

these, obviously. These are part of the lesson files, and what I did was I pretty much put an explanation in here of what you need to do as you work with this to create this shape, but this is kinda a nice little practice you can work with, okay? Why don't you do this for me: go ahead and select the pen tool over there. Here's a few key shortcuts that you are gonna want to learn when you draw with the pen tool or work with artwork in general. I like to draw with a black color on the stroke when I draw with the pen tool, so I can see it easily, that type of thing. Sometimes you can't. Sometimes you're drawing with color, whatever, but if you do this for me, press the letter D right now. You guys, that letter D is gonna be magic. It's something you're gonna use a lot. If you ever have... just watch up here for a second. If you ever have a shape or something you're working with, and you're like, hey, I gotta stroke and a fill on there, ya know, something like that, and what I'd like to do is I'd like to get that back to black and white, just a white fill with a black. Pressing the letter D with a shape or an object selected, will automatically put the white fill in there and a black stroke on it. It will kinda wipe off some of the formatting. If I'm drawing with the pen tool, it's gonna make sure I have a black stroke to start with at one point usually, okay? Now, I do not wanna fill to start with with pen tool because, for me, when I draw with the pen tool, you guys watch this. If I go out, and I'm drawing a particular path. Maybe I'm tracing something for instance. If I draw with this, look what it's doing. It's actually covering up the thing I'm trying to trace. Can you guys see the white fill in there? Okay, so, you gotta be mindful of what you're working with, so come up to fill up here, and let's go ahead and remove the fill. Here's a couple other keyboard commands. If you wanna learn these, you can. I use these all the time. If you wanna effect the stroke or the fill on a selected object or when you're about to draw, for instance, go ahead and press the X key right now. Look down at the lower left at the tools panel down here, as you press the key. Press it a couple times, X, X, X, X. You're gonna basically say, hey, we're gonna focus on the fill or the stroke, which ever one is up front. You guys, there are three commands that I use a lot. If you use the ? or the /, which ever key 'cause its on the same key, what that does, is it actually removes the stroke or fill, which ever one is selected. It says apply none. That's actually a good one. I love that. So, here's what I do. Here's my magic command list when I start drawing with the pen tool. This is just my own personal preference. I will select the pen tool. I'll press the letter D. I'll go right to black stroke, white fill. I'm looking down there in the lower left. I will press the X key until the fill comes front forward. I don't want a fill white. I will now press the ? or the / to remove the fill, and I got myself it all set up, so I'm off one point, black stroke, let's start drawing. I know those are a lot of keyboard commands I'm throwing out there at ya, but there are few that I use a lot, okay. Alright, you guys ready to go to the pen tool? Alright, we're gonna learn some shortcuts here, some key commands that we're gonna use. So, what I'd like you to do is come up to stroke up here, and we're gonna change the stroke weight a little bit before we draw, just so it kinda covers up the paths that we're gonna trace. So, change the stroke weight to maybe like five point or something like that. That way we can see it out here as we draw it. Come to start. I'm gonna zoom in here a little bit. Come to start, right there, and what we're gonna do is we're gonna start to draw this gray curve right here. So, just do this for me. Come to that point right there, Click and Drag, Drag up. We are always, a lot of times, looking behind as we draw, In the case of the first point, you're looking forward. You're trying to see which direction is the anchor gonna go or the path gonna go, so that's usually the way we're gonna Drag. Come up to that red point and let go, and we've got out first anchor point. Come down over here, and what I'd like to do is we're gonna make that gray path, right there, the gray curve, so I'm gonna Click and Drag. I'm making a curve, so I'm gonna Drag away, right? I'm looking backwards thinking, okay, well, that looks not too bad. Now, I wanna show you a command here that I think is really, really useful. If you're drawing a path and you need to be exact, maybe you're tracing something for instance... If you've ever drawn with the pen tool, you've put the anchor point in the wrong place at times, okay? Go ahead and let go. Just let go. You've got yourself the path to start. I just messed up, okay? So, what you can actually do right now is you can go to Edit Undo, if you want to Command + Z, and it will undo the last point you just created, and let you try it again, okay? So, Command + Z if you don't know that shortcut, you gotta learn that one, Undo, Undo, but if I choose Edit Undo Pen right now, what's cool is, instead of deleting that point, I can just keep going, okay? So, now I'm trying it again. I'm like, oh okay, I can keep going, so I can try it again. So once you do that, just get the point out there, make sure you got it looking something like that. Now, don't let go yet as you're drawing, okay? If you did, go ahead and choose Edit Undo. Start drawing it again. Watch me up here for one second. I know I'm asking of you a lot right now. If you drag a point out and you realize the point's in the wrong place, it needs to be further over, you can actually hold down the Space Bar and Drag the point where you want it, let go of the Space Bar, and then keep drawing. I did not let go of my mouse once while I was doing that. You hold the mouse button down, hold it down. This is a circus; it's a little juggle, okay? So, I can use Space Bar, Drag, let go of the Space Bar, keep drawing. Now, once you get the path to look something like you want it, go ahead and let go. You finally let go. Your finger's gonna go numb. Okay, now what we need to do is, I want the curve, the next curve, to go straight up and over. We're gonna kinda come up over like this. The problem is, if you look at the Rubber Band right there, if I come over here, it's gonna go down, right? So, here's what we need to do. We need to take the little direction handles, these guys right here, and we need to do what's called split them. If you ever want a curve to just suddenly bounce in a different direction, instead of going straight curve like this, we wanna make something like this maybe go in a different direction, you're gonna have to take the direction handles that are coming off of that anchor point, and split them and move them independently, okay? What you can do right now, if you want to, is, if you come back up to that point right there, hover over the anchor point. You're gonna see on the pen tool there's a little carrot showing up, a little v. You can now do this. You can actually drag out the direction line again. You can redraw it, so we can take this, the one that's going away from the point. Just watch if you want. I can Click and Drag away, and actually create it like this. I can kinda drag and pull it away, and actually pull it out again, okay? Now here's the magic, you guys. Let me put this back where it was. You'll notice that it's not actually split. They're still kinda moving in tandem, right? If you want to, you can actually come to the anchor point down here, this is the way I do this a lot. If you come to the end of it, the direction line, right down there, hold down the Option key, for one second. You're gonna see this little v show up, okay? This is the anchor point tool. What you can do now is you can actually split them by dragging. I can grab the end of that little handle and split it and move it up here, if I want. You guys, what I'm doing right now is I'm taking this handle, 'cause it's going for the next curve, and I'm saying the next curve is going up, so I wanna point this thing up. I can then let go of my mouse and let go of the key. Did that work? Okay. Now let's try that over here. Come over here. You can Click... now I'll do it again, if you wanna watch me, and then you can do it. I Click + Drag. I'm looking at the path. I'm like that looks pretty good. You guys, these red circles are just a guide. I can let go. I can hold down the Option key, come back right here to the end of the anchor point, the actual direction line, drag it up. Sometimes you're gonna miss it. There we go, drag it up, put it where I want it, let go of the mouse, let go of the key, and I'll keep drawing, okay? This is called splitting the direction handles. How's that working? Is that doing okay? Okay, you're not gonna be a pen tool master in three minutes, okay? This takes a lot of practice. This is one of the reasons why I actually wrote the instructions down there, so you can tell what to do. Yes, Jim? Brian, how long does it take to master the pen tool? What was that number? Do I have to say that? (laughing) Since the beginning of my career, I've heard people that are really good at the pen tool say that it's 10,000 hours. Okay, tell you what, let's do this, I'm gonna move over. I'm using the hand tool to move over. Does everybody have another point free that they can use one of these points to draw? Okay, I'm gonna show you the faster way to do this, okay? I know it's baby steps, but we're gonna get to the final, and this is the way you draw in the pen tool. Just watch me up here for a second. I'm gonna Click + Drag and do the same thing. Whoops, hey you guys watch this. If you ever Click + Drag... If you've finished drawing the previous path, you can actually go back and Click on it, you're gonna see a little line show up, and say, hey, I wanna keep drawing, okay, so I can Click on that path right there and keep drawing. Otherwise, it's gonna continue another path. I just messed up and deselected, that's why. Watch up here. I'm gonna Drag down. I'm looking at the path. I'm like hey, that look's pretty good. Now what I need to do is, I need to take that direction handle and split it and swing it up because the next path, the curve is gonna go up, without letting go. It's the same thing we've been doing. Without letting go of my mouse, I can hold down the Option key, Drag up, put it where I need it, let go of the mouse, let go of the key, and I keep going. The only difference between what we were doing is we didn't let go and go back to it and hold the key down, so don't let go, okay? So, try it out. Go to one of the anchor points, Click and Drag, get the curve, the previous curve, looking good, hold down the Option key, Drag the split, put it where you want it, let go of the mouse, let go of the key, and then keep drawing, and you can just kinda start to master this method of creating these kind of curves. You guys, that is one of the big shortcuts that we use a lot of, a big shortcut, okay? Here's another one that I wanna show you. (coughs) Excuse me. Is everybody done? Ya'll go the path at least further over? Okay, now what if I wanna go somewhere else, and I'll start drawing somewhere? Move your pen tool somewhere else. Move the pointer somewhere else. You notice that it's gonna keep drawing, right? There are 50 ways to say Illustrator stop drawing, let me draw another one. Here's one way. Press the letter P right now. And, move your cursor, move your pointer. That's how you can stop drawing a path, okay? To me, that's the fastest way to do it. What you're actually doing, the letter shortcut for the pen tool is P. You're basically just saying, hey, let's reselect it, and it kinda tricks Illustrator into saying, oh, okay, we're gonna draw another path. We're gonna draw a path, so, there's a lot of ways to do that. Some people don't like that, but that's one way. Now, here's something cool that I love with the pen tool. Take your cursor, or your pointer, and put it over the path that's already there. It should still be selected which is great. You'll notice that we can now, like we said before, we can add anchor points, delete anchor points, switch to direction selection tool, try to edit it, but watch this. With the pen tool selected, I can do this while I was drawing, too. If you come out here and hold down the Option key right now, the Option key with the pencil, this is kinda new actually, newish, you can then go to one of the paths and just Click and Drag it like we did before with the direct selection tool. Drag it anywhere. You can actually go down. You guys, this is so cool. Look at this, I mean, I could actually just go straight down if I wanted to and just change the curve directly. That way, I don't have to mess with the direction handles all the time. Sometimes this works really well, okay, so that gives you the option, if I need to give a little bit more curve to this or do something to it, it's not quite there, I can kinda fix it, and say, we're good. Let go of the mouse, let go of the key, and you got it. Alright, let's go over to the next artboard over. I've got one more artboard over there. I'm gonna use my hand tool and kinda move over. I'm gonna zoom out just a hair, so you can see this. I just wanna show you another keyboard commmand for using this. Why don't you come over here, and what we're gonna do is we're gonna draw the same kinda curve that we did before, okay, so I'm gonna start right here by Clicking and Dragging, and we're starting with a direction line, we're pulling away 'cause we need to start with a bigger curve. That's why I'm doing this. I'm gonna come over here, and I'm gonna Click + Drag. I'm always looking back and saying, does that look good? Yeah, that looks pretty good. Why don't you go ahead and do that? Go ahead and draw your first arch. Now, what we're gonna do next is we're gonna go from a curve to a straight line. This is actually one of the easiest things to do, but it seems a little tricky, okay? If you have these two direction handles showing out here, right, on the last anchor point, if I were to go and move my pointer away, you're going to see exactly what the next curve is gonna do. It's gonna be a curve pointing down because the direction handle is going down, so what I can do is, if I wanna go from a curve with a pen tool to a straight line, all I gotta do is I gotta get rid of that direction handle 'cause that's like a magnet pulling the line away, okay? So, what you can do right now... I'm not gonna hold any keys down. All we have to do is go back to the point that we had, the last anchor point, when you see the little v, Click. What that does is it takes that leading direction handle, and sucks it back into the point, basically gets rid of it. You can now go across and draw a straight line. Just move the pen tool anywhere. Now, if you want it perfectly straight, while you're drawing with the pen tool, hold the Shift key down, so Shift + Click, and I can draw perfectly straight. You can streamline I should say. Now, the same thing works in the opposite. Let's pretend I'm drawing straight lines with the pen tool, Click, Click, Click, Click, Click, not dragging. Now I need a curve. If you come back to the last anchor point you had, and there's no line, no direction handles coming out of that thing, you can hover over it, same thing, nothing held down, Click and Drag away, and you can pull out a direction handle. Then I can just keep going on, and say, that looks pretty good. If I don't want the direction handle here, I come back to the anchor point, I Click, pulls it back in, I can then keep going. Shift + Click, pull it out, Click + Drag, and create my curves. These are definitely some of the key techniques that we're gonna want to learn, okay, that we work with when we work with the pen tool. I know you guys wanna practice, practice, I know. This becomes addictive, it really does. The pen tool takes a lot of time, and it's something we have to do quite a bit, okay. Alright, so we're gonna keep going here. I just wanna show you one other shortcut that I think is really, really super, duper important. As you're drawing with the pen tool, what you can do is you can actually hold down the Command key and the last selected selection tool, the black arrow or the white arrow, is selected. Why don't you go ahead and hold down the Command key. What tool gets selected? What does it look like? It's the black arrow, isn't it? Okay, so, what I always do when I start with the pen tool is I switch to the white arrow first and then start drawing with the pen tool. I forgot to do it in this case. The Command key goes to that selection tool. The reason why that's so important... Here watch one second. I'm gonna hit the letter P and stop drawing. I'm gonna draw another path real quick, but first, what I'm gonna do, I'm gonna select the direct selection tool, select the pen tool, and if I Click + Drag, watch what happens when I hold the Command key down now. I can actually go to the direct selection tool and start editing the path, let go, and I'm back in the pen. I think that confuses people a lot, and it confused me in the beginning.