In this tutorial, we’ll learn how to create a colorful retro text effect in Photoshop by applying some simple layer styles.
To create a colorful retro text effect, you’ll need:
- A recent version of Photoshop
- Junegull font
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.
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.
Double-click on the text layer and apply the layer styles shown below.
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.
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.
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).
Double-click on the Light layer and apply the layer styles shown below.
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.
Set Overlay as the Color layer’s blending mode.
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.
Grab the Rectangular Marquee Tool, select the Add to Selection option and create 5 diagonal squares of 1px each.
Fill your selection with black, then press Cmd/Ctrl + D to get rid of the selection.
Go to Edit > Define Pattern and give your pattern a name.
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.
Go to Window > Brush, select the 39 Dry Brush and use the settings shown below.
Select the Diagonal Lines pattern we just created in the last step as the texture.
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.
Use the settings shown below.
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.
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.
Copy and paste the same layer styles to the other text layers; just change the size of the Bevel and Emboss.
And we’re done creating the colorful retro text effect!