Friday, November 09, 2012

Photoshop Pen Tool Guide


Pen tool : Click on the Photoshop canvas to create paths with straight segments, click on the canvas and drag to create paths with

Freehand Pen tool : Now drag to draw paths freely on to the cansas, as though using a brush.

Add Anchor Point tool : Choose a path segment to add anchor point.

Delete Anchor Point tool : Click on anchor point to remove from path.

Convert Point tool : Click on an anchor point and drag to create bezier handles where there were none, click on an anchor point with handles to a remove them.

Keyboard Shortcuts

P : Select Pen tool or Free form Pen tool, depending on which was selected most recently

The Cursors

The Pen tool takes on different forms depending on what you’re doing when youre using it. Each one intuitively makes you aware of the action you are about to perform.
(Caps Lock to toggle between pointer and cross hair in some cases)
  • Prepared to begin path
  • while midway through creating or editing a path
  • When mouse is pressed
  • Add an anchor point to path
  • Remove anchor point from path
  • When hovered over begin point of path; to close path
  • When hovered over endpoint of existing path; to continue path, or (if path is active) to edit that point
  • Prepared to convert existing anchor point
  • Freehand Pen Tool
  • Magnetic Freehand Pen Tool
  • Direct Selection Tool; Pen Tool with Command pressed
  • Path Selection Tool; Pen Tool with Command + Alt pressed
  • When hovered over canvas with Ctrl pressed; prepared for options menu

Secondary Mouse Controls (with path selected and Auto Add/Delete checked)

  1. Pen tool hover over anchor point : changes to Delete anchor point tool
  2. Pen tool hover over path segment : changes to Add anchor point tool

Keyboard Controls

  1. Hold Ctrl and click on canvas. Opens up an options menu.
  2. Hold Shift to constrain movements to 45°, 90°, 135° or 180° while creating or editing anchor points and handles.
  3. Select anchor point with Direct selection tool and click Delete. Anchor and adjoining path segments are deleted leaving two paths.
  4. Pen tool + Option (Alt): changes to Convert anchor point tool.
  5. Pen tool + Option (Alt) while editing bezier curve: splits curve (unhinges handles).
  6. Pen tool + Command whilst creating path: changes to Direct Selection tool allowing repositioning of previously drawn anchor points.


The  Window > Options is usually located at the top of your screen, provides the most important options for whichever tool is selected. This is also true of the Pen Tools and their options are outlined below:
1. Presets: Allows presets to be saved for whichever tool is selected. Define the options as discussed below and save as a Preset to quickly come back to those settings later.
2. Shape Layers: while this is selected, paths created will contribute to a shape, visible within the Paths palette and within the Layers palette as a vector mask.

3. Paths: while this is selected, paths created will contribute to a path, visible within the Paths palette.

4. Fill Pixels: The third path type option, available while one of the shape tools is selected. While this is selected, paths created will become filled areas.

5. Pen Tool: Selects the Pen Tool.

6. Freehand Pen Tool: Selects the Freehand Pen Tool.

7. Rubber Band: Available from within the Pen Options dropdown while the Pen Tool is selected. Rubber Band gives a visual of the path youre about to create, without you having the cursor pressed on the canvas.

8. Curve fit: Available from within the Freehand Pen Options dropdown while the Freehand Pen Tool is selected. Value entered determines the accuracy to which bezier handles will be added to your freely drawn path. The higher the value, the more accurate your result will be. A value of between 0.5 and 10 pixels is required.

9. Magnetic: Available from the Options bar and within the Freehand Pen Options dropdown while the Freehand Pen Tool is selected. When selected, paths drawn will magnetize to pixels. The Magnetic settings as shown below, determine the width of the area the path is prepared to jump across, the contrast of the pixels necessary to attract the path and the frequency of anchor points added to the path.

10. Pen Pressure: Available from within the Freehand Pen Options dropdown while the Freehand Pen Tool is selected. When selected, the pressure applied to a graphics tablet (if youre using one) influences the pen width.

11. Auto Add/Delete: Available when the Pen Tool is selected; allows adding and removing of anchor points with the normal Pen Tool (see Secondary Mouse Controls).

12. Pathfinder Tools: These allow addition, subtraction, intersection and exclusion of the paths you create..

13. Layer Style: Available when Shape Layer is selected; this applies layer styles to shapes on a new layer (if chain link is unselected) or to shapes on the current layer (if chain link is selected)..

Other Shortcuts and Tips

  • (With path selected) Spacebar to give you access to the Hand tool. Move your screen without deselecting the path or changing tools.
  • Go to View > Snap To > Grid to allow precise creation of curves with the Pen Tool.

Best Practice Suggestions
  • Drag handles from the first anchor point when beginning a curved path.
  • Drag your handles around just one third of the curve youre creating for a smooth path.

- Position anchor points on a curve where the paths begin to change direction, not in the middle of its curve.

- Be sparing with your use of anchor points, fewer points = neater path


Tutorial Made by Shaan Graphics.

Shaan Graphics is a premier Image Editing service provider, providing this exclusive clipping path and background removing service with Internationally lowest price guaranteed. Shaan Graphics Image editing service starts from $0.50 only.

Visit for more details


Groupdmt said...

Clipping Path service which includes photoshop masking, masked pictures, photo background removal and many more.....
Clipping Path Service

jenifer lopez said...

thanks admin,

Clipping Paths are used to outline objects from the background of an image.
You can use a clipping path service to have parts of an image made transparent,
while are parts are made opaque. This process is usually employed to hide the
background of an image, but it is not limited to that alone.