![step-6(2)[12] step-6(2)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-6(2)%5B12%5D_1338876d-82d2-4e8f-ac52-3b1e03c6a0d6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Stroke the selection, go to Edit > Stroke. don’t worry about color we will add a gradient later.
![step-6(3)[12] step-6(3)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-6(3)%5B12%5D_807a582e-df4a-4f43-8724-d3e82031d6b4.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Now we will apply some gradient to the stroke. Load the layer style dialogue box and click on the Gradient Overlay button. Use below settings.
![step-6(5)[12] step-6(5)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-6(5)%5B12%5D_f951eee5-78b6-49d4-a428-26a88d90ca76.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Step 7 : Creating dimensional lines
Next create some lines. These lines will add dimension to our design. Pick the Line tool and draw a very long straight line that runs past the canvas boundaries. We will duplicate this layer and rotate it several times.
![step-7(1)[12] step-7(1)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-7(1)%5B12%5D_6d1986bd-751f-4ea2-a604-e2d80f083072.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Duplicate the layer and rotate it.
![step-7(2)[12] step-7(2)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-7(2)%5B12%5D_6bf0c65a-b845-40e7-832b-c76ca0c9ea21.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Duplicate the layer and press Ctrl+Shift+T to repeat the transformation.
![step-7(3)[12] step-7(3)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-7(3)%5B12%5D_072d3203-356e-453b-a0a4-36481f265670.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Create same number of lines. I created a total of 9 lines. Delete the straight line we created first.
![step-7(4)[12] step-7(4)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-7(4)%5B12%5D_d725fbd1-2f86-4390-8dc7-794f21366764.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Select all the lines and convert them to a Smart Object. This way we can control it as a whole. Reposition it like in the following image.
![step-7(5)[12] step-7(5)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-7(5)%5B12%5D_72b6e0a2-7051-4ae0-b5f9-c3998d368592.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Step 8 : Creating a Tech ring
We are going to create a tech ring type of object. Create a circle with Ellipse tool. Check Shape Layers option.
![step-8(1)[12] step-8(1)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-8(1)%5B12%5D_cdefd6cd-6fd4-41d4-a9a2-d539cfbf4e43.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Reduce the Fill opacity to zero. Apply stroke using the Layer Styles box.
![step-8(2)[12] step-8(2)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-8(2)%5B12%5D_06e245ea-63d8-4d3b-9c76-211ec2293429.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Duplicate the layer and resize it inwards. Vary the stroke width.
![step-8(3)[12] step-8(3)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-8(3)%5B12%5D_c176dc56-9652-4f9b-b448-cd72a9640f8f.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Repeat the process until you have the below look. Select all the circles and merge them into a single layer.
![step-8(4)[12] step-8(4)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-8(4)%5B12%5D_3f388c4c-a8e5-48fd-a5bb-9e2d67af3ba6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Now make some random cuts to achieve the tech ring kind of appearance. Use Layer Mask to make the cuts.
![step-8(5)[12] step-8(5)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-8(5)%5B12%5D_88781af1-0fc6-4654-9304-77ca57e14035.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Repeat the process on remaining circles.
![step-8(6)[12] step-8(6)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-8(6)%5B12%5D_098d4949-804c-4bbe-b8eb-164eb86c88eb.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Here is the final result.
![step-8(7)[12] step-8(7)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-8(7)%5B12%5D_c86de332-6ab6-4a1d-9ee9-8010d8718363.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Step 9 : Add a Highlight to background
Create a new layer, add a highlight spot with a large soft brush.
![step-9[12] step-9[12]](https://cdn.photoshoptutorials.ws/images/stories/step-9%5B12%5D_9490c54b-1d85-4e54-b9f7-ed35c1657901.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Step 10 : Adding dimension
Next step is to give the composition some dimension. Start by adding the metal texture. This will work as the base to the design. Drag it into our composition.
![step-10(1)[12] step-10(1)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-10(1)%5B12%5D_66267a3b-507d-433d-951a-9c899d4aaff1.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Press Ctrl+U, adjust Hue and Saturation. Make it a bit orangish to match the background.
![step-10(2)[12] step-10(2)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-10(2)%5B12%5D_d2bd155e-d4e6-4d17-9e02-0d549716c485.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Adjust the Curve balance.
![step-10(3)[12] step-10(3)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-10(3)%5B12%5D_a9cfcc7d-8c75-43eb-aa98-348a6f80e862.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
The texture is not big enough. Resize it by 150% using the Options panel.
![step-10(4)[12] step-10(4)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-10(4)%5B12%5D_34e7b71b-73d5-4e45-9921-a5ce42ae7e98.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Rotate the texture.
![step-10(5)[12] step-10(5)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-10(5)%5B12%5D_5847070f-4671-40f3-8ab3-cc0bb463c0c1.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Make the below selection with Magnetic Lasso tool. Save the selection as an Alpha Channel. To do this switch to Channels palette, at the bottom click on Save Selection as Channel button. This will create the Alpha Channel which we can use later.
6 responses to “Design a Retro Typography Poster in Photoshop”
-
i used this tutorial to make a school project thank you very much and we are waiting for more
-
Good reference :)
I have learned a lot
Thank u very much ! -
Awesome tutorial. One of the best I’ve come across.
-
Great job Niranth! You have some wonderful tutorials on this website
-
This has been one of the best tutorials I have come across, great job, keep it up.
-
great job, niranth!
Leave a Reply