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.
You can see the larger version by clicking on the image.
Now let’s start our retro text effect Photoshop tutorial.
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.
Fill the layer with color # 04e7e4.
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.
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.
Right click on the text layer and go to blending options. Select stroke of 3px size with 100% opacity and color # ffa277.
Now duplicate the text and move it a little bit on the right side and change the color to # fa72b2.
Like before give this text stroke but with the color # ffa277.
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.
Duplicate the first text layer, name it 3rd text layer and place it above the 1st and 2nd with color # ffffff.
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.
Now select pattern overlay from blending options menu. Follow the settings shown in the image below.
Now you will have the retro text complete looking like the image below.
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.
Right click on the shape layer and go to blending options, select drop shadow. Follow the settings shown in the picture below.
Again select the typing tool and use font Calibri of size 60pt with color # f6e2cb.
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.
So there you have it.
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.