![step-13(6)[12] step-13(6)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-13(6)%5B12%5D_4c903993-e1ab-45bc-a78d-27bc820ea4bc.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
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(7)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-13(7)%5B12%5D_8926da93-3bc6-4f54-91a6-b2fff81fde53.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
![step-13(8)[12] step-13(8)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-13(8)%5B12%5D_2aae1c61-d454-4ca1-9976-f7bd9e566684.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Apply Color Overlay.
![step-13(9)[12] step-13(9)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-13(9)%5B12%5D_fb534871-4646-42b3-bbc3-7726b30279e3.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
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] step-14(1)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-14(1)%5B12%5D_b61c5f9c-861f-49e7-8940-6eef7401474f.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Align the circles tightly with no gap between them using Align Palette.
![step-14(2)[12] step-14(2)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-14(2)%5B12%5D_8c228c52-352b-4123-b98e-b378edc05b6b.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Delete top and bottom anchor points of the circles alternatively .
![step-14(3)[12] step-14(3)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-14(3)%5B12%5D_45cc0896-b1ac-4074-86a9-d2fd69975c64.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
![step-14(4)[12] step-14(4)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-14(4)%5B12%5D_f95547d3-ba1f-4a3b-8140-da44eeb1317c.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Join the paths.
![step-14(5)[12] step-14(5)[12]](https://cdn.photoshoptutorials.ws/images/stories/step-14(5)%5B12%5D_111bce85-c959-4ff0-a1c6-3c50436b7700.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Create the below shape with Pen tool. We will use this shape to create our custom art brush.
![step-14(6)[11] step-14(6)[11]](https://cdn.photoshoptutorials.ws/images/stories/step-14(6)%5B11%5D_b16f025e-5c59-4785-9964-cc3b0aa9a936.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Load the Brushes palette. Drag and drop our shape into the palette.
![step-14(7)[11] step-14(7)[11]](https://cdn.photoshoptutorials.ws/images/stories/step-14(7)%5B11%5D_dc02a0b2-c9c8-4e36-92a3-150a3d19f1b3.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Apply the brush to the our path.
![step-14(8)[11] step-14(8)[11]](https://cdn.photoshoptutorials.ws/images/stories/step-14(8)%5B11%5D_f5520592-a1b1-41fa-92b0-13667087c5b6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Copy and paste the shape into our main document.
![step-14(9)[11] step-14(9)[11]](https://cdn.photoshoptutorials.ws/images/stories/step-14(9)%5B11%5D_31635491-1f15-4a5c-9258-04f1cea960bb.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Reposition and resize the object.
![step-14(10)[11] step-14(10)[11]](https://cdn.photoshoptutorials.ws/images/stories/step-14(10)%5B11%5D_c322e99b-52d5-4aeb-b84d-13b165f64448.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
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] step-14(11)[11]](https://cdn.photoshoptutorials.ws/images/stories/step-14(11)%5B11%5D_71de3be1-1dd2-4e8c-8792-b6fc0f79c541.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Our image so far.
![step-14(12)[11] step-14(12)[11]](https://cdn.photoshoptutorials.ws/images/stories/step-14(12)%5B11%5D_88bedd42-5509-4146-9ffa-ae45baca7558.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Step 15 : Creating more shapes
Make this selection
![step-15(1)[11] step-15(1)[11]](https://cdn.photoshoptutorials.ws/images/stories/step-15(1)%5B11%5D_393f1378-05bb-4735-a9f8-d8c5d2d50a17.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Create a new layer and click on add layer mask button. Fill the layer with #2eaa93.
![step-15(2)[11] step-15(2)[11]](https://cdn.photoshoptutorials.ws/images/stories/step-15(2)%5B11%5D_b1af9a5e-94b5-401f-be89-5f5294f0992c.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Draw another selection and fill it with a nice pink color #f50d58.
![step-15(3)[11] step-15(3)[11]](https://cdn.photoshoptutorials.ws/images/stories/step-15(3)%5B11%5D_560b4d6f-09a0-4fd7-9db2-885609d7352f.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Create another shape. Create a selection and create a Layer Mask from the selection.
![step-15(4)[11] step-15(4)[11]](https://cdn.photoshoptutorials.ws/images/stories/step-15(4)%5B11%5D_28fcd940-dab5-4a9a-8579-c1e639dda6ef.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Fill the layer with #f50d58.
![step-15(5)[10] step-15(5)[10]](https://cdn.photoshoptutorials.ws/images/stories/step-15(5)%5B10%5D_dba6ccbd-039e-4380-a196-7fb3a57f6e37.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Repeat the above process.
![step-15(6)[10] step-15(6)[10]](https://cdn.photoshoptutorials.ws/images/stories/step-15(6)%5B10%5D_886ae087-d54b-4436-8052-9f3c1487fb87.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Step 16 : Creating Striped Pattern
Create some horizontal stripes. Make a rectangular selection and fill it. Duplicate the layer and finally merge into a single layer.
![step-16(1)[10] step-16(1)[10]](https://cdn.photoshoptutorials.ws/images/stories/step-16(1)%5B10%5D_b4a40b11-4a8a-4188-89f3-968fb934753b.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
![step-16(2)[10] step-16(2)[10]](https://cdn.photoshoptutorials.ws/images/stories/step-16(2)%5B10%5D_3fde726a-8a9a-4870-abda-00f739a0d8fd.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Duplicate the pattern. Resize the pattern. Apply color overlay #ffffff.
![step-16(3)[10] step-16(3)[10]](https://cdn.photoshoptutorials.ws/images/stories/step-16(3)%5B10%5D_c0e9bee3-ddc6-4134-80a4-e09071c1e4bc.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Reposition the other copy and rotate slightly.
![step-16(4)[10] step-16(4)[10]](https://cdn.photoshoptutorials.ws/images/stories/step-16(4)%5B10%5D_cd974c7b-c519-42d9-9f54-48fb5e176641.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Apply gradient overlay.
![step-16(5)[10] step-16(5)[10]](https://cdn.photoshoptutorials.ws/images/stories/step-16(5)%5B10%5D_3c7a68ad-4ce5-49ea-8ba0-5cbf43ba6a8e.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Erase hard edge using a mask.
![step-16(6)[10] step-16(6)[10]](https://cdn.photoshoptutorials.ws/images/stories/step-16(6)%5B10%5D_da107b69-8734-457b-a7b9-0bc8ce1d79e6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Step 17 : Checker pattern
You can create it in a couple of ways but I will show how to create it using Pencil tool. Select the Pencil tool and right click to load brushes palette, load square brushes into the palette.
![step-17(1)[10] step-17(1)[10]](https://cdn.photoshoptutorials.ws/images/stories/step-17(1)%5B10%5D_6c0fe851-a7ac-46b1-9ce0-3a545ed04e9b.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Create a black and white pattern painting alternatively. After you create the pattern Duplicate the pattern a couple of times.
![step-17(2)[10] step-17(2)[10]](https://cdn.photoshoptutorials.ws/images/stories/step-17(2)%5B10%5D_34d3723e-1a38-4aef-b40d-6aaae72a09a7.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Make it circular using a mask.
![step-17(3)[10] step-17(3)[10]](https://cdn.photoshoptutorials.ws/images/stories/step-17(3)%5B10%5D_c7650004-e5ba-425e-a11f-c3690fba7c44.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
![step-17(4)[10] step-17(4)[10]](https://cdn.photoshoptutorials.ws/images/stories/step-17(4)%5B10%5D_d7f6ac80-daf0-4314-9468-a766049ec4ee.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Step 18 : Creating colorful orbs
Let’s create a colorful orb shape. Create a new layer, draw selection with Elliptical Marquee tool click on Add Layer Mask button. Then we can start drawing. Follow the steps below. However you are not limited just to this, you have freedom to come up with your own cool shapes but here you can see how I did this.
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