Create text as a multi-layer stroke in Photoshop

In this lesson, we will explore another way to add multilayer strokes to text using Photoshop. About this result you should have as a result of the lesson. In my case, I made three stroke layers around the text, but you can add as many strokes as you need.

Let’s start!

Step 1

We will start with creating a new document, for this we go to the menu File (File) – New (New), or use the keyboard shortcut Ctrl + N (Win) / Command + N (Mac). In the dialog box that opens, we set the parameters we need, Width (Width) 6 inches (inches), Height (Height) 4 inches (inches) Expansion (Resolution) 300 pixels / inch (pixels / inch). Click OK.

Step 2

Add text to our document, for this we use the tool Text (Text Tool). Select it in the tool menu or press the T key on the keyboard.

Step 3

Change the parameters of the text layer, in the settings panel, select the font Arial black, The size (Size) 60px. You can choose any font you like and select the desired text size.

Step 4

Add text. Click inside the document to any location and write text. I wrote the word “STROKES”. Click the checkmark in the settings panel to accept the changes. This is what should happen:

Step 5

Add the first stroke layer.
Click on the icon Styleslayer (Layer Style) at the bottom of the layers panel and in the drop-down menu select the parameter Stroke (Stroke).

This will open the layer style dialog box. Stroke (Stroke), Photoshop automatically sets the red color of the stroke, you get a similar picture:

Step 6

Adjust the size, position and color of the stroke. Default The size (Size) stroke equals 3px and Position (Position) Outside (Outside). Set the stroke size to 6px, moving the slider to the right. The position of the stroke is changed to Inside (Inside), so the stroke will be placed inside the text. I leave the default color red.

Click OK. You should have something like this:

Step 7

The meaning of this lesson is to get text in the form of a stroke, while excluding the color of the text itself. Alternatively, you can simply change the text color to white, thereby making it as if invisible against a white background. But what if I want to change the background color later? Photoshop allows you to find such a solution, leave the layer styles visible and eliminate the visibility of the layer itself.

After adding the first stroke line to the text, I decided to hide the initial text color. For this, I reduced Fill (Fill) text layers up to 0%. If you look at the menu of the layers panel, you will see two parameters – Opacity (Opacity) and Fill (Fill). If you decrease the parameter Opacity (Opacity) layer, the styles applied to this layer will also become translucent. If, however, reduce the parameter Fillings (Fill) layer, then the main text color will disappear, and layer styles will remain unchanged.
Make sure you are on a layer with text, lower Fill (Fill) layer up 0%.

This is what you should do:

Step 8

Duplicate the text layer to add to the second stroke line.
The first layer of the stroke is ready here, but we need to make several lines. However, Photoshop does not allow you to add multiple stroke lines at once. Therefore, we will use simple and accessible techniques, duplicating the layer with the text and changing the size, color and layout of the strokes.

On the text layer, press Ctrl + J (Win) / Command + J (Mac) to quickly create a duplicate layer. A duplicate will appear on top of the original layer. Go back to the original text layer to change the color and position of the text stroke:

Step 9

The FX icon at the far right of the text layer in the Layers palette indicates that one or more layer styles are currently attached to the layer. Clicking on the arrow (in the form of a black triangle) next to the icon, you will see a description of the styles used.

Change the size, color and position of the stroke on the original text layer. To do this, double click on the icon fx On the layer with the original text (in earlier versions of Photoshop, this icon is denoted by the letter “f”). In the opened layer style dialog box, select the parameter Stroke (Stroke).
First, we plan to change the color of our stroke. To do this, click on the model in the window Colour (Color). In the opened color palette choose the color you like. I chose orange. We click
OK.

Secondly, we change Position (Position) stroke on Outside (Outside). The size (Size) keep the same, 6 pixels.

Press the OK button to exit the editing mode layer styles. You will see that our text has a second stroke line added. By changing the color, size and position of the stroke we can create several lines. At the moment we should have a red stroke inside the letters and an orange outside.

In this way, we can create any number of stroke lines for our text!

Step 10

Duplicate the original text layer again, to do this, again press the key combination Ctrl + J (Win) / Command + J (Mac), a copy of the layer must be on top of the layer with the original. Thus, we should have three layers with the text – the original and two copies. Go back to the original text layer, double click on the layer style icon, in the menu that opens, select the option Stroke (Stroke).

Step 11

Having opened the dialog box with the layer style, in the color palette for the stroke we change the color to red, click OK.

Next, we change The size (Size) stroke. At the moment, our stroke size is 6 pixels. I increased the stroke size to 16px, so that the third line was visible from under the previous two. Position (Position) leave Outside (Outside).

This is what we get after adding the third stroke of the stroke to our text:

In this way we can add a few more lines to the text, but I decided to stop at three. Duplicate the text layer, change the color, size and position of the stroke and you will have a new stroke line. Add and experiment to your taste! This method is very convenient, because at any time you can change the color and size of the lines at your discretion. Here, for example, I changed the color of the outer and inner layers to black, and made the intermediate line white. This is how the black and white version of the text turned out:

Good luck in your work!

Author: Steve Patterson

Like this post? Please share to your friends: