step-3(1)[12]

Our Text has three multiple faces front, side, top and bottom. We will deal with each side separately. First select all the font side paths holding “Shift” key.

step-3(2)[12]

Right click and select “Make Selection”

step-3(3)[12]
step-3(4)[12]

Create a new Group and call it “Characters”. This group contains our 3D text layers. Create a new layer and fill the selection with #f25a38. Rename the layer to “text-front”

step-3(5)[12]

This time select all the bottom and top side faces. Then turn them into selection.

step-3(6)[12]

Create a new layer and fill the selection with #e64d2a. Now pick #feaa97 and apply to the pieces belong to the word “AM”. Rename the layer to “text-bottom”

step-3(7)[12]

Repeat the process to finish the side pieces as well. Use the below values. Rename this layer to “text-side”.

step-3(8)[12]

Step 4 : Adding colors to the text

Text is very flat now but we will change this, Ctrl+click on the “text-front” layer to load selection. Create a new layer above the “text-front” layer. With the selection active click on the “Add layer mask” button. This adds mask to the layer that reveals only the areas where we want so that We can paint freely.

step-4(1)[12]

Paint some nice and saturated colors with a soft brush.

step-4(2)[12]

Load selection for the top side faces of “GEEK” using our main path. Add highlight.

step-4(3)[12]

Add highlights to the side faces of the text.

step-4(4)[12]

Step 5 : Creating blends

Switch back to Illustrator. We will be spending quite a bit of time rest of the tutorial creating line work using Illustrator, mainly creating blends. Draw some lines and blend them just by pressing Ctrl+Alt+B it’s that simple. Here we create our first blend object.

step-5(1)[12]

Another one.

step-5(2)[12]

To apply color to the blend click on the stroke color box and choose a color.

step-5(3)[12]

Copy the blend objects, switch back to Photoshop and paste them as smart objects. Position them as in the following image.

step-5(4)[12]

We want to limit these objects to the front side only. Hide outside portion using a mask. Load selection from “text-front” layer and click on the Add Layer Mask button.

step-5(5)[12]
step-5(6)[12]

Step 6 : Adding stroke to the text

Create a new layer, open the Paths palette. We have our main path here. Ctrl+click to load selection.

step-6(1)[12]

Expand the selection. Go to Select > Modify > Expand.

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