Create A Beautiful Retro Text Effect In Photoshop CS6

Hello websoulz readers. First I would like to apologize for our absence from websoulz for so long. As you are well aware of our new venture Graphicsoulz, a place to serve the designer community with great resources. So being so young Graphicsoulz wanted our undivided attention in these last few months and the love and attention it got from designers all over the world is overwhelming. So we thank you for showing your interest and support. However we are back on the scene and have planned some really useful stuff for you guys. So keep an eye out for our upcoming posts.
So our very post after this break is a text effect tutorial. It’s a retro text effect made in Photoshop. Before we start with the how please note the things you will be needing for this Photoshop tutorial.

Program: Photoshop CS6

Resources: Retro polka dot pattern

Font: Science fair

Est.time: 20 min

Before we begin our text effect let’s have a look at the complete image.

Text effect tutorial photoshop

You can see the larger version by clicking on the image.

Now let’s start our retro text effect Photoshop tutorial.

Step1:

Start your Photoshop cs6 and open up a new document. Name it Retro text effect. Follow the measurements shown in the given image. This is our background layer.

Text effect tutorial photoshop

Step2:

Fill the layer with color # 04e7e4.

Text effect tutorial photoshop

Step3:

Right click on the background layer and when options menu opens up go to blending options. There select the free vintage dot pattern we just downloaded and make the settings shown below in the image.

Text effect tutorial photoshop

Step4:

Now add a new layer and name it main text then select the typing tool and then select the science fair font from the font menu. You can follow the size and settings for the font from the picture given below. Use the color # ffa277 for the font.
Now type Retro Soulz like I did or you can write whatever you like.

Text effect tutorial photoshop

Step5:

Right click on the text layer and go to blending options. Select stroke of 3px size with 100% opacity and color # ffa277.

Text effect tutorial photoshop

Step6:

Now duplicate the text and move it a little bit on the right side and change the color to # fa72b2.

Text effect tutorial photoshop

Step7:

Like before give this text stroke but with the color # ffa277.

Text effect tutorial photoshop

Again right click on the 2nd text layer and go to blending options then select drop shadow. See the image shown below for the shadow’s settings.

Text effect tutorial photoshop

Step8:

Duplicate the first text layer, name it 3rd text layer and place it above the 1st and 2nd with color # ffffff.

Text effect tutorial photoshop

Right click on the 3rd text layer and go to blending options, select stroke of the same color as before but this time its size will be 5px.

Text effect tutorial photoshop

Now select pattern overlay from blending options menu. Follow the settings shown in the image below.

Text effect tutorial photoshop

Now you will have the retro text complete looking like the image below.

Text effect tutorial photoshop

Step9:

Now we’ll add some stuff to introduce our retro text effect. After finishing with the main text effect I just selected pen tool and made this dark grey banner with it using rulers. Right click on the shape and select Define custom shape.

Text effect tutorial photoshop

Right click on the shape layer and go to blending options, select drop shadow. Follow the settings shown in the picture below.

Text effect tutorial photoshop

Step10:

Again select the typing tool and use font Calibri of size 60pt with color # f6e2cb.

Text effect tutorial photoshop

Step11:

Last I added the name Websoulz using the font Brush Script Std of size 120pt in color # fa72b2. Then I tilted it pressing Ctrl + T.

Text effect tutorial photoshop

So there you have it.

Text effect tutorial photoshop

Hope you have enjoyed making this retro text effect. If there are any difficulties or question you want to ask about this tutorial feel free to drop your comment, question, suggestion or appreciation :) in the comment box below.
You can also win the source file of this text effect by simply following us on twitter and facebook. After following our twitter and facebook portfolios request the source file and it will be yours. Thanks for reading.

Leave a comment

Your email address will not be published.