infamous2-text-flatten

Create a Grungy Style Text Effect Inspired by “Infamous 2″ Game in Photoshop

In this tutorial, I will show you the steps I took to Create a Grungy Style Text Effect Inspired by “Infamous 2″ Game in Photoshop.  This is a beginner level tutorial and steps are quite easy to follow, have a try!

The primary focus on this tutorial is the application of flow/opacity for both the Brush and Eraser tool, as well as the use of clipping mask to create the urban city overlay effect for the text. I have also included some steps about image adjustments and layer blending.

Here is a preview of the final effect: (click to enlarge)

infamous2 text flatten 500x273 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

PSD File Download

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 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Ok Let’s get started!

To complete this tutorial, you will need the following stock: (registration required for those images)

Grunge Brushset

City

Model

Step 1

Create a new document sized 1280px * 700px with black background. Use a bold font (I used the “Impact” font here) and type some text onto the centre the canvas:

1 type 500x264 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Create a new layer on top of the text layer, use a soft white brush to do a single click on the edge of the canvas as shown below:

1 light 500x228 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Compress this layer down as shown below:

1 resize 500x276 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Reduce the opacity of the layer to around 30%, and you will now have the following effect under the text:

1 opacity 500x234 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Use the grunge brush you download, paint some grunge patterns around the text:

1 paitn 500x265 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

As you paint, use a soft eraser tool to remove parts of the pattern to create fade-in effect: (set eraser flow and opacity to around 50%)

1 fade 500x342 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Step 2

Add a layer mask onto the text layer, then grab the Eraser tool with one of the grunge brush selected, erase parts of the text as shown below:

2 mask Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Make sure you adjust the flow and opacity of the eraser for some texture variety, and it will later reflect on the text:

2 opa set Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

As you can see, I use 100%, 50%, and 30% flow and opacity for different areas of the text:

2 brush opa 500x265 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

and here is the effect after applying the layer mask on the text:

2 effect1 500x152 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Step 3

Load the city stock image into Photoshop, select a portion of the image with quick selection tool as shown below:

3 sel 500x374 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Copy and paste the selection onto our document, re-size and position it as shown below:

3 resize 500x182 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Go back to the city image and select a different portion, and paste it onto our document. Repeat this process until you have a variety of the buildings covering the text as shown below:

3 dup 500x127 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Merge all those building layers into one layer, right-click on the layer and choose “Create clipping mask” (or press Ctrl + Alt + G):

3 clipping mask Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Reduce the layer opacity of this city layer to around 85%, and you will have the following effect:

3 effect 500x183 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Apply the following black and white adjustments to this city building layer:

3 bw Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

and here is the effect so far:

3 effect 2 500x178 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Step 4

Load the Model image into Photoshop, cut out the model and paste it onto our document, re-size and position it as shown below:

4 resize 500x243 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Load the selection of this model layer and fill it with black colour:

4 fill 500x334 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Reduce the layer opacity of this model layer to around 80%, you will have the following effect:

4 effect 500x187 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

Step 5

OK we’re almost done! For some final fine-tunings, I added some blue/red colour onto the text by creating a new layer on top of all previous layer, set its blending mode to “Color Dodge”, and use a soft brush with relevant colour to paint over it:

Hint: Adjust the brush flow/opacity as you paint, and use the Eraser Tool to remove parts that you don’t have colour on.

5 layer blend 500x366 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

I also added some random lines around the text with a bit of tablet pen drawing (1px hard brush):

5 lines 500x359 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

5 lines 2 500x289 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

I also used a bit of the Sharpen Tool to sharpen some parts of the text, and here is the final effect I have for this tutorial: (click to large)

infamous2 text flatten 500x273 Create a Grungy Style Text Effect Inspired by Infamous 2 Game in Photoshop

That’s it for this tutorial! Hope you enjoy it and find it useful! Till next time, have a great day!