Geometric Shaped Typography1

Create an Amazing Geometric Shaped Typography in Photoshop

Create an Amazing Geometric Shaped Typography in Photoshop

In this tutorial you will learn the processes of complicated designing to create a really amazing geometric shaped typography with grungy background in Photoshop. This is a simply amazing tutorial yet the effect looks marvelous. Let’s have a try…

Along the way, I will also give you some tricks that you can use for creating awesome lighting and smoky effect to spice up your design.

The techniques involved in creating this typo include layer blending, filter effects, image adjustments and custom brushsets. Hope you enjoy it!

OK let’s get started!

To complete this tutorial, you will need the following stocks:

Font

Brushset

Step 1

Create a new document sized 1200 * 1700px, fill the background layer with black color. Create a new layer on top of it and grab the brushset we just downloaded and paint some grungy texture as shown below:

Create an Amazing Geometric Shaped Typography in Photoshop

The trick here is to set your brush flow and opacity to a relatively low level, both around 30% – 40%, and vary the brushset size when you paint. Also don’t stick with one brushset, try mixing different ones together and see what result that brings you.

If you want to skip this step, you can simply download a copy of this background texture here.

Now we want to make a space for our text and create some depth for the image. To do so, on the texture layer, add the following layer mask to it:

Create an Amazing Geometric Shaped Typography in Photoshop

To adjust the lighting contrast a bit, we can add a Curves adjustment layer on top of all previous layers.

Create an Amazing Geometric Shaped Typography in Photoshop

And here is the effect so far:

Create an Amazing Geometric Shaped Typography in Photoshop

Step 2

Use the font we download before, type and position the text as shown below: (Use a dark gray color as font color)

Create an Amazing Geometric Shaped Typography in Photoshop

Tips: type the texts on separate layers, use the free transform tool (Ctrl + T) to rotate and fit them together.

Once you’re happy with the position, rasterise and merge those text layers and apply the following layer blending option to the merged layer:

Drop Shadow

Geometric Shaped Typography7

Bevel and Emboss

Geometric Shaped Typography8

Gradient Overlay

Geometric Shaped Typography9

and you will have the following effect.

Geometric Shaped Typography10

Now we’re in the fun part of this tutorial – Duplicate this merged text layer five times, and set each layer’s opacity as shown below:

Geometric Shaped Typography11

Use your up and right arrow key on your keyboard, repeatly type them until each layer separates from each other and form this effect as shown below:

Geometric Shaped Typography12

Step 3

Load the selection of the last text layer (hold ctrl + left-click the thumbnail image of that text layer on the layer pallette), and apply the following refine edge settings:

Geometric Shaped Typography13

Maintain the selection, create a new layer called “cloud” and render some cloud in it: (Black and White color)

Geometric Shaped Typography14

Duplicate this cloud layer three times, and drag the last text layer on top of the duplicated cloud layer, you will have the following effect:

Geometric Shaped Typography15

Duplicate the cloud layer twice, and drag the two layers on top of text layer, change their blending mode to “overlay” and you will have the following effect:

Geometric Shaped Typography16

Step 4

Now we can add some colors onto the image to spice it up a bit. To do this, I simply create a new layer called “color 1″ on top of all previous layers, and grab a big soft round brush and select some color I like to paint over it:

Geometric Shaped Typography17

Change the blending mode of this layer to “overlay”.

I also want to highlight the edge of the grungy background, so I add another layer called “color 2″ and grab a brown color brush to paint around the edges:

Geometric Shaped Typography18

Set the blending mode of this layer to “color dodge”.

You can also highlight some part of the text; simply create another layer called “highlight” and grab a white soft round, big size brush and paint over desired area:

Geometric Shaped Typography19

Change the blending mode of this layer to “soft light”.

For final refinement, I added two adjustment layers on top of all previous layers

Curves

Geometric Shaped Typography20

Color balance

Geometric Shaped Typography21

Apply the following mask to the color balance adjustment layer:

Geometric Shaped Typography22

Overall, you will have the following effect:

Geometric Shaped Typography23

Ok that’s pretty much it for this tutorial! Of course this doesn’t stop you from enhancing it and put it some your own creativity to it.

I further added some lines and apply some of this brushset around the edge of the text.

Here is my final effect for this tutorial: (click to enlarge)

Final Result

Geometric Shaped Typography24

Hope you enjoy this tutorial and find it useful and inspirational!

If you have any suggestion, please drop your comment below. Have a nice day.

Credit: psdvault.com

Mahmudur Rahman
[email protected]
No Comments

Sorry, the comment form is closed at this time.