How to Create a Graffiti Effect in Adobe Photoshop

Learn how to create graffiti art from your photos in Adobe Photoshop, using filters and adjustments.

How to Create a Graffiti Effect in Adobe Photoshop

How to Create a Graffiti Effect in Adobe Photoshop
The graffiti effect is part of Graffiti Effect with Pop Up Photoshop Actionfrom my portfolio onThemeKeeperMarket.

How to Create a Graffiti Effect in Adobe Photoshop

Tutorial Assets

The following assets were used during the production of this tutorial:

1.How to Create the Brick Wall Background

Create an850 x 630 px New Document. You can, of course, use another size for your PSD file,but you have to proportionally adjust all the sizes used in this tutorial.

Add the Brick Wall in a New Layer. Resize the image if needed according to your canvas size.

How to Create a Graffiti Effect in Adobe Photoshop

2.How to Add the Graffiti Art

Step 1

In a New Layer, add theGraffiti Walltexture. Resize the image if needed according to your canvas size.

How to Create a Graffiti Effect in Adobe Photoshop

Step 2

Click the second icon at the bottom of theLayerspanel to add a Layer Mask to theGraffiti Walllayer.

How to Create a Graffiti Effect in Adobe Photoshop

Set the Foreground Color to #000000and pickthe Brush Tool. Use theGrunge Brush to paint inside the mask to hide some of the graffiti effect and to reveal the brick wall.

How to Create a Graffiti Effect in Adobe Photoshop

3. How to Create the Graffiti Portrait Effect

Step 1

Add the Man Portrait in a New Layer. Use the Magic Wand Tool to select the background of this image. Set the Tolerance to 10 and check Contiguous. Keep the Shift key pressed to make multiple selections. Press Delete to remove the selected background.

How to Create a Graffiti Effect in Adobe Photoshop

Press Control-D to deselect.

Step 2

Press Control-J to Duplicate the Man Portrait layer twice, and call the new layers Man Portrait 1 and Man Portrait 2. Hide the two newly created layers.Clickingtheeyeicon next to anylayeron theLayerspanel willhide/show thelayer.

How to Create a Graffiti Effect in Adobe Photoshop

Step 3

Return to the Man Portrait layer and add a Stroke layer style of 4 px, Positioncenter, Color #000000.

How to Create a Graffiti Effect in Adobe Photoshop

Step 4

Go to Filter > Artistic > Cutout and choose the Number of Levels 8, Edge Simplicity 0 and Edge Fidelity 3.

How to Create a Graffiti Effect in Adobe Photoshop

How to Create a Graffiti Effect in Adobe Photoshop

Step 5

Go to Layer > New Adjustment Layer > Posterize and set the Levelsto 5. Click on the third button from the left to add this adjustment as a Clipping Mask for the layer below.

How to Create a Graffiti Effect in Adobe Photoshop

Step 6

Go toLayer > New Adjustment Layer > Brightness/Contrastand set theBrightnessto117 and the Contrast to -50. Click on the third button from the left to add this adjustment as aClipping Maskfor the layer below.

How to Create a Graffiti Effect in Adobe Photoshop

Step 7

Go toLayer > New Adjustment Layer > Hue/Saturationand set theHueto129and theSaturationto100. Click on the third button from the left to add this adjustment as aClipping Maskfor the layer below.

How to Create a Graffiti Effect in Adobe Photoshop

Pick the Brush Tool and use the Grunge Brushto paint inside the Hue/Saturation Maskusing the color #000000to reveal the original color below.

How to Create a Graffiti Effect in Adobe Photoshop

Step 8

Create a New Layer. Copy and paste the Graffiti Wall image in this layer. Right-click on the layer and choose Create Clipping Mask.

How to Create a Graffiti Effect in Adobe Photoshop

Change the Blend Mode of theGraffiti Effectlayer to Lighter Color.

How to Create a Graffiti Effect in Adobe Photoshop

Click the second icon at the bottom of theLayerspanel to add aLayer Maskto theGraffiti Effectlayer. Pick theBrush Tooland use theGrunge Brushto paint inside theLayer Maskusing color#000000to hide some details.

How to Create a Graffiti Effect in Adobe Photoshop

Step 9

Click theeyeicon next to Man Portrait 1 layer to show the layer. Set the Foreground Color to #000000 and the Background Color to #ffffff.

How to Create a Graffiti Effect in Adobe Photoshop

Step 10

Go to Filter > Sketch > Photocopy and set the Detail to 3 and the Darkness to 50.

How to Create a Graffiti Effect in Adobe Photoshop

Step 11

Go to Filter > Artistic > Cutout and set the Number of Levels to 3, Edge Simplicity to 3 and Edge Fidelity to 3.

How to Create a Graffiti Effect in Adobe Photoshop

Step 12

Go to Image > Adjustments > Levels and set the Input Levels.

How to Create a Graffiti Effect in Adobe Photoshop

Step 13

Set the Blend Mode of the Man Portrait 1 to Multiply.

How to Create a Graffiti Effect in Adobe Photoshop

If you want, you can repeat the same process but with different settings for the Man Portrait 2 layer, but this step is optional.

4.How to Create the Brick Effect

Step 1

Press Shift-Control-N to create a New Layer above all the other layers.

Press Shift-Control-Alt-E to Merge all the visible layers. Call this layer Brick Effect.

How to Create a Graffiti Effect in Adobe Photoshop

Step 2

Add a Layer Mask to theBrick Effectlayer.

How to Create a Graffiti Effect in Adobe Photoshop

Step 3

Go to Image > Trim and trim the canvasbased on transparent pixels.

How to Create a Graffiti Effect in Adobe Photoshop

Step 4

Go to Brick Wall layer and make a selection using the Rectangular Marquee Tool. Press Control-C to make a Copy of the selection.

How to Create a Graffiti Effect in Adobe Photoshop

Step 5

Go back to the Brick Effect layer and on the Channels tab click on theeyeicon next to the Brick Effect Mask to make it visible. Press Control-V to Paste the selection in this mask.

How to Create a Graffiti Effect in Adobe Photoshop

Step 6

Return to the Layers tab and press Control-D to Deselect. Also click on the Brick Effect Layer Thumbnail.

How to Create a Graffiti Effect in Adobe Photoshop

Step 7

Open the Layer Style Window of the Brick Effect layer and add a Bevel and Emboss.

How to Create a Graffiti Effect in Adobe Photoshop

Congratulations! You’re Done!

In this tutorial, you’ve learned how to create a graffiti effect in Photoshop from scratch using brushes and textures.I hope you’ve enjoyed this tutorial.

For faster results, feel free to download this action Graffiti Effect with Pop Up Photoshop Actionfrom my portfolio onThemeKeeperMarket.

How to Create a Graffiti Effect in Adobe Photoshop

And check out the final result below!

How to Create a Graffiti Effect in Adobe Photoshop