website promotion banner
Free Stock Images
  • Create A Free Account
  • Download High-Res Stock Images For Free
  • +5 Million Images
Your Ad Here
Photoshop  Home Photoshop Photo Editing Drawing Graffiti
rss

Drawing Graffiti

Author: Johan van Tongeren More by this author


Step 1

Find 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!).

Click to enlarge
Click to enlarge

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" wich requires the layer to be pixel-based.

Click to enlarge
Click to enlarge

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 make 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.

Click to enlarge
Click to enlarge

Step 4

The logo was just a bit to wide, but that's 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.

Click to enlarge
Click to enlarge

Step 5

After this, put the blending mode of the logo layer to "overlay":

image 5

The result:

Click to enlarge
Click to enlarge

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 the original logo.

image 7

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.

Click to enlarge
Click to enlarge

Step 8

At last, to improve the realism, use the eraser tool to erase the logo where the wall is worn down.

Graffiti Tutorial: Final Result (Click to enlarge)
Click to enlarge

Verfijnen

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.



About the Author:

Johan van Tongeren is a 25-year webdesign professional from the Netherlands. He has more than 5 years experience with webdesign, php programming and usability. His website, www.dreamdealer.nl, has a collection of tutorials that he writes in his free time. Feel free to visit www.dreamdealer.nl and request a tutorial on any subject. Requests can be send to info@dreamdealer.nl.


Author's URL: www.dreamdealer.nl

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Drawing Graffiti"