Paint Graffiti on Wall in Photoshop

 

Preparations:

We will use an image of a wall (taken by RoCkBiGdAvE), Paint Drips brushes from elliottfelix and Graffiti Set 2 from Krakograff.

Click here to download the Graffiti brushes.
Click here to download the Paint Drips brushes.
Click here to download the image.

All rights of these resources belong to their respective owners.

   

Step 1 – Setting Up Background:

Create a document of size 750 by 550px.

Drag and resize (with Edit > Free Transform) the wall image into the document.

   

Step 2 – Adjusting Levels:

Create a Levels Adjustment Layer above the wall layer and enter the values 83, 0.72, 255.

Create another Hue/Saturation Adjustment Layer above the levels and enter 0 for Hue, 13 for Saturation and 4 for Lightness.

   

Step 3 – Graffiti Outline:

Load Graffiti 2 brushes downloaded earlier.

Create a new layer above the adjustment layers.

Select Pimp My Wall brush and set the size to 450. Change your foreground color to #000000 and paint the graffiti outline as shown in the diagram.

   

Step 4a – Painting Graffiti:

Create a new layer below the graffiti outline.

Using a Soft Brush tool with size 25 and color #E6B700, paint within the outline of PIMP.

It is fine to have some of the colors painted out of the line so it will look more realistic.

   

Step 4b – Painting Graffiti:

Repeat Step 4a for the rest of the words.

I used #6D98C3 for MY, #9F1D25 for WALL and #FFFFFF for the exclaimation.

   

Step 5 – Painting Shadows:

Create a new layer below all these colors.

Using a Soft Brush tool of size 100 and color #000000, paint in some shadow along the border of the graffiti.

   

Step 6 – Painting Outer Glow:

Create another layer in between the shadow and the colors layers.

Using a Soft Brush tool of size 100 and color #34C230, paint in some glow.

Try not to cover the shadows you painted earlier.

   

Step 7 – Painting Highlights:

Create a new layer above all the other layers.

Using a Soft Brush tool of size 25, color #FFFFFF and opacity 30%, paint in some highlights along the top border of every letter as shown in the diagram.

   

Step 8 – Adding Paint Drips:

Load Paint Drips brushes downloaded earlier.

Create a new layer above the highlights layer. Set the opacity of this layer to 40%.

Set the foreground color to #FFFFFF, paint in some paint drips at some ends of the highlights.

   

Step 9 – Adding Textures:

Duplicate the wall image and drag the duplicated copy to be the topmost layer.

Go to Image > Adjustments > Auto Levels. Set the Blending Mode of this layer to Overlay.

Using a Soft Eraser tool of size 200, erase those areas outside of the painted graffiti so you can see some dirty brick outlines on the colors.

   

Optional:

I painted in some darker areas at the bottom left and right to make the design more interesting. The levels are also adjusted so the colors seem more vibrant.

Hope you like this tutorial. Cheers!

Click here to view the final image.

Other Design Articles You May Find Interesting

36 Comments | Write a Comment

  1. yiฤŸit says:

    thank you thabk you

  2. Vranje says:

    This is example how you can create great things,with a small triks, very nice resoults, great graffit.

  3. web dizajn says:

    hen i open this page looking for some graffiti stuffs, i was suprized, nice tut. Thanks!

  4. JP says:

    Seriously, who needs that graffiti brush? Draw your own graffiti for crying out loud. Just use a standard brush and draw it that way; it will look far more original, and quite possibly more realistic.

  5. arian says:

    Thanks Johnson!!
    I want to share my tutorials with you!

  6. Grate spray brushes. Thanks for sharing good in formations.

  7. Wendy says:

    I don’t think the brushes are available anymore….either that or I’m just not seeing them lol. I clicked on the link, but I don’t see anything that says brushes or download. Can you please help me? I have a project that I’m working on and I’d love to learn how to do the wall graffiti : )
    Thanks,
    Wendy

  8. dana nichols says:

    good stuff! thanks man

  9. Rahul says:

    Hi,
    Everything is fine..except if someone cold write GYAN MANTHAN 09 for me n save it as brush so that could use.
    Please urgent..
    Thanx

  10. Johnson Koh says:

    It’s my pleasure ๐Ÿ˜‰

  11. Itรขโ‚ฌโ„ขs nice tutorial. I like to practice and try different ideas and methods. There are some interesting approaches in your tutorial. Thanks for sharing this tutorial.

  12. this is great work

  13. jessa says:

    you are the BEST!!!!..mwahhhh

  14. daniel says:

    can someone who knos how to do this give me their email? i need a picture like this with only different words

  15. Johnson Koh says:

    Hi Matt, Thanks for sharing the tut. The duplication is actually meant for a better control for the revealing of brick lines. But of course, each to their own preference ๐Ÿ™‚

  16. Matt says:

    Oh Man, how could you do that in such complicated ways. You don’t have a clue how to photoshop!!! It could be so easy… Dupicating the wall, hahahahaha – why don’t you simpy use overlay mode for the layer?!?
    THIS is a really good graffiti tutorial: http://www.dreamdealer.nl/?action=viewTutorial&id=41

  17. First link for downloading Graffiti brushes is not good, no graffiti brushes there…

    • Wendy says:

      Yeah I’m having the same problem with no brushes being found in the first link : ( I really want to do this so can anybody please help me?

  18. Johnson says:

    Thanks guys! ๐Ÿ˜‰

  19. DpK says:

    aWeSoM wOrk..iMproViNG mY sKillS iN photoshOp…!!

  20. Wilson says:

    I love all your tutorials, they are improving my photoshop skills greatly ๐Ÿ™‚

  21. I also like to copy the background (brick) layer, make it black and white, increase the contrast with levels, making the black stand out but not be too overpowering, then I put the layer above all the rest set at multiply (with areas masked out that are too dark, like people) I love the realistic grunge feel this extra step produces.

    Great brushes, thanks for sharing the resource!

  22. hairy says:

    this graffiti used in this tutorial is the worst graffiti I’ve ever seen in my life. WTF!!??

  23. TwoFace. says:

    cool cool!

  24. Good Tutorial! It was chosen for the main page of http://www.tutorialsroom.com
    Please submit all of your future quality tutorials in there.

17-09-2014 | Comments Off on Top 50 sport wordPress themes
18-06-2013 | Comments Off on 20 sets of free grunge photoshop brushes
21-01-2013 | Comments Off on Free futuristic fonts from urbanfonts.com
06-01-2013 | (2) Comments
24-11-2012 | Comments Off on Make your own business card for free
08-02-2012 | (1) Comment
  • Free Brushes
  • FudgeGraphics
  • CrazyLeaf Design Blog
  • Fuel Your Creativity
  • Photoshop Tutorials and Design Resources
  • touch up photo retouching services
  • Small House Design
  • http://www.webbuildersguide.com/
Follow My Twitter Subcribe Full RSS