How to Make an Outline in Photoshop

In Photoshop CC, there a few different ways of making outlines using a stroke (which is basically a border or frame). These include creating ovals and rectangles using Marquee Tools, making free-form outlines using the Pen Tools, or even creating an outline from the details of a photo using a Color Range selection. If you are looking for information about creating an outline from text, we have a dedicated tutorial .

Video of the Day

Outlines From Selections

In Photoshop CC, you can create an outline using any of the selection tools, including the Lasso and Marquee Tools. For example, if you draw a circle with the Elliptical Marquee Tool, you can convert it to a stroke by selecting Stroke from the Edit menu.

The Stroke window.
A rectangular and elliptical selection transformed into strokes.
credit: Screenshot courtesy of Adobe.

The Stroke window includes options to change the stroke width, the stroke color and whether the stroke should be applied inside, outside or along the center of the selection lines. You also have options to change the blending mode and opacity before clicking OK.

Outline Strokes With the Pen Tools

A second way to make outline strokes on a canvas is by using the Pen Tool or the Freeform Pen Tool in the Toolbox. After selecting the tool, select Shape in the Options bar. Select No Fill from the Fill menu and then change the Stroke Color and Stroke Width as needed.

Stroke color options.
Select a stroke color from the Options bar, too
credit: Screenshot courtesy of Adobe.

When you create lines with the tool, the stroke you specified appears immediately on the canvas. Note that you can change the options as long as the stroke is selected.

Zorro appears as a blue stroke.
Writing with the Freeform Pen Tool
credit: Screenshot courtesy of Adobe.

To use dotted or dashed lines instead of solid lines, click the Shape Stroke Type menu in the Options bar. The options at the bottom of this menu allow you to change how the stroke is aligned to the Pen's path, the caps and the corners of the lines.

Shape Stroke Type menu.
Changing a solid line to a dotted line.
credit: Screenshot courtesy of Adobe.

Advanced Outlining Effects

When working with photographs, strokes can be a quick way to darken and thicken lines and to enhance details. Tracing a detail with the Freeform Pen Tool is one way to do this. However, if you want to enhance an entire photo, try using a Color Range selection, available under the Select menu.

In this example, we can use Color Range to select the dark lines in a photo, set with a high degree of Fuzziness.

The Color Range window.
Select details in photo using Color Range.
credit: Screenshot courtesy of Adobe.

After the color range is selected, photo details that fall into that color range can be transformed to strokes using the Stroke option under the Edit menu. Before adding the stroke, click the New Layer button in the Layers panel so the stroke appears on its own layer without affecting the original photo.

The Stroke window.
A black 4-pixel stroke is created using the selection lines.
credit: Screenshot courtesy of Adobe.

As you can see, the lines created by the stroke are much darker than the lines in the original photo alone. Notice how only the selection lines were stroked, not the fill area between any lines.

A darker photo of Ottawa's Peace Tower.
The selection stroke is layered above the original photo.
credit: Screenshot courtesy of Adobe.

Hide the original photo by clicking the Eye icon beside the Background layer in the Layers panel. The result is a pretty good line drawing of the photo's details. The gray that appears comes from having partial pixels selected when the Color Range was selected. If the Color Range Fuzziness had been reduced, there would be less gray, or no gray at all.

A line drawing created by using selection strokes.
With the original photo layer hidden, only the stroke lines appear.
credit: Screenshot courtesy of Adobe.
Show Comments