step-6(2)[12]

Stroke the selection, go to Edit > Stroke. don’t worry about color we will add a gradient later.

step-6(3)[12]

Now we will apply some gradient to the stroke. Load the layer style dialogue box and click on the Gradient Overlay button. Use below settings.

step-6(5)[12]

Step 7 : Creating dimensional lines

Next create some lines. These lines will add dimension to our design. Pick the Line tool and draw a very long straight line that runs past the canvas boundaries. We will duplicate this layer and rotate it several times.

step-7(1)[12]

Duplicate the layer and rotate it.

step-7(2)[12]

Duplicate the layer and press Ctrl+Shift+T to repeat the transformation.

step-7(3)[12]

Create same number of lines. I created a total of 9 lines. Delete the straight line we created first.

step-7(4)[12]

Select all the lines and convert them to a Smart Object. This way we can control it as a whole. Reposition it like in the following image.

step-7(5)[12]

Step 8 : Creating a Tech ring

We are going to create a tech ring type of object. Create a circle with Ellipse tool. Check Shape Layers option.

step-8(1)[12]

Reduce the Fill opacity to zero. Apply stroke using the Layer Styles box.

step-8(2)[12]

Duplicate the layer and resize it inwards. Vary the stroke width.

step-8(3)[12]

Repeat the process until you have the below look. Select all the circles and merge them into a single layer.

step-8(4)[12]

Now make some random cuts to achieve the tech ring kind of appearance. Use Layer Mask to make the cuts.

step-8(5)[12]

Repeat the process on remaining circles.

step-8(6)[12]

Here is the final result.

step-8(7)[12]

Step 9 : Add a Highlight to background

Create a new layer, add a highlight spot with a large soft brush.

step-9[12]

Step 10 : Adding dimension

Next step is to give the composition some dimension. Start by adding the metal texture. This will work as the base to the design. Drag it into our composition.

step-10(1)[12]

Press Ctrl+U, adjust Hue and Saturation. Make it a bit orangish to match the background.

step-10(2)[12]

Adjust the Curve balance.

step-10(3)[12]

The texture is not big enough. Resize it by 150% using the Options panel.

step-10(4)[12]

Rotate the texture.

step-10(5)[12]

Make the below selection with Magnetic Lasso tool. Save the selection as an Alpha Channel. To do this switch to Channels palette, at the bottom click on Save Selection as Channel button. This will create the Alpha Channel which we can use later.

Pages: 1 2 3 4 5 6 7

6 responses to “Design a Retro Typography Poster in Photoshop”

  1. SAAD Avatar
    SAAD

    i used this tutorial to make a school project thank you very much and we are waiting for more

  2. Oh yeah Avatar
    Oh yeah

    Good reference :)
    I have learned a lot
    Thank u very much !

  3. Veneta Avatar
    Veneta

    Awesome tutorial. One of the best I’ve come across.

  4. Rosenburg Avatar
    Rosenburg

    Great job Niranth! You have some wonderful tutorials on this website

  5. Aaron Avatar
    Aaron

    This has been one of the best tutorials I have come across, great job, keep it up.

  6. Tobi Avatar
    Tobi

    great job, niranth!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Discover more from Photoshop Tutorials

Get the latest Photoshop tutorials, download and updates delivered to your inbox.

Continue reading