How to Turn a Photo into Graffiti with Photoshop

3

Like it or not, graffiti is everywhere. Whether you see it as an expression of urban culture or a blight on our cities, it’s impossible to escape it. But here’s a way you can turn any photograph into a piece of graffiti artwork in Photoshop, without lifting a spray can or risking the wrath of your neighbors.

Choose your image

Almost any image will do, as long as it’s capable of being turned into black and white – so clear, distinct limbs are better than bunched-up people, for instance. I’ve chosen this skateboarder because he has a recognizable shape, and it’s an activity that’s directly relevant to graffiti artists.

Make a Threshold adjustment layer

Threshold adjustments turn layers into pure black and white. And although you can apply the adjustment directly to your artwork, in this case, you need to apply it as an Adjustment Layer. Make sure you set it to use the underlying layer as a Clipping Mask, so the Threshold effect doesn’t apply to the wall as well.

Dodge and Burn

Use the Dodge and Burn tools to brighten and darken the skateboarder layer directly. Because you’re looking at the layer through the Adjustment Layer, it’s easy to brighten the very dark areas, such as the jeans, to let more light into them and give them more definition.

Set to Multiply

Change the mode of the layer from Normal to Multiply, and all the white will disappear and you’ll see just the paint. I’ve also used Dodge and Burn to brighten his face and darkened the back of his shirt. Remember, when using either tool you can hold Option or Alt to access the other one temporarily.

Add some color

Use a Hue/Saturation Adjustment Layer, again using the underlying layer as a Clipping Mask, to add color to the image. Because the Threshold adjustment produced a solid black, you’ll need to check the Colorize button and raise the Lightness level in order to see the effect.

Let the wall show through

Graffiti shouldn’t be perfect. To let some of the roughness of the wall show through, open the Layer Style dialog (or double-click the skateboarder layer’s thumbnail). In the Blend If section at the bottom, drag the left Underlying Layer triangle to the right to reveal those areas of the wall that are darker than the point to which you drag it.

A touch of blur

Graffiti artwork shouldn’t look too crisp. Adding just a small amount of Gaussian Blur – around 1 pixel should be adequate – will soften the edges, giving the graffiti a more sprayed appearance. Because the Threshold and Hue/Saturation processes are both Adjustment Layers, you can go back at any point and adjust these further if you wish.

Graffiti Video Tutorial

Check out the video version of this tutorial, and get a link to download the original artwork.

Steve Caplin is a freelance photomontage artist based in London, whose satirical illustrations have appeared in newspapers and magazines around the world. He is the author of the best-selling How to Cheat in Photoshop, as well as 100% Photoshop, Art & Design in Photoshop and 3D Photoshop. He writes regularly for CreativePro and is an instructor at LinkedIn Learning. His YouTube channel 2 Minute Photoshop is a library of over 100 Photoshop tutorials, each just two minutes long, hosted at photoshop.london. When he’s not at his computer Steve builds improbable furniture, which can be seen at curieaux.com.
  • […] You can view this tutorial on CreativePro here. […]

  • Michael Howie says:

    I’m missing a step? I follow along (had to click around to figure out how to “set it to use the underlying layer as a Clipping Mask” and when I get to the “Set to Multiply” step, it either does nothing (if I choose the base layer) or replaces white with colour, which I can’t hide (if I choose the top/adjustment layer). What am I missing?

  • Steve Caplin says:

    It sounds like you haven’t done the steps in the right order. When you set the Adjustment Layer to use the underlying layer as a Clipping Mask, then are you seeing the image correctly, with the skateboarder in pure black and white and the background as normal? If so, then changing the mode of the skateboarder layer to Multiply should behave exactly as specified here. It may help to watch the YouTube video, which shows exactly how the image is created.

  • >
    Notice: We use cookies on our websites to give you a great online experience. If you keep browsing, we'll assume you're ok with this. For more information, see our privacy policy. By closing this banner, you agree to the use of cookies.I AGREENo