Among the most useful and effective toolsPhotoshopoffers for enhancing text is its Stroke feature, which you can use to apply an outline border to text inserted within your image. This can provide an added emphasis to certain elements of your image, such as directional instructions, numbers, logos, etc.
Let’s take a look at how to outline text in Photoshop.
Difficulty
What You Need
Adobe Photoshop
Outlining text in Photoshop with Stroke
Step 1:Open the image where you’ll insert the text you want to be outlined. Next,add text into the Photoshop imageby selecting theTtool, which can be found in the sidebar where all the primary Photoshop tools are based.
Alternatively, if you’re creating an image from scratch where there’ll be no background picture (or you’veremoved the background), then you can simply insert just text. Choose the background color of your choice or leave it transparent.removed the background
Step 2:Once you’ve added the text, click theLayertab >Layer style>Stroke.
Another way to open theStrokewindow is to click the layer that’s associated with the text you’ve inserted, and then click the smallFXicon >Stroke.
Step 3:The Stroke window provides several customization options when it comes to outlining text. you’re able to adjust each field to a setting that you’re satisfied with. These include:
Size: This is the most important customization tool within Stroke as it determines how large the border itself will be. You don’t want to set it too high as it’ll overwhelm your text. In any case, either use the slider or enter a specific value in the adjacent box. Conveniently, once you do, Photoshop will preview the change live.
Position: You can choose from the following:Outside,Inside, andCenter. In the image seen below, I’ve usedOutside.
Blend Mode: This field offers a wide range of options that can effectively transform the text’s appearance.
Opacity: This will determine how transparent the outline border will be. By default, it’s set at 100%, but reducing it to a lower value could be a better fit for your text.
Fill Type: The final section is related to how the inside of the outline looks like. It’s already set toColor, but you can also choose from theGradientandPatternoptions. For example, a red or black color fill for the outline generally complements white text.
Ultimately, when it comes to hitting the right balance in terms of applying an outline to your text that enhances its appearance, it all comes down to trial and error. Photoshop supplies more than enough tools within Stroke, so play around with the above options until you find a fit that works.
Step 4:Once you’re happy with your Stroke choices, clickOK.
For demonstration purposes for the image below, we have included three layers of text so you may see the differences: The first one at the top was made with theTexttool, while the text layers underneath have a standard outline withColor fillandPatternapplied to them.
How do you outline a shape in Photoshop?
In the same way we applied an outline to text within Photoshop, you can also add an outline to shapes.
For this example, I’ve inserted a common arrow shape into an existing image. It’s already red but adding an outline can make it appear even more prominent and generally just make it look better compared to the lack of having a border on the shape.
Step 1:Select your shape within theLayerssection. Click theLayertab >Layer style>Stroke.
Step 2:Repeat the process we explained in the previous section. I have added a white outline.
As you can see, it looks markedly different than how it would without the outline.
To highlight the difference in the differentPositionsettings, the other arrow underneath the first one has been set toInside.
Looking for more Photoshop tricks? These newPhotoshop AI featureswill save you a lot of time.
