Make text with multi-layer stroke in Photoshop

In recent versions of Photoshop, there are useful improvements to the style of the layer. In this short tutorial, you will learn how to use new layer style features to add multiple stroke effects to an object using just one layer. Let’s start!

Step 1

For this effect we will use a background filled with a carbon fiber pattern (pattern).

Create the text to which you want to add a stroke. In the panel Symbol (Character) set the following parameters: font name – Anja Eliane Normal, size – 135 pt, color # e7bd4f, Kerning (Kerning) – Optic (Optical), in order to avoid overlapping the stroke set Tracking (Letter spacing, Tracking) – 150, click on the icon with all uppercase letters.

You can use any settings in the Symbol panel, but be sure to change the letter between letters. interval (Tracking).

Step 2

Double-click the text layer to open the Layer Style and add a stroke.

Stroke (Stroke):

  • The size (Size): 5 px.
  • Position (Position): Outside (Outside)
  • Blend mode (Blend Mode): Normal (Normal)
  • Opacity (Opacity): 100%
  • Colour (Color): # cd4949

Step 3

As a result, we get the text with the usual red stroke.

Step 4

Click the + icon to the right of the effect. Stroke (Stroke). This will add another instance. Strokes (Stroke) over the first effect.

Choose a new effect Stroke (Stroke), and change the size (Size) by 3 and opacity (Opacity) at 0%.

Stroke (Stroke):

  • The size (Size): 3 px.
  • Position (Position): Outside (Outside)
  • Blend mode (Blend Mode): Normal (Normal)
  • Opacity (Opacity): 0%
  • Colour (Color): # cd4949

Step 5

As a result, we get a transparent area between the text and the red stroke.

Step 6

Add another copy. Strokes (Stroke).

The order of stroke instances is an important part of creating an effect. You can control the order of the stroke overlay, to do this, select the instance that you want to move, and click the icon to move the effect up or move the effect down in the lower part of the window Layer style (Layer Style).

Move the new copy to the bottom.

Step 7

After moving, change the stroke size to 8 and the opacity to 0%.

Stroke (Stroke):

  • The size (Size): 8 px.
  • Position (Position): Outside (Outside)
  • Blend mode (Blend Mode): Normal (Normal)
  • Opacity (Opacity): 0%
  • Colour (Color): # cd4949

Step 8

Add another copy and move it to the bottom. Change the size to 10 and the opacity to 100%, set the color to # 16a2b3.

Stroke (Stroke):

  • The size (Size): 10 px.
  • Position (Position): Outside (Outside)
  • Blend mode (Blend Mode): Normal (Normal)
  • Opacity (Opacity): 100%
  • Colour (Color): # 16a2b3

Step 9

As you have already noticed, we are adding a transparent stroke over the larger opaque stroke, in order to create a double stroke effect around the text.

Step 10

You can also change the position of the stroke and stroke inside the text. To do this, create another instance, move it to the bottom, then change its size to 1 and the opacity to 0%.

Stroke (Stroke):

  • The size (Size): 1 px.
  • Position (Position): Inside (Inside)
  • Blend mode (Blend Mode): Normal (Normal)
  • Opacity (Opacity): 0%
  • Colour (Color): # 16a2b3

Step 11

Add another copy, move it to the bottom. Change its size to 4 and increase the opacity to 100%, set the color to # c28c36.

Stroke (Stroke):

  • The size (Size): 4 px.
  • Position (Position): Inside (Inside)
  • Blend mode (Blend Mode): Normal (Normal)
  • Opacity (Opacity): 100%
  • Colour (Color): # c28c36

You can experiment with consistency, size, opacity, and color for up to 10 different instances of the stroke effect. To add several stroke effects to the text, use only one layer and one layer style. Feel free to leave your comments to the lesson and share the result that you have.

Posted by: Kelby One

Like this post? Please share to your friends: