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 PSD file of this tutorial is available to buy on PSD Vault Shop, or via the PSD Vault VIP members area.

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)

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 200+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive!

Ok Let’s get started!

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

Grunge Brushset



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:

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:

Compress this layer down as shown below:

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

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

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%)

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:

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

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

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

Step 3

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

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

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:

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

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

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

and here is the effect so far:

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:

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

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

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.

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

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)

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


  • My name is James and I have been using Photoshop since version 5.0 (long time ago!). PSD Vault is my spare time hobby and I write majority of the Photoshop tutorials and articles here. I hope you enjoy my blog, and feel free to leave a comment or contact me if you have any questions.

  • Show Comments

  • Mark Armstrong

    Very cool effect! I thought adding the color at the end was a particularly nice touch. Many thanks for sharing and explaining everything so clearly.

  • Kyle

    Hey, so I’m trying to figure out a couple things here with your tutorial. First, what specific brush are you using for the grunge set? Also, what do you mean by compressing the layer down after the soft light? Thank you for posting this btw, awesome effect, I cant wait to perfect it. Also, where can I check out more of your tutorials?

  • Kyle

    Ok, NVM, figured out compressing the layer. Had a brain fart. But I’m still curious to know which of the brushes you used from the grunge set. =)

  • demian

    This is awesome. Thank you

  • rajasegar

    Great tutorial and techniques well explained!
    Thanks for sharing…
    Bookmarked & Featured in Tutorials of the Week!!

  • strony oswiecim

    wow, that’s exactly what I was looking for! Thanks mate.

  • jose

    amazing tut mate, love it!

  • shiry

    thank you! so so great!


    sorry but the link of the model is not found !!
    thank you for great tutorials !!
    keep it up man !!

  • annonymous

    how could i compress the layer???

  • Clipping Path Service

    wow! amazing Photoshop tutorial! I’ll try soon :)

  • Sincan Qwerty

    Can you make it for me but with the name niko

  • SixSexSox

    wow cool !!!!!!!!!!!

  • insane

    где Psd бля

  • Ralf

    Hi Can i translate thy tutorial into Polish?

  • Ralf

    i can if u want ;)

  • Ebee

    To compress the layer I had the layer highlighted and went to Image – Free transform – Scale, then you can move it how you like as they picture shows :)

  • duck

    i cant make….hixx..can you help me with the name “Serious Youth”
    into my mail [email protected]

  • baby hazel funtime

    amazing Photo shop tutorial

  • learn to fly 2

    i have one question about how coan I compress the layer?

  • baby hazel flower girl

    really very amazing Photo shop tutorial

  • cyrus

    link of the model….
    thank you for great tutorials ))

  • run

    great tips and instructions. ammazing tutorial. thank you very much!!!!!!!!!!!!

  • Clipping Path

    really amazing,tnx for the tutorial :)

  • Ocelot


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

comment *

  • name *

  • email *

  • website *

You May Also Like