Photoshop Layer Styles, what are they?
Adobe defines them as: “A layer style is one or more effects applied to a layer or layer group. You can apply any of the preset styles provided with Photoshop or create a custom style using the Layer Style dialog box…. Typically layer styles are used for text effects, but they can be used on images, backgrounds, and any other layer as well.”
In today’s tutorial, we will:
- Apply a Layer Style to text. (This tutorial makes the assumption that you know how to apply Styles. If you do not, this tutorial will help: How to Load Photoshop Styles.)
- Customize the Stroke effect of that Style
For this tutorial I am using Photoshop CC2015.5.
Yobeth (Scraptious Designs) has written a sister tutorial for Photoshop Elements users, which you will find here.
Let’s get started!
For this tutorial, I am using my Painted Autumn Photoshop Styles, available at:
I created these Styles specifically for my use when designing the Painted Autumn Word Strips. The Word Strips pack includes stylized words on a background paper, such as the one pictured below, as well as simple text of the same words/phrases, so you can apply your Style of choice, and adjust as you like.
Today, let’s look at how to change the white stroke to another color.
- Open up a blank document and place on it one of the Painted Autumn text PNG’s. Alternatively, you can type your own words/phrase of choice.
- Apply a Painted Autumn Style to your text.
The Painted Autumn Styles come with 2 different Stroke sizes: Large and Small. I have applied the Large Stroke Style to “Crisp Air.” The “fx” icon on the layer indicates that a Style has been applied to this layer. Under the “Effects” label, we can see that the Style contains the following effects: Stroke, Inner Shadow, Satin, Color Overlay, Pattern Overlay.
To access the options available for the Stroke Effect, double-click to the right of “Stroke.”
The Layer Style box will open. You will see that the “Stroke” option is highlighted in dark gray. The options that can be adjusted for the Stroke are visible on the right.
The Stroke options are:
Size: I set the Stroke size to 7 px. If you want the size of your stroke to be larger or smaller, you may scale it here by adjusting the slider.
Position: I have it set the position to Outside, which allows more of the letter itself to be visible. It can be adjusted to Outside, Inside, or Center.
Blend Mode: I have it set to Normal. You can experiment with this in the future; but for now, let’s leave it alone.
Opacity: I have it set to 100%. As with the Blend Mode, experiment as you like, but I have it set at 100% in this Style.
The Fill Type and Color are what we want to focus on today.
The Fill Types available are: Color, Gradient, and Pattern. Make sure your Fill Type is set to Color. (You can access the Gradient and Pattern options by clicking on the down-pointing arrow.)
In the Color box, you will see the color White, since that is the color that the Style was created with. This is where you will change your color if you like. Double click inside the white color box, and the Color Picker will open.
Select the color you would like your Stroke to be, then click OK. That’s all there is to it.
I chose a green color for my stroke.
Don’t forget with Photoshop CC you can add multiple Strokes if you like. Here I have added a green Outside Stroke at 4 px and a white Inside Stroke at 1 px.
I hope you have found this tutorial helpful! If you are a PSE user, don’t forget to check out Yobeth’s PSE tutorial!
If you would like to download a PDF of this tutorial, you may do so here: How to Adjust the Stroke Effect of a Photoshop Style.
You may also watch a You Tube Video here: How to Adjust the Stroke Effect in a Photoshop Layer Style.