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.
step-13(6)[12]
Hide the bottom area of the skyline. Use our Alpha Channel to load selection and add Layer Mask from the selection.
step-13(7)[12]
step-13(8)[12]
Apply Color Overlay.
step-13(9)[12]

Step 14 : Back to Illustrator

We have some easy yet creative work waiting. Create a series of circles with Ellipse tool.
step-14(1)[12]
Align the circles tightly with no gap between them using Align Palette.
step-14(2)[12]
Delete top and bottom anchor points of the circles alternatively .
step-14(3)[12]
step-14(4)[12]
Join the paths.
step-14(5)[12]
Create the below shape with Pen tool. We will use this shape to create our custom art brush.
step-14(6)[11]
Load the Brushes palette. Drag and drop our shape into the palette.
step-14(7)[11]
Apply the brush to the our path.
step-14(8)[11]
Copy and paste the shape into our main document.
step-14(9)[11]
Reposition and resize the object.
step-14(10)[11]
Create a new layer above the shape. Clip this layer to the shape layer. Paint some nice colors just like we did before with the text.
step-14(11)[11]
Our image so far.
step-14(12)[11]

Step 15 : Creating more shapes

Make this selection
step-15(1)[11]
Create a new layer and click on add layer mask button. Fill the layer with #2eaa93.

Pages: 1 2 3 4 5

Luminar: AI Photo Editing
Sponsored

Luminar AI lets you turn your ideas into reality with powerful, intelligent AI. Download the photo editor and see how you can completely transform your photos in a few clicks.

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

Leave a Reply

Your email address will not be published.

cross