Beginners Guide: How To Use The Pen Tool In Photoshop

*Updated January 2022*

PEN-TOOL-BEGINNERS-GUIDE---PART-1---DRAWING-STRAIGHT-AND-CURVED-PATHS

You’re here because you want to know how to use the Pen tool in Photoshop. I’ve been teaching both Adobe Photoshop and Illustrator for over fifteen years, and I can say without a doubt, the Pen tool is probably the most feared and avoided tool in both apps.

Although it can be a frustrating tool to use at the beginning, it is very useful for graphic design and illustration and for selecting objects. This photoshop tutorial will help you learn how to work with the Pen tool.

The Pen and Shape tools work in almost exactly the same way in several Adobe apps including Photoshop, Illustrator, InDesign, Animate, After Effects, and Premiere Pro. So by learning how to use it in Photoshop, you’ve already got a headstart if you want to learn any of the other Adobe programs.

If you need it, you can download a Photoshop Free 7 Day Trial

I’m breaking this guide into easily digestible chunks.  Here’s what we’ll cover:

What Is A Path?

A path is a straight or curved line which is the outline of a vector shape. Click here to find out more about the difference between vector and raster graphics. 

What Is A Path In Photoshop

In Photoshop, we can draw paths using the Pen tool, the Freeform Pen tool, the Curvature Pen tool, or one of the Shape tools (rectangle, ellipse, polygon, line, and custom shape). The Curvature Pen tool works in a slightly different way than the Pen tool.

Pen Tool High Res
Pen Tools
Shape Tools Photoshop High Res
Shape Tools

The Pen tool can be used for drawing very precise paths. We can fill the paths with colour and/or stroke them with colour. We can also turn those paths into selections. So let’s get started with using the tool to draw straight lines.

Note: All of the screen grabs you see here are taken from Adobe Photoshop CC, but almost everything you read here is applicable to older versions of Photoshop going back several versions.

Drawing Straight Lines With The Pen Tool

1 – Draw A Path With The Pen Tool

1 – Create a new blank document in Photoshop by choosing File > New. I’ve created one at 1000 x 1000 pixels with a resolution of 72ppi.

2 – In the toolbar, select the Pen Tool.  The shortcut is to hit P on the keyboard.

1-Pen-Tools-In-Photoshop-Toolbar

3 – Before we start drawing with the Pen. let’s set up some Options in the bar at the top of the screen.

Pen Tool Options High Res
  • Choose Shape from the first drop-down option.
  • Choose No Color from the Fill pop-up menu.
  • Choose a red color from the Stroke pop-up menu.
  • Enter 5px for the stroke width.
  • In the Stroke Options window, choose Center from the Align menu.
  • Make sure that the Rubber Band check box is not selected in the Path Options pop-up menu.
  • Make sure that the Auto Add/Delete option is selected.

Note: If you’re outlining a subject that you want to select, or for drawing a path to add pixels to afterwards, choose the Path instead of the Shape option.

When you first select the pen tool, before you draw any points, a small asterisk will appear beside the cursor. The asterisk means that you are about to start drawing a new path.
3-Pen-Tool-Start-A-New-Path-1
It’s important to pay attention to the small symbols which appear beside the Pen tool cursor because it tells you how the Pen will behave.

4 – Click once on the document where you want the straight line segment to begin. Do not drag.

Pen Tool Anchor Point

5 – Move your cursor to another part of your document and click again to add the next point. The points that connect paths are called anchor points.

Pen Tool Drawing A Path Shape Layer

Because we chose the Shape option, you’ll see that there is a new layer in the Layers panel called Shape. 1 This layer contains the vector shape that you are currently drawing.

Notice that the first anchor point you created when you clicked the first time is now hollow, while the last anchor point is a solid square. A solid anchor point means that it is currently selected.

Note: If direction lines appear (they look like extra lines or handles coming out of an anchor point), you’ve accidentally dragged the Pen tool and you will draw a curve rather than a straight line. If that happens, choose Ctrl + Z (Windows) or Cmd + Z (Mac) to undo, and click again.

6 – To continue creating your straight line segments, just keep clicking on the document where you want to put an anchor point and Photoshop will create the path in between.

Pen Tool Multiple Points

Tip: If you want to constrain the angle of the segment to a multiple of 45° hold down the Shift key as you click.

Pen Tool Click To Close Path and Closed Path

The path you see above on the left is called an Open Path. That means the starting point and the endpoint are different, they do not join. The path on the right is a Closed Path.

If you want to fill an area with colour, it’s a good idea to close the path, otherwise, you can get some strange results.

To close a path, simply click back to the first point you created. You will see a small circle appears next to the Pen tool pointer indicating that the path will close correctly.

Once you close a path, the cursor will immediately change to indicate that the next time you click on the document you will be starting a brand new path.

If you want to leave a path open but then start another new path, Ctrl + Click (Windows) or Cmd + Click (Mac) anywhere away from the path you drew. Alternatively, you can finish a path by clicking on any other tool in the toolbar.

2 – Add and Delete Anchor Points

There will be times when you want to add extra anchor points to your paths or delete existing anchor points that you don’t need.

A good rule of thumb when working with vector graphics is to use as few anchor points as possible to achieve smooth lines. This is particularly true when drawing curved paths with the Pen tool, which you’ll see shortly.

Deleting an anchor point on a path

1 – Select the Delete Anchor Point tool from the toolbox (hidden under the Pen tool).
6-Remove-Anchor-Point-Tool

2 – Notice the minus sign under the cursor when you roll it over an anchor point. Click on the point you want to delete.

Pen Tool Delete An Anchor Point

Adding an anchor point on a path

1 – Select the Add Anchor Point tool in the toolbar. 7-Add-Anchor-Point-Tool

2 – Click anywhere along a line segment using the Add Anchor Point tool.

Pen Tool Add An Anchor Point

Often the path shape may not look very different after you add a point to a straight segment, but when you edit the point (we’ll come to that in a minute) then you’ll see the difference.

Straight Path Pen Tool Practice!

So that’s how to draw straight line segments, very easy and nothing to be frightened of there. The key to using the Pen tool is practice, practice, practice.

Create a new Photoshop document and do the following:

  • Try drawing open paths of Zig Zags.
  • Try drawing closed paths of triangles, rectangles, squares, polygons, stars and other random shapes where the first anchor point becomes the end point.
  • Get a feel for finishing paths and starting new ones. Have a go at drawing all of the shapes below. It will help you get a feel for using the pen tool.9-Pen-Tool Practice

How To Edit Paths And Anchor Points

1. Select the Pen tool, and choose Shape and any colour you like for the stroke. Draw a zig-zag path.

Pen Tool Zig Zag Path

2. You can select an entire path using the Path Selection tool (the black arrow).
Click anywhere on the path to select it. Once the path is selected you can move it or transform it (scale, rotate, flip).

3. You can select individual anchor points using the Direct Selection tool (the white arrow). Click on any single anchor point to select it. Remember, selected anchor points are filled while unselected anchor points are hollow.

Direct Selection Tool

4. Once an anchor point is selected, you can drag it to change the shape of the path.

Direct Selection Tool Drag Up

You can select more than one anchor point at a time by Shift + Clicking with the Direct Selection Tool on the anchor points you want to select. Or you can drag a box or marquee around the anchor points you want to select using the Direct Selection Tool.

Direct Selection Tool Multiple Anchor Point Selection
Direct Selection Tool Multiple Anchor Point Selection 2

When multiple points are selected, drag on one of the points and all selected anchor points will be affected, and the path will change accordingly.

Direct Selection Tool Drag Two Points

Drawing Curves With The Photoshop Pen Tool

In this part of the Pen Tool Guide, you’ll learn how to draw

  • a gently curving open path  (easy peasy)
  • a closed circle path  (easy)
  • a complex path made from curves and straight points (a bit more tricky, but an essential skill)

Once you’ve gained an understanding of how the curves work, combined with some practice, you’ll soon find yourself becoming a Pen Tool Master!

How curved paths are created

Unlike straight paths, which are simply a matter of clicking once, then picking where you want your next point and clicking again, curved paths are created by clicking and dragging out direction handles.

The first time you click and drag, you set a starting point for the curved path and importantly, you also determine the direction and size of the curve. As you continue to add a point and drag, a curved path is drawn between the previous point and the current point.

Two things happen when you click and drag with the Pen tool.

1 – An anchor point is placed on the artboard when you click.

2 – Direction lines and handles from the anchor points are drawn when you drag.

We use the direction lines and points to determine the direction and shape of the curved path we’re drawing.

3 – Draw A Curved Path With The Pen Tool

Let’s start by drawing a gentle curving line.

1 – Select the Pen tool (P) from the toolbar.  11-Pen-Tool Curves

2 – Let’s use the same Pen tool options as before:

Pen Tool Options High Res


3 – Click once to put down your first anchor point.
13-First-Anchor-Point

4 – Move your pointer to the right of your first anchor point, then click and drag up and to the right. This creates a slight curve in the path and as you can see, two handles appear either side of the second anchor point. These are the direction handles and the control the direction of the curve and the size of the curve.

Pen Tool Draw A Curve

5 – Add another point farther to the right and click and drag in a downward direction. You should now be seeing a wave-like path.

Pen Tool Add A Curve Point

6 – Add one more point to the right and drag out horizontally.

Pen Tool Add More Curve Points

7 – To finish drawing your path, just Ctrl + Click (Windows) / Cmd + Click (Mac). 

Notice how the Pen Tool cursor changes and a small asterisk appears. This indicates that when you start to draw again, you will be starting a new path.

4 – Draw a closed circle path with the Pen Tool

A closed path is simply a path where the first anchor point is the same as the last point, for example, a circle, a rectangle, a star. We’ll draw a circle.

  1. Select the Pen tool (P) from the toolbar.
  2. Choose Path mode in the Options bar at the top of the screen. This means there will be no colour stroke or fill.
  3. Click, hold and drag the pen tool pointer upwards. In this example, we’re creating an upward curve.
    20-Draw-A-Circle-With-The-Pen-Tool

An anchor point appears where you first clicked and two direction lines extend above and below the anchor point.

  1. Continue the curve, by clicking to add a new anchor point and holding and dragging downwards.
    21-Draw-A-Circle-With-The-Pen-Tool
    22-Draw-A-Circle-With-The-Pen-Tool

If you make a mistake while you’re drawing, choose Edit > Undo New Anchor Point or press Ctrl +Z (Windows) or Cmd + Z (Mac) to undo the last point you drew, and try again.

  1. Move your pointer over your first anchor point and notice how a small circle appears below the pen tool cursor. This indicates that if you click on the first point, you will close the path. So go ahead and click on the point.
    24-Draw-A-Circle-With-The-Pen-Tool

Your path is now closed and you should have a near perfect circle or at least a reasonable ellipse shaped path. It doesn’t matter if it’s a little egg-shaped :).

Remember you want to use as few anchor points as possible to get smooth curves when drawing with the Pen Tool.

Tip: If you hold down Shift as you click and drag, you constrain the slope of the directional line to 45° increments.

5 – Combine curved and straight path segments with the Pen Tool

Now we’ll draw paths that combine straight corner points with curved or smooth points. This is probably the hardest part of using the pen tool, but after a bit of practice it becomes easier.
25-Straight-Points-And-Curved-Points

Curved anchor points have directional lines/handles that are opposite each other, 180° apart.

Corner (or straight) points either have no directional lines, only one directional line, or two directional lines that are at an angle that is not 180°. ( A little bit confusing, I know!)

Probably the most difficult part of drawing with the Pen Tool in Photoshop is joining up two curves on a corner point. If you can do this, then you can do any type of drawing with the Pen.

For this exercise, we’re going to draw the path below.

26-Curves-And-Straight-Points
  1. Select the Pen tool or press P on the keyboard.
  2. We’re starting with a straight segment, which is dead easy, so click once for your starting point (don’t drag) and then click again to put down your second anchor.
    27-Draw-A-Straight-Segment
  3. Now we’re going into a curve. Move the pointer over the second anchor point and hold down Alt (Windows) or Option (Mac), the cursor changes to show what looks like an upside down “v”. This indicates that you are going to convert the point from being a straight point to a curved point.
    28-Convert-Anchor-Point
  4. Click on the same point and drag upwards in one motion to start the curve.
    29-Click-And-Drag-Up
  5. Then click and drag downwards to create your next anchor point and finish the curve you started.
    30-Click-to-add-next-anchor-point
    31-Drag-Down-Too-Create-Curve

Now we need another curve. However, you will find that if you simply click and drag a new point, the curve is going down the wrong way.  (Have a look again at the path we are trying to create above point 1).
32-Curve-Going-Wrong-Way

  1. To prevent this from happening and have our curve go up again, we need to start a new curve by holding down Alt / Option + Clicking on the last anchor point. You will again see the little upside-down “v”. This basically resets the curved point to a straight point.
    33-Convert-Curved-Anchor-Point-To-Straight-Point
  2. Click on the anchor point again and drag upwards to create a second curve going up. It will look as though you have dragged the new handle over the previous handle.
    34-Drag-Curved-Anchor-Point
  3. Add a new anchor point and drag down to finish the second curve.
    35-Drag-Handle-Up-To-Create-New-Curve
  4. Repeat step 6, 7 and 8 to create a third “upwards” curve.
    36-Click-and-Drag-Down-With-Pen
  5. To finish up, we need to convert from a curved point to a straight point. Once again, hold down Alt / Option and click once on your last anchor point.37-Repeat-third-curve
    38-Convert-from-curved-to-straight
  6. Click again to put down your last anchor point. You should now have made a path that looks like this;
    39-Curved-And-Straight-Path-Complete
  7. Ctrl / Cmd + click anywhere to complete the path.

You’ve now successfully joined straight and curved segments in a path drawn with the Pen Tool. This is the hardest part of drawing with the Pen Tool and the one you need to get the most practice with.

There is, of course, lots more to learn about the Pen tool, but at this stage, lots of practice combining straight segments and curves will turn you into a Pen tool master really quickly.

More Pen Tool Practice!

A really good way to practice combining curves and straight points with the pen tool is to try drawing the outlines of letters. Start with easy ones like I and Z, then try lowercase T, S, P and so on. Don’t worry if your lines aren’t perfect at this stage, the main thing is to try things out.

40-Pen-Tool-Practice

I hope you’ve found this Pen Tool tutorial for beginners useful.

I’d be really grateful if you would share this post. Thank you! 🙂

Download Photoshop Free 7 Day Trial


Pen Tool Beginners Guide Photoshop

Jennifer Farley

Jennifer Farley

Hello!

My name is Jennifer Farley. I'm an Irish author, illustrator, designer, and design educator. I've been teaching and working in the design field for over 20 years. I help people learn Adobe Photoshop, Lightroom, Illustrator and Graphic Design.

Photoshop Bootcamp is a growing collection of my Photoshop tutorials and lessons I've written for my students.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.