Graffiti with Photoshop
17 February 2011
Step 1Find yourself a nice photo of a wall to put your logo on (i found this image on the internet with Google Images). Every image is suitable if there is a suitable structure (no smooth walls!).
Step 2
Place the logo you want to use in a new layer. The logo has to be a pixel-based image (no fonts, paths and shapes) because in the next step we will apply a "perspective transfer" which requires the layer to be pixel-based.
Step 3
Select "perspective transform" in the edit-menu en change the aspects of the logo that it fits the perspective of the wall. When you mak a "perspective transform" the selection you're transforming gets a bounbing box. You can use the lines of this bounding box to align the logo with the wall.
Step 4
The logo was just a bit to wide, but thats no problem. You can adjust this with the normal transform tool (CTRL+T). Make it a bit smaller so it will fit nicely in the wall. If the perspective of the logo doesn't look realistic, redo the previous steps, because the realism of this is the most important.
Step 5
After this, put the blending mode of the logo layer to "overlay":
The result:
Step 6
The logo still has sharp edges and looks more like a sticker than a graffiti drawing. To make this a bit more realistic we are going to blur the edges a bit. To blur only the edges, but not the logo, you'll have to make a copy of the layer and place it under te original logo.
Step 7
The, blur the copied layer with a "Gaussian Blur" with a value of 5,0 pixels. The gaussian blur is found in the filter-menu.
Step 8
At last, to improve the realism, use the eraser tool to erase the logo where the wall is worn down.
Refine
If you like the vague version of step 5 more, but with the blurred edges, you can select the blurred layer and click (while holding CTRL) on the thumbnail of the original logo layer. This way you'll select the outlines of the original layer. If you've done this, press DELETE to delete the selected part from the blurred layer.
To make it all even more realistic, you can place another graffiti (a more worn down one) on the wall of erase more from the logo to make it look more worn down.
Your work here
Send me your work and i'll publish it here!
First contribution by Dave Scott Design:
Related pages
About the author
This post was writen by Johan van Tongeren, owner of this website. Johan is a professional frontend developer and an amateur petrolhead. This website is his personal playground which changes almost every day. More...
You must have JavaScript enabled to use this form!
Page 1 from 17
Previous page | Next page
Page 1 from 17
Previous page | Next page
335 comments
srinath
26January2012
Its really awesome
Becca
11January2012
Very helpful thankyou !
umair
02January2012
Hi.Can anyone tell me how to paste/place that logo onto the new layer.
I'm new to PS so need help.thanx
Vinayak
30December2011
Superb!!!!!!!!!!
<strong><a href="http://www.problogbooster.com/">ProBogBooster.com</a></strong>
minion
25December2011
what font was this?
elijah
10December2011
this is cool...i lyk it..
Khaled
03November2011
Fuck'in Awesome!!!!
vaibhav
27October2011
This looks really amazing...This technique will work in a variety of situations!
me
25October2011
this is awful
Malik Imran
17October2011
Woww.... Wonderfull. Such a simple and outstanding idea.
Thanks for the share.
Pretty simple & Attractive
Gtantra
16October2011
Here's another Tip :
Use the Font "28 days later" for better effect .
Thanks for the tutorial
pius
14October2011
nice and super i trying now.thax.
NAGESH
13October2011
RRRRISKKKK
kay
13October2011
hebat... mean"great"
123k8
12October2011
I think it's cool,amazing and wicked.
hicham
12October2011
bico hassan machi rajl
kanvict
08October2011
one of the best thanks
kazawa
01October2011
nice tuts.. i'm really newbie <a href="http://www.softwareandmp3download.blogspot.com">some of my design posted here </a> and other articles <a href="http://www.siontechno.blogspot.com">may somebody need</a>
EJ
21September2011
thanks a lot!!
Antrinitz Singh
17September2011
It Is Very Useful To Learn The Image To Overlay With Another Image With Perspective Text. Thanks A Lot