SEARCH
  Tutorials Photoshop Tutorials Text Effects How to Make a Retro Text Effect

How to Make a Retro Text Effect

How to Make a Retro Text Effect - Photoshop Tutorial

In this tutorial, we will learn how to create an Retro poster.This tutorial will cover some advance techniques of lightning ,blending modes and line art, i must say all you designer will learn some tricky ways about retro text effect using Adobe Photoshop.

Step 1

Create a new file with a width of 1000 px and a height of 650 px at 100 dpi (Dots per Inch). Background Contents should be White.

White Background Contents

Step 2

First off, let's open the paper in Photoshop. We will be using paper texture from this stock image so we will need to transfer it to our main canvas.

Click the paper and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to "Texture".

paper texture from this stock image

Next, activate the Transform tool (Ctrl /Cmd +T), then while the "Texture" layer is selected and then re-size it as shown below:

The result should be similar to this:

Texture

Now create new Curves adjustment layer from the bottom of layers palette.

Curves adjustment layer

When the curves box opens, input the following:

curves box opens

The result should be similar to this:

The result should be similar to this:

Step 3

Now Instal Geist Knt font and Write "I LOVE RETRO TYPOGRAPHY" .

Use Color #abdc01 as foreground color.

I LOVE RETRO TYPOGRAPHY

Now we're going to make a duplicate of this layer just to be safe, and because we will be duplicating the base quite a bit. Press CTRL + J to make a duplicate. Hide the original base.

Now change the layer mode to "Overlay" and opacity to "80 %" .

Overlay

Double click the layer to get the Layer style window. Select the gradient tab and pick out a nice gradient. I've used the These colors (#101010) to (#ff3d5d).

gradient tab and pick out a nice gradient

The result should be similar to this:

The result should be similar to this:

Duplicate the base text layer and drag it to the top. Then again Double click the layer to get the Layer style window. Select the gradient tab and pick out a nice gradient. I've used the These colors (#f4036a) to (#fd9927).

pick out a nice gradient

Change the layer mode to "Screen" and opacity to 35% .

Select your text and move it slightly to the right, offsetting it.

The result should be similar to this:

Mode Screen

Duplicate the base once again, drag it to the top and instead of changing the gradient on it, change the text color to a bright blue (#3de1e3). Offset the text to the right once again.

change the text color

Change it's layer mode to "soft light":

soft light

Duplicate the base layer again, drag it to the top, and while keeping the neon green color we first worked with, offset the text to the bottom left.

offset the text to the bottom left

Now Change it's layer mode to "Soft light" and opacity to 65% .

The result should be similar to this:

Soft light and opacity

Now we're going to start adding the outline of the text. Duplicate the base text layer and drag it to the top. Double click the layer to get the Layer style window.Than goto Blending options and make fill to 0.

Blending options

Then go to Stroke. Set this color to anything bright and fun, I'm using (#ff007e). Set the stroke to 1px and the layer style to Soft Light. Press okay.

layer style to Soft Light

Select your text and move it slightly to the right, offsetting it.

offsetting

Now we're going to start adding the outline of the text. Duplicate the base text layer and drag it to the top. Double click the layer to get the Layer style window. Than goto Blending options and make fill to 0.

Then go to Stroke. Set this color to anything bright and fun, I'm using (#190096). Set the stroke to 1px and the layer style to Soft Light. Press okay.

text layer and drag it to the top

Select your text and move it slightly to the left, offsetting it.

Select your text and move it slightly to the left, offsetting it.

Now we're going to start adding the outline of the text. Duplicate the base text layer and drag it to the top. Double click the layer to get the Layer style window.Than goto Blending options and make fill to 0.

Then go to Stroke. Set this color to anything bright and fun, I'm using (#146800). Set the stroke to 1px and the layer style to Soft Light. Press okay.

Then go to Stroke

Select your text and move it slightly to the left, offsetting it.

How to Make a Retro Text Effect - Photoshop Tutorial

Duplicate the base one last time and drag it to the top. Double click to get the effects and go to the Gradient tab. Change the layer blend mode to Hard Light and select a purple to blue gradient. Offset the text to the lower left.

Change the layer blend mode to Hard Light

Change it's layer mode to "Screen" and opacity to 30% .

Screen and opacity

Step 4

Now let's create a source light to our image so make a new layer and name it "Source light" :

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #FFFFFF

Now paint over the highlighted area.

Source light

The result should be similar to this:

How to Make a Retro Text Effect - Photoshop Tutorial

Step 5

First off, let's open Royal typewriter stock in Photoshop. We will be using the typewriter from this stock image so we will need to transfer it to our main canvas.

Royal typewriter stock in Photoshop

Click the Royal typewriter stock and press p to activate pen tool and then make a selection around the typewriter and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to "typewriter".

typowriter activate pen tool

The result should be similar to this:

How to Make a Retro Text Effect - Photoshop Tutorial

Step 6

Now activate a new layer and name it "Line art" then activate pen tool and draw a pantagon.

Line art

Now fill it with #7bbc92 color.

Color Code #7bbc92

Next, Draw more line arts and fill them with following colors "#9b8a52, #d62752".

following colors

Step 7

Now create new Curves adjustment layer from the bottom of layers palette .

When the Curves box opens, input the following:

bottom of layers palette

The result should be similar to this:

How to Make a Retro Text Effect - Photoshop Tutorial

First off, let's open the paper in Photoshop. We will be using paper texture from this stock image so we will need to transfer it to our main canvas.

Click the paper and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to "Texture".

paper texture on canvas

Change it's layer mode to "Multiply" and opacity to 45% .

layer mode to Multiply

The result should be similar to this:

Retro Text Effect Final Result

subscribe to newsletter