Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In this movie, I'll show you how to create the third kind of point, that you can make with a Pen tool. And that's a cusp point. A cusp is a corner between two curve segments, or a curve segment and a straight segment. And so, the idea is that it can contain one or two control handles. But if there are two, then they're independent of each other. And we're going to use a combination of cusp and smooth points, in order to trace this gentleman's face. Now, again, he would not be hard to mask. He's dark-skinned against a light background. What could be easier? However, if we were to create a pixel based mask, then we wouldn't have super-smooth outlines.
Now, if he had any hair to speak of, that was going out into the background, then the Pen tool would be a bad idea. Because the Pen tool does not serve us well, when we're working on filigree details. But because this guy's just super smooth all the way around, he's ideally suited to the Pen tool. Notice I've created another cheat layer, a template layer if you prefer, called points and handles. And I'll go ahead and turn it on. And we can see the points and handles, that are required to trace this man's face represented in red.
And this time, because this is a much more complex path, the template is designed to be viewed at 100% or larger. All right, now I'm going to press the p key in order to select the pen tool. And as opposed to creating a work path, and then naming it later, I'm going to create the path in advance, by switching over to the Paths panel. And incidentally, a single path container can contain multiple path outlines. But I want to create a new path entirely, by dropping down to the page icon. And you can either click on it to create an unnamed path, or you could Alt+Click or Option+Click on that little page icon, to bring up the new path dialog box.
And I'm going to call this path Face Outline, and then I'll press the Enter key, or the Return key on a Mac. And now we won't have to worry about whether we name the path outline later or not, because it's already saved in advance of drawing it. Alright, I'm going to start things off at this point right here, which occurs at the intersection of the guys chin, and his sweater in the background. And so, I'll go ahead drag up from that point like so, to draw a smooth point. And you can see that I'm going to be drawing this path in a clockwise direction. Again, it doesn't really matter how you start, it matters how you proceed after you begin.
So I'm establishing a pattern that will have to continue of tracing him in a clockwise direction. Alright, so there's my first point. Now I want to show you an option that you may find helpful, a lot of people swear by it, it's available up here in the Options bar. Click on that little gear icon, and you'll see one check box called rubberband. Go ahead and turn it on, and then click on the gear again, to hide that option. And now notice, that you have this kind of rubberband segment, that's connecting your cursor to the previous anchor point. The problem with this view of things is it's not quite accurate, because it doesn't account for the control handles that you're about to draw.
Notice if I click to set a corner point with no control handle, then my view of that segment did not update, because that's what it was showing me in the first place. But if I press Ctrl+Z, or Cmd+Z on the Mac, in order to undo that point, and then I click and drag, you can see that, that fundamentally changes the shape of that segment. Alright, anyway, I'll press Ctrl+Z, or Cmd+Z on a Mac, because that point's not in the right location. And I'll click here, and then drag, and notice that that changes the curvature of the segment, as I work.
And so, once again, you may find this Rubberband option helpful, or you may find the fact that you're getting inaccurate previews to be distracting. >> Alright, I'm going to space bar drag up this guy's face here. And then, I'll drag from this anchor point up. So, again I'm proceeding in a clockwise direction. And then, I'll drag it. What's going to be our first cusp point? Now, there's a couple different ways to make a cusp point. I'll show you both. The first is to click and drag from that anchor point, right there. And what you want to do, is you want to match up the angle of the opposite control handle.
Not the one that's under your cursor, but the opposite one that's controlling the segment that you're actually drawing. And then, go ahead and release. Now obviously I don't want to smoove point, I need a cusp, because his ear is coming out of his head at this location. So I need to redirect this control handle. And you do that by pressing the Alt key or the Option key on the Mac, and then you drag from that anchor point, like so, in order to sever the relationship between the two control handles. So now they're going in different directions.
And this new one, can go in any direction you like. So I'll position it right there. All right. Let's drag up his head further still, and I'll go ahead and drag from this anchor point, until the opposite control handle is in the proper location. Then I'll release, I'll press the Ctrl key, or the Cmd key on a Mac, to access my white Arrow tool on the fly, and I'll go ahead and drag this control handle down, so it matches the template once again. Alright, I'm going to zoom into 200%, because I've got a couple of tiny anchor point control handle combinations. I'll drag from this guy, to this location right there.
And then I'll drag from here to here, because I'm trying to trace along that little divot in his ear. And now, we're going to encounter another cusp point. Here's the other way to create it on the fly, so that you don't have to drag twice. You begin dragging like so from that anchor point, and you match the angle of the opposing control handle, that's always what you're looking to do, by the way, so that you're accurately tracing the top of the ear. Then when you get that handle into place, you press and hold the ALT key or the Option key on the Mac, and now you can move the other control handle independently.
But you've gotta keep that ALT or Option key down. If you release, like I did, then you're going to end up making that opposite control handle symmetrical once again. And you're going to have to re-position it like so, and then, press the Alt or Option key, this time keep it down. And independently position this control handle here. Alright, now let's go ahead and scroll up. And we've got another point that we need to create out here, in the paste board. So I'll go ahead and click and drag like so up here, because we need to trace all the way around his head.
And I'm pressing the Shift key as I drag, to constrain the angle of my control handle lever, to exactly vertical. And when you have the Shift key down, it can be any multiple of 45 degrees. So either vertical, horizontal or diagonal. Alright, I want it to be vertical, however. I really don't want to invoke an auto scroll, which I would get if I continued to drag upwards. So I'm just going to go ahead and release. And then I'll press and hold the Ctrl key, or the Cmd key on a Mac, and I'll drag this bottom control handle down like so. And again, I'm pressing the Shift key to constrain the angle of my drag to exactly vertical, and I end up getting this result here.
All right. So that's how you create cusp points in Photoshop, as well as how you make use of the rubber band function. In the next movie, I'll show you how to establish points out here in the pace board.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 57961 Viewers
119 Video lessons · 67391 Viewers
84 Video lessons · 16744 Viewers
125 Video lessons · 29615 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.