How To Add a Thick Outline to Type in Photoshop

How to Add a Stroke or Outline to Text and Objects in Photoshop

The Photoshop Stroke Layer effect Panel is shown.
Use the Stroke Layer Effect panel to control all aspects of the stroke including its placement.

There are several ways to create outlined text in Photoshop, but most require you to render the text. Here's a technique for a thick outline that allows the type to remain editable. You can use this technique to add an outline to any object or selection, not just text. However, unless you are using a very old version of Photoshop, the "Stroke" layer effect is a better way to add outlines to objects in Photoshop 6 or later.

In case you were wondering, "stroke" is just another way of saying outline in Photoshop jargon.

Just keep in mind adding a stroke to text is not exactly regarded as a "Best Practice". All it tends to do is to make the text "bolder" and tens to make the text illegible. This is one of those techniques one uses only when the text is to be regarded as a graphic element and even then unless there is a valid and compelling reason to do do so, be subtle.

Difficulty: Easy

Time Required: 2 minutes

Here's How:

  1. Select the type tool and create your text.
  2. With the Type Layer selected, choose Stroke from the Fx menu.
  3. When the Layer Style dialog box opens, be sure Stroke is selected.
  4. Set the width to the desired amount by using either the slider or entering your own value.
  5. Choose a Location for the stroke.(Let's assume you have added a 20-pixel stroke.)There are three choices. The first is Inside.This means the stroke will be placed inside the edges of the selection. The second is Center. This means the stroke will appear 10 pixels inside and out of the selection. The third is Outside which will run the stroke along the outside edge of the selection.
  1. Blending Mode: The choices here determine how the colored stroke will interact with the colours under the stroke. This is especially effective if the text is placed over and image.
  2. Opacity sets the transparency value for the stroke.
  3. Click once on the colour chip to open the colour picker. Select a colour for the strokem or pick a color from the underlying image.
  1. Click OK.

If you are really lazy or pressed for time, here's another way:

Difficulty: Ridiculously Easy

Time Required: 45 seconds

Here's How:

  1. Select the Horizontal Type Mask Tool.
  2. Click once on the canvas and enter your text. You may have noticed that the canvas turned red and the underlying image showed through as  you typed. That is just Photoshop showing you the mask.
  3. Press the Command (Mac) or /Control key and a bounding box will appear. With the key held down you can resize, distort or rotate the text.
  4. Switch to the Move tool and the text appears as a selection. From there you can add a stroke to the selection.

You don't always have to add a solid stroke to the selection. You can use a Brush .

Here's how:

  1. Create the text outline using one of the two techniques shown.
  2. Open the Path panel by selecting Window>Paths.
  3. Select the Make Work Path option from the bottom of the Paths panel. This will result in a new path named "Work Path".
  4. Select the Brush Tool.
  5. In the Photoshop Options click once on the Brush icon to open the Brushes available to you. Alternatively you can open the Brush panel to choose an appropriate brush. Both techniques can be found here.
  6. Double click the foreground colour chip in the tools to open the Colour Picker. Choose a color for the Brush.
  1. In the Paths panel, with your path selected, click once on the Stroke path with brush icon (the solid circle). The brush stroke is applied to the path.

Tips:

  1. If you edit the text, you'll need to trash the outline layer and recreate it.
  2. For a thinner outline, the layer effects method is preferred (see related information below).
  3. For a ragged outline, set the layer blend mode to dissolve and lower the opacity.
  4. For a gradient filled outline, Ctrl-click (Command-click on Mac) on the outline layer, and fill the selection with a gradient.
  5. If you have a Creative Cloud account, open your Creative Cloud Library and double click a brush you have created to apply it to a path. brushes are easily created using the Adobe Capture app which is available for Android and iOS devices.

Updated by Tom Green .

Format
mla apa chicago
Your Citation
Chastain, Sue. "How To Add a Thick Outline to Type in Photoshop." ThoughtCo, Apr. 19, 2017, thoughtco.com/add-a-thick-outline-to-type-1700244. Chastain, Sue. (2017, April 19). How To Add a Thick Outline to Type in Photoshop. Retrieved from https://www.thoughtco.com/add-a-thick-outline-to-type-1700244 Chastain, Sue. "How To Add a Thick Outline to Type in Photoshop." ThoughtCo. https://www.thoughtco.com/add-a-thick-outline-to-type-1700244 (accessed December 12, 2017).