Create a stylish retro text in Photoshop

Recent updates in Photoshop CC 2015 have brought many interesting features. For example, the repeated use of styles on one layer.

In this tutorial, I will show you how to create a retro text using only one layer. So let’s get started!

Final result

1. Create a background

Step 1

Create a new document 950 x 950 px. Duplicate the background layer twice. Reduce value Fillings (Fill) to 0 for the second duplicate layer.

Step 2

Double-click the first duplicate of the layer with the background to apply the layer style. Gradient overlay (Gradient Overlay). Set the following settings for this layer style:

  • Style (Style): Radial (Radial)
  • Scale (Scale): 150%
  • Click on the gradient scale to display the gradient editor window. Set the following gradient colors: # ede6cf on the left and # e1c194 on the right.

We applied a gradient fill.

Step 3

Double click on the second duplicate of the background layer to apply the layer style Overlapping pattern (Pattern Overlay). Set the following settings for this layer style:

  • Blend mode (Blend Mode): Soft light (Soft Light)
  • Pattern (Pattern): Sawtooth (Note of translator: saw tooth)

We applied a delicate chevron pattern to the gradient fill.

2. Create text

Step 1

Type text using the font. Intro Inline Regular, font size 200 pt, font color any shade of your choice, because later we will apply the layer style Color overlay (Color Overlay).

If you decide to create a text consisting of more than one line, then open the tab Symbol (Character), let’s go Window – Symbol (Window> Character), and then in the font settings window, change the value Leading (Leading) at 190 pt.

Step 2

In order for the letters to be evenly distributed, you need to set the cursor between each pair of letters you want to adjust, and then in the setting Tracking for selected characters (Tracking), set the appropriate value.

Values ​​that were used here:

  • W / O, O / N: -50
  • D / E, E / R: 100
  • F / U, U / L: 150

3. Add a stroke and a stroke print.

Double click on the text layer to apply the following layer style:

Step 1

Apply layer style Stroke (Stroke) with the following meanings:

  • The size (Size): 3
  • Position (Position): Inside (Inside)
  • Opacity (Opacity): 48%
  • Colour (Color): # fffaf3
  • Tick ​​in the box Separate print (Overprint)

Step 2

New option Separate print (Overprint) is an additional improvement to the effect. Stroke (Stroke).

As this option works, it combines the translucent fill of the inner stroke (with Opacity (Opacity) less than 100%) with the color of the shape or text to which it is applied, creating an additional impression.

Step 3

When option Separate print (Overprint) is disabled, the shape or text fill will be completely embossed, and the background behind the translucent stroke will be visible instead.

4. Adding a multiple layer style effect.

Step 1

Some layer styles have a small icon (+), which is located on the right (Stroke (Stroke), Inner shadow (Inner Shadow), Color overlay (Color Overlay), Gradient overlay (Gradient Overlay) and Shadow (Drop Shadow)).

If you click the (+) icon, you can add up to 10 copies of layer styles that will be added to the original layer style.

Therefore, if you click the icon (+), which is located opposite the layer style Stroke (Stroke), then you will see another layer style added. Stroke (Stroke) below the original layer style with the same settings and values.

Step 2

Click on a copy of the layer style. Stroke (Stroke) so that it becomes active, and then apply the following settings:

  • Position (Position): Outside (Outside)
  • Opacity (Opacity): 100%
  • Colour (Color): #ffffff

As you can see, this layer style added another stroke effect to the text without the need to create a separate layer or layer style.

5. Add Inner Shadow

Step 1

Next, add a layer style. Inner shadow (Inner Shadow) with the following settings:

  • Colour (Color): # ab6b18
  • Opacity (Opacity): 80%
  • Bias(Distance): 8
  • The size(Size): 5

Step 2

Next, add a copy of the layer style. Inner shadow (Inner Shadow) with the following settings:

  • Colour(Color): # d9953d
  • Uncheck the box Global coverage (Global Light)
  • Angle (Angle): 63
  • Bias (Distance): 11

This will allow you to add an inner shadow from a different angle, using the same layer and the same layer style.

6. Add Inner Glow and Color Overlay.

Step 1

Add a layer style Internal glow (Inner Glow) with the following settings:

  • Blend mode (Blend Mode): Darkening basics (Color burn)
  • Opacity (Opacity): 100%
  • Noise (Noise): 100%
  • Colour (Color): # e7dabc
  • A source(Source): Ofcenter(Center)
  • The size (Size): 35

Step 2

Add a layer style Color overlay (Color Overlay) with the following settings:

  • Colour (Color): # d09c2d

7. Add a shadow

Step 1

Add a layer style Shadow (Drop Shadow) with the following settings:

  • Colour (Color): # 394485
  • Opacity(Opacity): 100%
  • Bias(Distance): 8
  • Swipe(Spread): 100
  • The size(Size): 4

Step 2

Next, add a copy of the layer style. Shadow (Drop Shadow) with the following settings:

  • Colour (Color): # 4e85c2
  • Uncheck the box Global coverage (Global Light)
  • Angle(Angle): 119
  • Bias (Distance): 17

Step 3

Add a second copy of the layer style. Shadow (Drop Shadow) with the following settings:

  • Colour(Color): # 2d6db5
  • Opacity (Opacity): 61%
  • Angle (Angle): 121
  • Bias (Distance): 26

Step 4

Add a third copy of the layer style. Shadow (Drop Shadow) with the following settings:

  • Colour (Color): # c1a89a
  • Opacity(Opacity): 35%
  • Angle(Angle): 41
  • Bias(Distance): 13
  • Swipe (Spread): 47
  • The size (Size): 9

Step 5

Next, add a fourth copy of the layer style. Shadow (Drop Shadow). This copy of the layer style will be very similar to the third copy, therefore, instead of clicking the (+) icon of any layer style Shadow (Drop Shadow), click on the (+) icon opposite the third copy of the layer style Shadow (Drop Shadow).

  • Angle (Angle): 130
  • Bias (Distance): 38

And voila! The result. A rather complex retro text effect that was created using a single text layer, including the same layer styles.

You will also see that all copies of layer styles are also added to the list of layer styles that we applied to the text layer.

8. Several additional options

Step 1

In addition to the option with the (+) icon, you can also see several new options in the lower left corner of the settings window. Layer styles (Layer Style). The first icon on the left is the icon (fx).

If you click this icon (fx), a text menu will appear with several options that you can choose to apply as additional effects, just like you added copies of layer styles.

Step 2

Here in the text menu there is an option Remove Hidden Effects (Delete Hidden Effects), which removes all unused or inactive effects, layer styles or their copies. Through the menu (fx) you can view or add back any layer style any time you want.

Step 3

Option Show All Effects (Show All Effects) will show all effects, whether they are used or not.

Step 4

Option Restore Default (Reset to Default List) will simply restore everything to default, including deleting any created copies of the layer styles.

Step 5

Icon Move Effect to Top (Move effect up) and icon Move effect down (Move effect down) (Note of translator: the icons with the down and up arrows) can be used to change the order of layer styles and their copies, and with the help of the ‘Delete’ icon (Note of translator: The ‘bin icon’ in the lower right corner is marked with a circle), you can delete the selected layer style as well as its copy.

9. Add texture

Once we have finished working with layer styles, add a grunge paper texture to our working paper, placing the texture on top of all layers. Apply scaling as needed, arranging the texture as you like.

Next, change the blending mode for this layer of paper texture to Linear dimmer (Linear Burn), and also reduce the layer opacity to 50%.

Congratulations! We have completed the lesson!

In this tutorial, we added a simple gradient to the background, adding a delicate pattern to it.

Next, we added text, and then changed a couple of settings, such as line link and tracking.

Then we applied a couple of layer styles, including new layer style settings, to create a retro effect.

Finally, we added a simple grunge texture as a final touch to the effect.

Like this post? Please share to your friends: