In this Photoshop tutorial, I will show you how to Create Typography Using Simple Geometric Shapes in Photoshop. This is a simple and fun tutorial, aim to get you familiar with the Shape Tool in Photoshop. Have a try!
This is an intermediate level difficulty tutorial and some steps can be tricky.
Note: The Photoshop tutorial is done in Photoshop CC – therefore some screenshot may have slighting different layout as in the earlier version. Some brushes are exclusive to Photoshop CS6.
Here is a preview of the final effect I have for this tutorial: (click to enlarge)
PSD Vault VIP Membership
You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 100+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas
OK Let’s get started!
To complete this tutorial, you will need the following stocks:
Create a new document sized 1400px * 720px with a light-grey background, use a big soft white brush to paint a spot light in the centre of the canvas:
The word we will be creating is: “METRO”. We will start with the letter “M”.
Grab the “Rectangle Tool” from the Tool Box:
On the Option Bar, apply the following settings for this black rectangle:
Make the following shape on our canvas:
Use the Free Transform Tool, distort the rectangle into the following shape by dragging the bottom-right corner of the rectangle towards the centre:
This is the shape you’re aiming to achieve:
Duplicate this layer and flip it horizontally, and form the following shape:
Then grab the Polygon Tool from the tool box:
Apply the following settings for the polygon tool on the option bar:
Create a triangle shape as below:
Add a pick rectangular shape in the centre for our letter, and here is the effect so far:
We will work on the letter “E” in this step. Use the rectangle tool again and draw the following rectangular shape again:
Use Rectangle tool again, draw 2x pink rectangular shapes into the following area:
Add another pink rectangle shape on top as shown below:
We will work on the letter “T” in this step. Draw a rectangular shape shown below:
Then draw another rectangular shape below to finish the letter T:
Add a triangular shape behind the letter T, set its fill colour to light grey, so the “T” stands out:
In this step we create the letter “R”. Use rectangle tool to create the following shape with grey colour:
Duplicate this layer, use the “Skew” option in Free Tranform tool, turn the duplicate layer into the following shape:
Draw a pink circle to finish off the letter “R” with the “Ellipse Tool”:
We will work on the letter “O” in this step. Draw a circle with black fill as shown below:
Draw a smaller circle inside the black circle with pink fill to form a “O” shape:
We will finish off this text by adding a few grunge painting effect. Create a new layer just above the background layer, use the brush you downloaded at the beginning of the tutorial, paint some pattern behind the text:
Group all texts layers together into 1 folder, create a new layer and set it to clipping mask to this new folder:
Paint some grunge pattern over the text as shown below:
This final step is optional.
You can add some liquify filter effect for this text. Flatten the image, then duplicate the background layer. Under “Filter > Liquify”, use the “Twirl Clockwise Tool”:
With the following settings:
I further adjusted the colour of the texts slightly with the colour balance adjustment layer, and here is my final effect: (click to enlarge)
That’s it for this tutorial! Hope you enjoy it and find it useful! If you have any questions about the steps, please contact me or leave a comment below. I will try my best to answer them.
Till next time, have a great day!