Adobe Photoshop CC
Path segments, components, and points
A path consists of one or more straight or curved segments. Anchor points mark the end points of the path segments. On curved segments, each selected anchor point displays one or two direction lines, ending in direction points. The positions of direction lines and points determine the size and shape of a curved segment. Moving these elements reshapes the curves in a path.
A. Curved line segment B. Direction point C. Direction line D. Selected anchor point E. Unselected anchor point
A path can be closed, with no beginning or end (for example, a circle), or open, with distinct end points (for example, a wavy line).
Smooth curves are connected by anchor points called smooth points. Sharply curved paths are connected by corner points.
Smooth point and corner point
When you move a direction line on a smooth point, the curved segments on both sides of the point are adjusted simultaneously. By comparison, when you move a direction line on a corner point, only the curve on the same side of the point as the direction line is adjusted.
Adjusting a smooth point and a corner point
A path does not have to be one connected series of segments. It can contain more than one distinct and separate path components. Each shape in a shape layer is a path component, as described by the layer’s clipping path.
Separate path components selected
Select a path
Selecting a path component or path segment displays all of the anchor points on the selected portion, including any direction lines and direction points if the selected segment is curved. Direction handles appear as filled circles, selected anchor points as filled squares, and unselected anchor points as hollow squares.
To select a path component (including a shape in a shape layer), select the Path Selection tool , and click anywhere inside the path component. If a path consists of several path components, only the path component under the pointer is selected.
To select a path segment, select the Direct Selection tool , and click one of the segment’s anchor points, or drag a marquee over part of the segment.
Drag a marquee to select segments.
- To select additional path components or segments, select the Path Selection tool or the Direct Selection tool, and then hold down Shift while selecting additional paths or segments.
When the Direct Selection tool is selected, you can select the entire path or path component by Alt-clicking (Windows) or Option-clicking (Mac OS) inside the path. To activate the Direct Selection tool when most other tools are selected, position the pointer over an anchor point, and press Ctrl (Windows) or Command (Mac OS).
To select additional path components or segments, select the Path Selection tool or the Direct Selection tool, and then hold down the Shift key while selecting additional paths or segments.
You can choose to work with paths in the isolation mode. To isolate only the layer containing a path, with the path active, double-click using a selection tool. You can also isolate single or multiple layers by using the Select/Isolate Layers menu item or by setting Layer Filtering to Selected.
You can exit the isolation mode in several ways, such as:
- Turning off Layer Filtering
- Switching Layer Filtering to something other than Selected
- Double-clicking away from a path using the path selection tools
Adjust path segments
You can edit a path segment at any time, but editing existing segments is slightly different from drawing them. Keep the following tips in mind when editing segments:
If an anchor point connects two segments, moving that anchor point always changes both segments.
When drawing with the Pen tool, you can temporarily activate the Direct Selection tool so that you can adjust segments you’ve already drawn; press Ctrl (Windows) or Command (Mac OS) while drawing.
When you initially draw a smooth point with the Pen tool, dragging the direction point changes the length of the direction line on both sides of the point. However, when you edit an existing smooth point with the Direct Selection tool, you change the length of the direction line only on the side you’re dragging.
To adjust the position of the segment, drag the segment. Shift-drag to constrain the adjustment to multiples of 45°.
Click to select the curve segment. Then drag to adjust.
To adjust the shape of the segment on either side of a selected anchor point, drag the anchor point or the direction point. Shift-drag to constrain movement to multiples of 45°.
Drag the anchor point, or drag the direction point.
In Photoshop CC and CS6, adjusting a path segment also adjusts the related segments, letting you intuitively transform path shapes. To only edit segments between the selected anchor points, similar to earlier Photoshop versions, select Constrain Path Dragging in the options bar.
You can also apply a transformation, such as scaling or rotating, to a segment or anchor point.
- Using the Convert Anchor Point Tool, click the anchor point of the direction line.
The smooth point becomes a corner point. For more information, see Convert between smooth points and corner points .
To create a corner point, position the Pen tool where you want to end the new segment, and click. If you are extending a path that ends at a smooth point, the new segment will be curved by the existing direction line.
To create a smooth point, position the Pen tool where you want to end the new curved segment, and drag.
To connect the path to another open path, click an endpoint on the other path. When you precisely position the Pen tool over the other path’s endpoint, a small merge symbol appears next to the pointer.
To connect a new path to an existing path, draw the new path near the existing path, and then move the Pen tool to the existing path’s (unselected) endpoint. Click that endpoint when you see the small merge symbol that appears next to the pointer.
Add or delete anchor points
Adding anchor points can give you more control over a path or it can extend an open path. However, it’s a good idea not to add more points than necessary. A path with fewer points is easier to edit, display, and print. You can reduce the complexity of a path by deleting unnecessary points.
The toolbox contains three tools for adding or deleting points: the Pen tool , the Add Anchor Point tool , and the Delete Anchor Point tool .
By default, the Pen tool changes to the Add Anchor Point tool as you position it over a selected path, or to the Delete Anchor Point tool as you position it over an anchor point. You must select Auto Add/Delete in the options bar to enable the Pen tool to automatically change to the Add Anchor Point or Delete Anchor Point tool.
You can select and edit multiple paths simultaneously. You can also reshape a path while adding anchor points by clicking and dragging as you add.
Don’t use the Delete or Backspace keys or the Edit > Cut or Edit > Clear commands to delete anchor points. These keys and commands delete the point and line segments that connect to that point.
You can override automatic switching of the Pen tool to the Add Anchor Point tool or the Delete Anchor Point tool. This is useful when you want to start a new path on top of an existing path.
Convert between smooth points and corner points
- Position the Convert Point tool over the anchor point you want to convert, and do one of the following:
To convert a corner point to a smooth point, drag away from the corner point to make direction lines appear.
Dragging a direction point out of a corner point to create a smooth point
Clicking a smooth point to create a corner point
To convert a corner point without direction lines to a corner point with independent direction lines, first drag a direction point out of a corner point (making it a smooth point with direction lines). Release the mouse button only (don’t release any keys you may have pressed to activate the Convert Anchor Point tool), and then drag either direction point.
To convert a smooth point to a corner point with independent direction lines, drag either direction point.
Converting a smooth point to a corner point
Adjust path components
You can reposition a path component (including a shape in a shape layer) anywhere within an image. You can copy components within an image or between two Photoshop images. Using the Path Selection tool, you can merge overlapping components into a single component. All vector objects, whether they are described by a saved path, work path, or vector mask, can be moved, reshaped, copied, or deleted.
You can also use the Copy and Paste commands to duplicate vector objects between a Photoshop image and an image in another application, such as Adobe Illustrator.
- Choose View > Show > Target Path.
- Choose View > Extras. This command also shows or hides a grid, guides, selection edges, annotations, and slices.
- To copy a path component as you move it, select the path name in the Paths panel, and click a path component with the Path Selection tool . Then Alt-drag (Windows) or Option-drag (Mac OS) the selected path.
- To copy a path without renaming it, drag the path name in the Paths panel to the New Path button at the bottom of the panel.
- To copy and rename a path, Alt-drag (Windows) or Option-drag (Mac OS) the path in the Paths panel to the New Path button at the bottom of the panel. Or select the path to copy, and choose Duplicate Path from the Paths panel menu. Enter a new name for the path in the Duplicate Path dialog box, and click OK.
- To copy a path or path component into another path, select the path or path component you want to copy, and choose Edit > Copy. Then select the destination path, and choose Edit > Paste.
Drag the path component from the source image to the destination image. The path component is copied to the active path in the Paths panel.
In the source image, select the path name in the Paths panel and choose Edit > Copy to copy the path. In the destination image, choose Edit > Paste. You can also use this method to combine paths in the same image.
To paste the path component into the destination image, select the path component in the source image, and choose Edit > Copy. In the destination image, choose Edit > Paste.
You can align and distribute path components that are described in a single path. For example, you can align the left edges of several shapes contained in a single layer or distribute several components in a work path along their horizontal centers.
To align shapes that are on separate layers, use the Move tool.
- To align components, use the Path Selection tool to select the components you want to align. Then, in Photoshop CC or CS6, choose an option from the Path Alignment drop-down menu in the options bar, or in CS5, select an alignment option from the options bar.
- To distribute components, select at least three components you want to distribute. Then, in Photoshop CC or CS6, choose an option from the Path Arrangement drop-down menu in the options bar, or in CS5, select a distribute option from the options bar.
Video | Tips for working with vectors in Photoshop
In this episode of The Complete Picture, Julieanne demonstrates five of her favorite new and improved features for working with vectors in Photoshop.