Monday, August 19, 2019

PSD Vault

Awesome Photoshop Tutorials

Create Typography Using Simple Geometric Shapes in Photoshop

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!

Show More
Leave a Reply

Your email address will not be published. Required fields are marked *