Understanding And Become A Master In Photoshop Pen Tool

Welcome to my today’s Blog. Today Clipping World, the clipping path service provider is going to talk about the weapon of graphic designers. It is the Photoshop Pen Tool. This blog will be in two parts because if we want to understand the pen tool and its usability, one or two blogs aren’t enough. Hopefully, I can cover most of it. Make sure that your Device has the Photoshop CS6 application.

In this article, we’ll discuss:

The basics of the Pen Tool in Photoshop

  1. What is the Pen Tool in Photoshop?
  2. What are some common uses for the Pen Tool?
  3. Where is the Pen Tool in Photoshop?
  4. Where is the Paths Panel in Photoshop?
  5. Pen Tool settings overview
  6. How to use the Pen Tool in Photoshop to create a path

Let’s Dig into it more and see this magical tool.

What Is The Pen Tool In Photoshop?

The pen tool is a feature of Photoshop. By Vangie Beal In graphics software, the pen tool is frequently used in the creation of smooth-edged selections but is not a type of Photoshop selection tool. Unlike the Brush Tool and Pencil Tools, which “draw” pixels onto your image, the Pen Tool always creates a vector path when used. These paths appear as either Work Paths or Shape Paths in the Paths Panel.

Photoshop
Pen Tool Panel

What Are Some Common Uses For The Pen Tool?

Since you can modify, store, and reuse the paths created with the Pen Tool as often as you want, it can become your go-to tool when you need to cut out an image, remove a product image from its background, for example, select a portion of a product image to change the color. For more, you can also check the blog “Common Uses of Clipping Paths in Photoshop

Shape Paths created with the Pen Tool allow you to create custom shapes on your image that can be used to display certain parts of an image. In contrast to shapes created using the standard shape tools (such as the rectangle tool or ellipse tool), shapes created with the pen tool can be manipulated.

Where Is the Pen Tool In Photoshop?

By default, it is in the lower half of the Toolbar section. If you click and hold on to the Pen Tool in the Toolbar, you’ll see six separate Pen Tool options in both Photoshop CC 2018 and 2019 (if you’re using an older version of Photoshop, you may only see five Pen Tool options).

You can likewise get to the Pen Tool by pressing “P” on your Keyboard.

Toolbar
Pen Toolbar

Where Is The Paths Panel In Photoshop?

The Pen tool and the Path panel go hand in hand so that you can see paths when you start using the pen tool. Paths can be accessed in the Essentials (default) workspace by clicking the Paths tab in the Layers Panel.

Paths tab in the Layers Panel
Paths tab in the Layers Panel

You can also access paths by clicking on the Windows drop-down menu and selecting paths if you do not see a path panel in your workspace.

Photoshop Pen Tool Settings Overview

Pen Tool has a total of six setting options of which three are for creating paths and the other is to modify existing paths. In Photoshop CC 2019, there are four different Pen Tools you can use to create a new path:

  • The standard Pen Tool
  • The Curvature Pen Tool
  • The Freeform Pen Tool
  • The Magnetic Pen Tool (only visible by adjusting the settings of the Freeform Pen Tool)

Photoshop Pen Tool Options

The Other Three Are-

  • Add Anchor Point Tool
  • Delete Anchor Point Tool
  • Convert Point Tool

If you access either the standard Pen Tool, the Curvature Pen Tool, or the Freeform Pen Tool, you can set your Pen Tool from the top of the application window to either Path or Shape from the options bar.

While using the Pen Tool in editing whenever you choose a path, it makes another Work Path that shows up in the Paths Panel and whenever you choose the shape, it makes another Shape Path that shows up in both the Paths Panel and the Layers Panel.

You can also change a few different settings when choosing Shape, including stroke color, thickness, and shape color. In the second part of this article, we will examine the specifics of creating a shape with the Pen Tool.

Option Bar
Pen tool Option Bar

When you select Path, you will see an icon that looks like two small overlapping squares (this icon is also available when you select Shape once you have already started to draw your path). Set this option to combine shapes when you create an initial path to become a selection. For we only have to know about combined shapes.

Select combine shapes
Select combine shapes

Hope you guys now have some ideas about the pen tool. If not, you will know because we are going to use it right along.

How To Use The Pen Tool In Photoshop To Create A Path

The standard Pen tool enables you to create straight and curved paths with incredible precision, but it takes some practice to master them. Don’t be discouraged as it will feel hard in the beginning. After you create it, you can always adjust a path.

To create a path you can use as a selection, select the standard Pen Tool and then select Path from the drop-down menu in the options bar at the top of the application window.

Photoshop
Pen tool Option Bar

Creating A New Path With The Pen Tool

Basically, graphic designers use Photoshop pen tools for making the clipping path. To start your path, click your picture with the mouse to start your path. To keep things simple, select a point of departure at the edge of a straight line, such as the edge of the coffee cup in the picture.

select a point in the image object
select a point in the image object

Click again to draw the first segment of your path along the edge of your object using the pen tool. You should see a straight line now. Also, note that a work path appears in the path panel as soon as the second point is placed.

Select second point in the image
Select a second point in the image

Creating A Curved Path Segment With The Pen Tool

Click to the next point and drag with the Pen Tool before you release the mouse button to create a curve with the standard Pen Tool (such as the curve at the edge of the coffee cup. You’ll see lines appearing, called handles.

These handles are tangential to the path’s curve. The movement of the mouse adjusts the handles, which adjusts the curvature of the line. Release the mouse button when you are satisfied with the curve shape.

Create a curve
Create a curve with the standard Pen Tool

Note that before and after the point, the handles formed from the curved line appear. The next part of the path you draw after you have created a curved line will follow the trajectory of the handle from the last point.

The third point of the pen
The third point of the pen

Drag the mouse to create new handles and change the curve that appears with your new point when you click on the next point.

Curve that appears with your new point
Drage the mouse to Curve the appearing point with your new point

Creating A Straight Path Segment After A Curved Path Segment With The Pen Tool

You can “corner” the point by clicking on the point with the mouse while typing ALT if you want to prevent the next segment of your path from curving along with the handle of your last point. The second handle will vanish.

while typing ALT
while typing ALT

The next point you set won’t be affected by the curve.

Drag The next point
Drag The next point

Closing Your Path With The Pen Tool

When your path is complete, close your path by switching over the first point you have set. Click on the point when you see a small circle appearing on the right side of the pen tool.

Switching together first and last point
Switching together the first and the last point

Your path will now be closed.

How To Save Your Path

Saving your path is super important here. Without saving, you could accidentally overwrite your hard work when you create another path.

To save your path, go to the panel of paths and find a new working path. Double-click Work Path to name and save your path.

Rename the path layer | Photoshop Pent Tool
Rename the path layer

How To Modify An Existing Path With The Pen Tool

After you have created your path, you can change any areas that need to be tweeted. It is useful to zoom in on different areas of your path to make sure that the path exactly follows the object.

If you don’t see your path in your image, click on the path’s name in the Paths Panel.

Renamed the path layer | Photoshop Pent Tool
Renamed the path layer

The path will appear in your image, and you’ll be able to adjust it as necessary.

How To Add Additional Paths To An Existing Path Using The Pen Tool

In our example of a coffee cup, there is a way out of the cup. However, in order to isolate the cup from the background, we must also create a path around the inside of the handle.

Select the Pen Tool from the Toolbar with the path selected in the Paths panel. Click on the icon that looks like two small overlapping squares in the options bar at the top of the screen and select Exclude overlapping shapes.

Exclude overlapping shapes | Photoshop Pent Tool
Exclude overlapping shapes

While the current path is still visible, start drawing the area you want to exclude with the pen tool from your selection. When you’re done, close the path.

Exclude with the pen tool from your selection | Photoshop Pent Tool
Exclude the pen tool from your selection

When we make a selection from our path later, the area created with this new path will be cut out from the rest of the selection.

How To Modify Existing Points And Curves Along A Path

You can find the path selection tools in the toolbar to change an existing point or handle on a path. These tools each look like an arrow and are located in the toolbar under the Type Tool. You will see options when you click on the visible Path Selection tool. Select the tool for direct selection that looks like a white arrow.

Select Direct Selection Photoshop Pent Tool
Select “Direct Selection Tool”

With the ‘Direct Selection Tool’, clicking directly on a path segment will reveal all points as white boxes together with the handles of the selected segment. The Direct Selection Tool can be used to drag visible handles to adjust segment curves or to move existing points.

Adjust segment curves | Photoshop Pent Tool
Adjust the segment

How To Add New Points To A Path

The ‘Add Anchor Point Tool’, accessible by clicking and holding on to the Pen Tool in the Toolbar, will add extra points along the path.

Add Anchor Point Tool | Photoshop Pent Tool
Add Anchor Point Tool

With the Add Anchor Point Tool selected, hover over the path and click to create a new point.

Join the path in photoshop | Photoshop Pent Tool
Join the path in Photoshop

Once you have set the new point, you can change the location of the point or its handles using the Direct Selection tool.

How To Remove Points From A Path

The ‘Delete Anchor Point Tool’, also accessible by clicking and holding on to the Pen Tool in the Toolbar, removes existing points from the path.

Delete Anchor Point tool | Photoshop Pent Tool
Delete the Anchor Point tool

If you select the delete anchor point tool, switch over an existing point until the tool is visible and click. The point is gone, and the surrounding track segments are joined into one segment.

100% Quality Clipping Path | Photoshop Pent Tool
100% Quality Clipping Path

How To Use The Convert Point tool

The ‘Convert Point Tool’, accessed by clicking and holding the Pen Tool, allows you to manipulate exit point handles in the same way that you manipulate handles using the Direct Selection Tool.

Select Convert Point Tool | Photoshop Pent Tool
Select Convert Point Tool

However, contrary to the Direct Selection Tool, the Convert Point Tool does not allow you to move existing anchor points because the path segments adjacent to the point convert from straight lines to curved lines when you click on a point with the Convert Point Tool and vice versa.

When you click on a point with the Convert Point Tool, the handles disappear and the anchor point becomes an angle. If the anchor points around have handles, these handles will still affect the curve of the adjacent track segments.

Anchor Point selection | Photoshop Pent Tool
Anchor Point selection

If you use the Convert Point Tool to click on an anchor point that has no handles, the point gains a handle on either side and can be manipulated using the Convert Point Tool or the Direct Selection Tool.

Convert Point Tool to click | Photoshop Pent Tool
Convert Point Tool to click

How To Create A Selection From A Path

Choose your path in your Paths panel. Then click on the icon at the bottom of the panel, which looks like a circle with a diagram. A selection in the form of your path appears on your picture.

create a selection from a path | Photoshop Pent Tool
create a selection from a path

You can also use the pen tool to create a selection. Click the Select button next to Make: in the Options bar with the selected path and the selected Pen Tool.

Pen tool to create a selection | Photoshop Pent Tool
Pen tool to create a selection

A dialog box will appear that allows you to adjust the selection. If you create a selection to isolate an object from its background, the Feather Radius should be kept at 0 and Anti-Alise checked. If this is the first choice, the radio button next to New Selection will be selected.

Feather Radius keep it zero | Photoshop Pent Tool
Feather Radius keep it zero

Once you have created your selection, you can change the color of the object or remove the object from its background using the selection.

Select the object to change or remove Background | Photoshop Pent Tool
Select the object to change or remove the Background

How To Cutout An Object From The Background

After you have created your selection from your path, you can either copy it to another layer or create a layer mask to remove the part of the image from its background. You must be in the layer that contains the image you want to isolate in order to do any of the following methods.

Removing A Background By Copying A Selection

You can copy your selection by pressing CTRL+C (COMMAND+C on a Mac) and then paste CTRL+V (COMMAND+V on a Mac) into the selection. Your selection will appear automatically in a new layer. You can make your original layer invisible for viewing the isolated object in the layer panel.

Separate the image object from the Background layer

Removing A Background By Creating A Layer Mask

To create a layer mask, locate the Layer Mask icon. This icon is available in both the Paths panel and the Layers panel at the bottom of the panel and looks like a white rectangle with a circle inside.

Select Layer Mask | Photoshop Pent Tool
Select Layer Mask

Click on the icon to automatically create a Layer Mask.

Create a Layer Mask | Photoshop Pent Tool
Create a Layer Mask to transparent Background

How To Create A Shape Using The Pen Tool

You can set a path to a Shape Path before you create the path by choosing Shape from the menu in the Pen Tool options bar.

We mentioned this earlier: You can change the color of the shape by double-clicking the color rectangle next to the Fill next to the shape option.

A color menu appears— the color menu top bar allows you to change the color by selecting no fill (transparent), solid color, gradient color, pattern, or custom color. The bottom part of the menu shows the switches available.

Pen Tool options bar | Photoshop Pent Tool
Photoshop Pen Tool Options Bar

Double Click Process

You can also change the color of the shape by double-clicking on the color rectangle next to the punch. To adjust the stroke width, change the width in the drop-down menu to the right of the color of the stroke.

double-clicking on the color rectangle | Photoshop Pent Tool
Double-clicking on the color rectangle

Once you have your Shape Path settings correct, you can draw a shape with the Pen Tool the same way you would draw a regular path.

100% Clipping Path’s Shape settings | Photoshop Pent Tool
100% Clipping Path’s Shape settings

When you create a shape using the Pen Tool, you automatically create a new layer containing that shape, as well as a Shape Path in your Paths panel.

Create a shape using the Photoshop Pen Tool
Create a shape using the Pen Tool

How To Transform or Scale A Shape Path

Click the Edit drop-down menu at the top of the screen with the Shape Path selected in your Path panel and select Transform Path to access any of the transform functions. You can also choose Free Transform Path from the Dropdown Edit menu or type Ctrl+T ( Command+T) to scale or rotate your path.

transform or scale a Shape Path | Photoshop Pent Tool
transform or scale a Shape Path

You can also transform a regular path using the transform functions, but you probably will never need to.

Curvature Pen Tool

The Curvature Pen Tool estimates the curve you want to create between points without needing to click and drag. No handles are apparent as you use the tool.

This tool is excellent if you have a very uniform shape like an arch or a circle to follow. Once you have created your path using the Curvature Pen Tool, you can modify the path created by the standard Pen Tool the same way you would.

Curvature Pen Tool | Photoshop Pent Tool
Curvature Pen Tool

Freeform Pen Tool

The Freeform Pen Tool creates a path when you use your mouse freely. Instead of clicking and placing points, you simply draw with the tool the same way you draw with the tool for a brush or pencil.

Paths created with the Freeform Pen Tool are difficult to control and often require ample modification after creation.

Freeform Pen Too | Photoshop Pent Tool
Freeform Pen Too

Magnetic Pen Tool

The Magnetic Pen Tool is accessed by choosing the Freeform Pen Tool and then checking the Magnetic checkbox in the options bar. When you draw with this tool, Photoshop attempts to detect the edges of an object and snap the path to those edges.

Photoshop Tool
Magnetic Pen Tool

Related Photoshop Tutorials You Might Get Benefited:

Final Thought

The Pen tool can easily be used with a stylus. If you use a mouse with the Photoshop Pen tool, you click to form a point, click and drag to create points with handle curves. You press and drag to form points with a stylus to create points with a handle curve.

This is a lot of information to remember. Do you feel overwhelmed? You can always externalize your background removal and other needs for image editing.

We, Clipping World always there for you at any image editing service. Besides, we have 150+ Designers working 24/7 and we have built a dedicated team for each of the services so that your project faces no interruption throughout our working process. We also have discounts for big projects. You can always try our FREE TRIAL option to judge our service quality.