Design a Retro Typography Poster in Photoshop

Design a Retro Typography Poster in Photoshop
Design a Retro Typography Poster in Photoshop
step-10(6)[12]

While the selection is active, click on the metal texture layer and click on Add Layer Mask button. See the result.

step-10(7)[12]

The edges are hard here, let’s blend them smoothly into our background. Load selection from our recently created Alpha Channel. Grab the Gradient tool, pick black and white gradient, click on layer mask and drag.

step-10(8)[12]

Create a new layer and fill #34a691.

step-10(11)[12]

Load selection from the Alpha Channel.

step-10(12)[12]

Click on the Add Layer Mask button.

step-10(13)[12]

Color is too solid. Mix it smoothly. Alt+Click on Layer Mask to enter mask mode, pick a soft brush and paint with black. You can see my mask here.

step-10(14)[12]

It should look like this.

step-10(15)[12]

Paint a faint shadow to the text to make it look like floating off the ground. Use a soft brush to paint the shadow. I used dark gray and reduced the Opacity.

step-10(16)[12]

Select the dimensional lines Smart Object and apply the below gradient.

step-10(17)[12]

Step 11 : Add more lines

This time we can create these lines directly in Photoshop using Pen tool. Create a new path layer and draw some paths using Pen tool.

step-11(1)[12]

We have to apply strokes to these paths. Right click on each path and choose Stroke Subpath. Make sure you are doing this in a new layer.

step-11(2)[12]

Vary stroke weights slightly.

step-11(3)[12]

Step 12 : Add shadow to the base

Make a selection with Magnetic Lasso tool.

step-12(1)[12]

Pick a soft brush and paint along the edge of the selection. Click on one end holding Shift key and then click on the other end.

step-12(2)[12]

Step 13 : Create Skyline

Let's create a simple skyline that will add some look to our design. Jump back to Illustrator. Select the Rectangle Tool and draw the skyline silhouette. Keep your skyline as similar as possible. Notice the left side blocks are a bit thinner than the other because when we apply 3D rotation this part is going to be closer to the camera so it will translate into much bigger size.

step-13(1)[12]

Go to Effect > 3D > 3D Rotate. Apply below settings.

step-13(2)[12]

Go to Object > Expand Appearance. Press Ctrl+Shift+G to ungroup the object.

step-13(3)[12]

Right click and choose Release clipping mask.

step-13(4)[12]

We need only outline that we want to take into Photoshop. You can easily Swap the fill color to stroke.

step-13(5)[12]

Copy and paste the object into our Photoshop document as Smart Object. Resize to match this image.

Pages: 1 2 3 4 5 6 7

90% Off Cyberpunk Preset Bundle
Sponsored

Make your artwork look like they're from an alternate universe. These Cyberpunk presets work with Photoshop (via the Camera Raw filter) and Lightroom. Download all 788 presets for 90% off.

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