Design a Retro Typography Poster in Photoshop

Design a Retro Typography Poster in Photoshop
Design a Retro Typography Poster in Photoshop
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

Download Free Presets
Sponsored

Download Lightroom presets and LUTs, absolutely free. Use the presets to add creativity and style to your photos.

6 comments on “Design a Retro Typography Poster in Photoshop”

Leave a Reply

Your email address will not be published. Required fields are marked *

cross