SEARCH
  Tutorials Photoshop Photo Editing Drawing Graffiti

Drawing Graffiti

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

image 1
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.

image 2
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.

image 3
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.

image 4
Click to enlarge

Step 5

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

image 5

The result:

image 6
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.

image 8
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.

Drawing Graffiti
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.

subscribe to newsletter