 |
|
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.
|
I am Johnson Koh, an Art Director based in Singapore. Founded 10Steps.SG with the purpose to share my experiments and interesting design news. Connect with me on LinkedIn. 
36 Comments | Write a Comment
thank you thabk you
This is example how you can create great things,with a small triks, very nice resoults, great graffit.
hen i open this page looking for some graffiti stuffs, i was suprized, nice tut. Thanks!
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.
Thanks Johnson!!
I want to share my tutorials with you!
Grate spray brushes. Thanks for sharing good in formations.
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
good stuff! thanks man
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
It’s my pleasure
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.
this is great work
you are the BEST!!!!..mwahhhh
can someone who knos how to do this give me their email? i need a picture like this with only different words
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
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
First link for downloading Graffiti brushes is not good, no graffiti brushes there…
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?
Thanks guys!
aWeSoM wOrk..iMproViNG mY sKillS iN photoshOp…!!
I love all your tutorials, they are improving my photoshop skills greatly
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!
this graffiti used in this tutorial is the worst graffiti I’ve ever seen in my life. WTF!!??
cool cool!
Good Tutorial! It was chosen for the main page of http://www.tutorialsroom.com
Please submit all of your future quality tutorials in there.