step-18(1)[10]
step-18(2)[10]
step-18(3)[10]

Here is the finished one.

step-18(4)[10]

Create some more shapes.

step-18(5)[10]

Step 19 : Back to Illustrator

We will create some more line work in Illustrator. Let’s start by creating a couple of blend objects.

step-19(1)[10]

Colorize.

step-19(2)[10]

Paste into Photoshop.

step-19(3)[10]
step-19(4)[10]

One more blend.

step-19(5)[10]

Bring into the composition. Apply Color Overlay.

step-19(6)[10]
step-19(7)[10]

Here is the fun part. Put some little squares randomly and connect them.

step-19(9)[10]

Paste into Photoshop, apply Color Overlay.

step-19(11)[10]

Create yet another blend. Bring it into Photoshop, apply Color Overlay.

step-19(13)[10]

Create circular blend.

step-19(15)[10]

Bring as Smart Object.

step-19(16)[10]

Reduce Fill Opacity to zero. Apply Gradient Overlay. This hides the object partially.

step-19(17)[10]
step-19(18)[10]

Duplicate the object. Flip Horizontally and modify the Gradient.

step-19(19)[10]
step-19(20)[10]

Step 20 : Adding skyscraper

Open up the Skyscraper image. Apply Halftone Pattern filter to the image. Go to Filter > Sketch > Halftone Pattern. Press “D” key to reset the colors to default before you apply the filter.

step-20(1)[10]

Your image should look like this.

step-20(3)[10]

We need to select the black tones and separate them. Go to Select > Color Range. Make sure your background color is black. This will select all the blacks.

step-20(4)[10]

Press Ctrl+J to create new layer from the selection. This looks like pop art.

step-20(6)[10]

Drag & drop this layer into our main composition. Place it above the Characters group.

step-20(7)[10]

Double click on the layer icon. Adjust blend settings. This will blend the image based on the values of the underlying layer.

step-20(8)[10]

Step 21 : Background pattern

Create a new pattern that we will use to apply to the background. Create a new document and create square pattern. Turn off the background layer, marquee the area and go to Edit > Define Pattern.

step-21(1)[10]

Create a new layer and press Shift+F5. Choose the pattern you just created and press OK.

step-21(2)[10]

Place this layer just above the background layer.

step-21(3)[10]

Zero the Fill Opacity. Add Gradient Overlay to the layer. This gradient hides the center portion of the pattern and reveals at the edges which is what we need.

step-21(4)[10]

Step 22 : Adding texture

Drag & Drop the paper texture into the composition. This will add more character to the design. Resize it to cover entire canvas. Change the blending mode to Multiply. Reduce the opacity to 90%.

step-22(1)[10]
step-22(2)[10]

Adjust Curves to strengthen the texture a bit.

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