One of the most common uses for Photoshop is working with text, whether it be to create posters, edit images, or even just create unique typography designs. One way you may want to stylize your text is by adding an outline around it, which we’ll be going over in today’s tutorial. The quickest way to outline text in Photoshop is to apply a stroke to it using the Blending Options menu, which we’ll be going over in full detail shortly.
Outlining text in Photoshop requires a fundamentally different approach than what you’d normally do in a vector-based application, such as Illustrator or Affinity Designer. To do this in Photoshop we will have to apply a stroke around the text, which is a pretty common approach regardless of the software, but the way this works in Photoshop is through adjustment layers and layer effects. Let’s elaborate.
How To Outline Text In Photoshop
The following video tutorial will walk you through the entire process, step-by-step, and in less than 4 minutes:
Continue on for the written instructions.
Table of Contents
Working With Strokes
In this first section of the lesson we’ll be going over how to apply an outline around your text and adjust its properties, such as size, style and color.
To get us started we will first need to apply some text to the canvas. If you already have some text in place than you can skip to step #2.
Grab the Text Tool and click on the canvas to apply some text:
You can change the font, style, size and color of your text using the tool options menu towards the top of your screen. Please refer to the video tutorial above if you need more help with this.
Once you have your text in place, all you have to do to apply an outline around it is add a stroke layer effect.
If you look towards the bottom-right of your screen you should see the Layers menu. Within the layers menu you should see a dedicated layer for your text:
Right-click on the menu and select Blending Options. This will open up the following menu:
All you need to do to outline text in Photoshop is select the Stroke option from the list in the Blending Options menu, located on the left-hand side:
“Stroke” is another term for outline. Once applied, you should see a default outline around your text that we will be editing further in the next step.
Once you’ve selected the Stroke option, you should be prompted with settings that you can alter:
This menu will allow you to dictate the properties of the outline around your text. They are as follows:
- Size: This slider allows you to change the size of the outline around your text in increments of pixels (px). Sliding it to the right will increase its size, whereas sliding it to the left will decrease it.
- Blend Mode: This setting allows you to change the blend mode of your stroke/outline. Since the goal is to simply outline text in Photoshop, we will be leaving this on the normal setting.
- Opacity: If you’d like, you can make your outline partially transparent using this setting. Keeping it at 100% will leave it fully opaque.
- Fill Type: By default, your stroke/outline will be filled with a solid color. However, if you’d like to fill it with a gradient or pattern you can do so using this setting.
- Color: Clicking on the color stripe will open the color picker menu, where you’ll be able to choose the color of the outline around your text.
Within the Stroke menu you will also see a setting labeled as Position. There are three options to choose from:
- Outside: This will apply the outline around the outside edges of your text without filling any of the inside.
- Inside: This will apply the outline only around the inside edges of your text, without any of it spilling out.
- Center: This option combines the previous two options. When chosen, half of the outline will be applied to the outer edge of your text and the other half will be applied to the inside edge.
Refer to the diagram below for an illustration of the three Position options:
Go ahead and choose a color, size and style for your text outline and click the OK button when you are finished to apply the changes.
Working With Strokes
Now that we’ve gone over how to outline text in Photoshop, let’s go over some of the various ways you may wish to work with your outlines (otherwise known as strokes) further.
Once you have applied a stroke to your text in Photoshop, you will notice that a new adjustment layer has been added to the text layer:
If you wish to edit the stroke around your text later on, you can simply double-click on the adjustment layer that reads “stroke” and the Blending Options menu will populate again, allowing you to edit the stroke properties.
The process used to outline text in Photoshop can be repeated to add multiple outlines around your text. This may be useful if you’d like to add some padding between the text and the outline, as I did in the thumbnail design.
To do so, simply right-click on your text layer again and select Blending Options from the menu. Repeat all of the steps outlined earlier in the lesson, and your new stroke will be applied on top of the first stroke you created:
As was the case for the first stroke you created, an effects layer will be added as a sublayer for the text in the Layers menu, in addition to the original stroke layer.
Finally, you may be wondering how to delete a stroke in Photoshop if you no longer want the outline around your text. This is a rather simple task, and there’s two ways you can approach it:
Option 1: Remove the outline by turning off its visibility
You can remove the outline from your text by turning off the visibility of the effects layer.
To do this, look for the little eyeball icon to the left of the layer’s name/label:
Clicking on the icon will turn off the visibility of the effects layer, thereby removing the outline from your text.
The benefit of using this approach is that it’s temporary and can be undone at a later point if you desire. Simply click the eyeball icon again to turn the visibility of the outline back on.
Option 2: Delete the layer effect altogether
If you’re positive that you will not want this outline back later on and want it gone for good, it can be deleted with relative ease.
To remove a stroke in Photoshop, select its effect layer and click the trash can icon in the bottom-right corner of the menu:
This will delete the stroke, thereby removing the outline from your text.
Using layer effects is certainly not the only to outline text in Photoshop. You could also create a selecting around the text, grow the selection, then fill it with whatever you’d like. However, using layer effects via the Blending Options menu is quicker, easier, and it provides you with more options for stylizing your outline as well.
If you have any questions or need clarification on any of the steps taken in this lesson simply leave a comment below.
Become A Master of Adobe Illustrator!
Want to learn more about how Adobe Illustrator works? Check out my Illustrator Explainer Series - a comprehensive collection of over 100 videos where I go over every tool, feature and function and explain what it is, how it works, and why it's useful.
Logos By Nick LLC is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. As an Amazon Associate I earn from qualifying purchases. Read affiliate disclosure here.