Create Typography Using Simple Geometric Shapes in Photoshop

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!

The PSD file of this tutorial is available to buy on PSD Vault Shop, or via the PSD Vault VIP members area.

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:

Grunge Photoshop Brushes (Pick any one from the list)

Step 1

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:

Step 2

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:

Step 3

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:

Step 4

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”:

Step 5

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:

Step 6

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:

Step 7

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!