Photoshop Text Effects

How to Create a Colorful Retro Text Effect

In this tutorial, we’ll learn how to create a colorful retro text effect in Photoshop by applying some simple layer styles.

Colorful Retro Text

To create a colorful retro text effect, you’ll need:

Step 1

Create a new 1024 x 768px document, and set #212121 as the Foreground color and #000000 as the Background color. Then, grab the Gradient Tool, choose Radial Gradient from the Options Bar, and click and drag from the center of the document to one of the corners.

Colorful Retro Text Gradient

Write your text with the Junegull font and #f4edd2 color. I will be using two different sizes here and if you want to do the same, write your text in separate layers. 250 is the big size and 150 is the smaller one.

Colorful Retro Text Large

Step 2

Double-click on the text layer and apply the layer styles shown below.

Colorful Retro Text Outer Glow

Colorful Retro Text Inner Glow

Change the Fill value of the text layer to 0. If you have a smaller size text layer, you will have to scale the layer style. To do so, first, right-click on the original text layer, click on Copy Layer Style, then right-click on the other text layer and click on Paste Layer Style. Now, right-click on the Layer Effects icon on the other text layer, select Scale Effects and change the setting to suit your text size.

Colorful Retro Text Scale Result

Step 3

Set #e5dfc9 as the Foreground color, create a new layer above all the other layers and name it “Light”. Then, using a soft round brush, make small dots on the tips of the letters. For the larger text, use a 20 size brush and a 10 size for the smaller text.

Colorful Retro Text Brush

Now, grab the Smudge Tool, set its Strength at 70% and smudge the dots in different directions. Keep the brush size the same as before (20 and 10).

Colorful Retro Text Smudge

Colorful Retro Text Smudge Result

Step 4

Double-click on the Light layer and apply the layer styles shown below.

Colorful Retro Text Light Outer Glow

Colorful Retro Text Light Inner Glow

Colorful Retro Text Light Result

Step 5

Now, we will add some colors. Create a new layer above all the other layers and name it “Color”. Using a soft round brush of size 60, make small colored circles all over the text. Don’t overdo it; leave some space in between. The colors I used are mentioned in the image, but you can use any other color you want.

Colorful Retro Text Color

Colorful Retro Text Color Result

Set Overlay as the Color layer’s blending mode.

Step 6

Now, we will create a diagonal lines pattern that we will use in our effect. To do so, create a new 5 x 5px document with the settings shown below.

Colorful Retro Text Effect New

Grab the Rectangular Marquee Tool, select the Add to Selection option and create 5 diagonal squares of 1px each.

Colorful Retro Text Effect Rectangular Marquee

Fill your selection with black, then press Cmd/Ctrl + D to get rid of the selection.

Colorful Retro Text Effect Selection

Go to Edit > Define Pattern and give your pattern a name.

Colorful Retro Text Effect Pattern

Step 7

Go back to your original document, create a new layer below the Light layer, name it “Lines”, and set #e8641b as the Foreground color and #ffd200 as the Background color.

Colorful Retro Text Effect Lines

Go to Window > Brush, select the 39 Dry Brush and use the settings shown below.

Colorful Retro Text Effect Brush Tip Shape

Colorful Retro Text Effect Shape Dynamics

Colorful Retro Text Effect Scattering

Select the Diagonal Lines pattern we just created in the last step as the texture.

Colorful Retro Text Effect Texture

Colorful Retro Text Effect Color Dynamics

Step 8

Right-click on the text layer and select Create Work Path. Select the Lines layer, grab the Direct Selection Tool, right-click the path and select Stroke Path.

Colorful Retro Text Effect Stroke Path

Use the settings shown below.

Colorful Retro Text Effect Stroke

Colorful Retro Text Stroke Result

Repeat the same steps to stroke the other text layers you have.

Lower the Lines layer’s opacity to about 30% or as transparent as you want your lines to be.

Colorful Retro Text Lines Opacity

Step 9

This step is optional if you want a glossy effect. Cmd/ctrl-click to select all the text layers, duplicate them and place the duplicate below the Color layer. Right-click on one of the duplicate text layers and select Clear Layer Style. Lower the duplicate text layers’ Fill value to 0. Double-click on the large size text layer and apply the layer styles shown below.

Colorful Retro Text Bevel and Emboss

Colorful Retro Text Contour

Copy and paste the same layer styles to the other text layers; just change the size of the Bevel and Emboss.

Colorful Retro Text Bevel and Emboss Size

And we’re done creating the colorful retro text effect!

Colorful Retro Text

About the author

Tabish Shaikh

Website designer, website developer, blogger and a writer. These are the things I like, love and live for. Having years of experience in each field. Developing sites since childhood. Getting the most complicated things done is my specialty. Providing each and everything of top most quality to each and every client.

Leave a Comment


*