Learn how to create a graffiti effect from your photos in Adobe Photoshop, using filters, adjustment layers, and layer style.
Other works with the effect of 3D Graffiti Effect volume graffiti with Pop Up Photoshop are presented on the Envato website.
1. How to create a brickwork background
Create a new document of size 850 x 630 pixels. You can, of course, use a different size for your PSD file, but you must respect the proportions used in this guide.
Add an image of a brick wall on a new layer. If necessary, change the size of the texture.
2. How to add graffiti
Open and paste a graffiti image into our document, resize it if necessary. Place this layer above the wall layer.
Click on the second icon Add layer mask (Add layer mask) at the bottom of the panel Layers (Layers) to add a layer mask to the graffiti layer.
Set Foreground Color to # 000000 and select Grunge brush (Grunge brush), paint over the layer mask to hide some graffiti effects and reveal a brick wall.
3. How to create a portrait in the style of graffiti
Open the photo with the face of the model. Copy and paste into our document above all layers. Use the tool Magic wand (Magic Wand Tool) to highlight the background around the portrait. Install Tolerance (Tolerance) 10 and by ticking Smoothing (Anti-alias) and Adjacent pixels (Contiguous) while holding down the Shift key, select all areas of the background. Click Delete to remove the highlighted background.
Click Ctrl +D, to deselect.
Click Ctrl +J, and duplicate the layer with the model’s head twice, and name the new layers Portrait 1 and Portrait 2. Hide the two newly created layers: when you click on the Eye icon next to any layer on the panel Layers (Layers) can hide or show the layer.
Go back to the very first layer with the image of the head of the model and add a layer style Stroke (Stroke): 4 pix. Size, position From the center (Center), color # 000000.
Apply to this layer Filter: Go to the tab Filter (Filter) – Imitation (Artistic) – Application (Cutout) and select Number of levels (Number of Levels) 8, Simplicity of edges (Edge Simplicity) 0 and Edge clarity (Edge Fidelity) 3.
Add a Adjustment Layer Posterize: Layers (Layers) – New Adjustment Layer (New adjustment layer) – Posterization (Posterize), tick Use previous layer as clipping mask, set Levels (Levels) for 5 units.
Add Brightness / Contrast Adjustment Layer: Layers (Layers) – New Adjustment Layer (New adjustment layer) – Brightness/Contrast (Brightness / Contrast), check Use previous layer as clipping mask, Brightness (Brightness) to 117 and Contrast (Contrast) to -50.
Add a Hue / Saturation Adjustment Layer: Layers (Layers) – New Adjustment Layer (New adjustment layer) – Hue / saturation (Hue / Saturation), check Use previous layer as clipping mask, set Tone (Hue) at 129 and Saturation (Saturation) to 100.
Select the Grunge brush to draw on the mask of the Hue / Saturation Adjustment Layer, paint it black as in the image below to display the original color.
Copy the layer with the graffiti texture, place it over the adjustment layers, click the left mouse button between this layer and the underlying one, with the ALT key held down. Now this layer will also be used as a clipping mask for the portrait layer.
Change the blend mode of this layer, with a copy of the graffiti texture, to Lighter (Lighter Color)
Click on the icon Add layer mask (Add layer mask) at the bottom of the panel Layers (Layers) to add a layer mask to the graffiti layer. Set Foreground Color to
# 000000 and select Grunge brush (Grunge Brush), paint over the layer mask to hide some graffiti effects around the guy’s face.
Click on the Eye icon next to the portrait 1 layer layer to turn on layer visibility. Set the foreground color to # 000000 and the background color to #ffffff.
Go to the tab Filter (Filter) – Sketch (Sketch) – Photocopy (Photocopy) and choose Detailing (Detail) 3, Shade (Darkness) to 50.
Go to the tab Filter (Filter) – Imitation (Artistic) – Application (Cutout) and choose Number of levels (Number of Levels) 3, Simplicity of edges (Edge Simplicity) 3 and Edge clarity (Edge Fidelity) 3.
Switch to Picture (Image) – Correction (Adjustments) – Levels (Levels) and set the values as in the image below:
Set the blending mode for portrait 1 to Multiplication (Multiply).
If you want, you can repeat the same process, but with different settings for the portrait 2 layer, but this step is optional.
4. How to create a brick effect
Click Shift-+Ctrl +N, to create a new layer on top of all other layers.
Click Shift +Ctrl +Alt + e, to merge all visible layers. Name this layer Bricks.
Add a layer mask to the Bricks layer.
Perform the following action: Picture (Image) – Trimming (Trim) and trim the canvas based on transparent pixels.
Go to the bottommost layer with the brick wall texture and create a selection using the Tool. Rectangular Selection (Rectangular Marquee Tool). Click Ctrl +C, to make a copy of the selection.
Go back to the Bricks layer and on the tab Channels (Channels) Click on the Eye icon next to the Bricks layer mask to make it visible. Click Ctrl + V, to Insert (Paste) selection in this mask.
Return to the tab Layers (Layers) and click Ctrl + D, to cancel the selection. Also double click the mouse on the window thumbnail on the Bricks layer.
Go to Layer style (Layer Style Window) Bricks and add style Stamping (Bevel and Emboss). Set the settings as in the image below.
Congratulations! You did it!
In this lesson, you learned how to create a graffiti effect in Photoshop from scratch using brushes and textures, filters, and adjustment layers. I hope that this lesson in the future will be useful for you to create your own works!
The final result.