Graffiti has influenced many modern graphic designers and illustrators. Skateboards, clothes, covers of music albums are decorated with this style. It is also often used for advertisements or magazines. Graffiti originated in the 70s as simple murals on the walls of the New York subway, and now this style is an integral part of hip-hop culture. Graffiti has become a world view of painting and constantly flashes on exquisite exhibitions, then on the streets.
In this tutorial, you will learn how to add a bit of a chaotic urban style to your design using the selection and blending techniques. We will also create a three-color stencil using filters and Photoshop channels. Then you have a chance to get a little dirty hands, adding paint stains. At the end of the lesson, we will increase the effect by applying blending modes, as well as the less well-known filter of Photoshop Offset (Displace). Thus, the finished graffiti will be even more realistic.
A picture of a skater for this lesson was kindly provided by Paul Frost.
Open Photoshop, create a new RGB sized document 29.7 cm on 21 cm with permission 300pixels / inch (dpi). Take an image of a wall from iStockphoto or use any similar photo. Drag the photo onto the document as a new layer, select the tool Stamp (Clone tool) in line Sample (Sample) select All layers (All Layers). Expand the plaster on the left side of the photo. You can also remove the black paint in the upper right corner. When you’re satisfied with the result, combine all the layers with a keyboard shortcut. Ctrl + E.
Save the image as Graffiti Tutorial. Discolor its (ctrl + u) and then apply the effect Gaussian blur (Gaussian blur) with radius 2.5 pixel. To do this, go to the menu Filter> Blur> Gaussian Blur (Filter> Blur> Gaussian Blur). Now click Shift + Ctrl + S, to Save as (Save as), select format Photoshop and name the file Bumpmap.psd. Now you can close the image – we will return to it closer to the end of the lesson and use it as an offset map for graffiti.
Open the Graffiti Tutorial document, add a new group called “Graffiti 1”, then open the photos from the archive (from Graffiti_1.jpg to Graffiti_16.jpg). Now use the tool Magic wand (Magic Wand) or go to menu Select> Color Range (Select> Color Range) to select graffiti, and then copy and paste them into the folder of our document as new layers.
Continue adding layers, but do not forget to leave space for a skater stencil and a large pattern. Experiment with different blending modes. For this lesson, I used various combinations of blending modes.
Try changing the shade of the inscriptions to a paler and reduce Opacity (Opacity) to “age” the drawings. You can also try to mix the layers by double clicking on the layer thumbnail and then dragging the white slider of the section Overlay if (Blend If) left. If you hold the key Alt and drag half the slider, you can achieve a softer effect.
Open the file Skater.jpg (it is in the archive), cut off the excess background. Now select the tool Pen (Pen tool) with mode Circuit (Paths) to highlight the skater. You do not need to be 100% careful when placing points, as the final result will still be rude. When you are done, go to the tab Contours (Paths) and double click on the contour thumbnail to save the changes.
Discolor layer by clicking Shift +Ctrl + U, then generate a selection from the outline by clicking Ctrl and clicking on its thumbnail. Click Shift + Ctrl + I, to invert the selection, then fill it with white. Now open the menu Levels (Levels) by clicking Ctrl + L. Set the value the leftpoints on 71, average – 3.37, right – 187. This will enhance the contrast.
Now we will enhance the contrast a bit. Go to menu Image> Correction> Posterization (Image> Adjust> Posterize). Enter value 3. Now we need to simplify the details so that the image looks like a hand made stencil. Select the outline again, and then use a hard brush to paint over the black and white areas. After that select the tool Pipette (Eyedropper tool), take samples of gray and also paint over some areas. Now go to menu Filter> Noise> Median (Filter> Noise> Median). Set the parameter Radius (Radius) on 2 pixels.
Choose a tool Magic wand (Magic Wand tool), uncheck Adjacent pixels (Contiguous), set the parameter Tolerance (Tolerance) on 2, and then highlight the black areas of the picture. Go to panel Channels (Channels), create a new channel. Now use the drop down menu to open Channel settings (Channel Options). Select item Selected areas (Selected Areas). Changing the original channel parameters will simplify the next steps.
Name the new channel “Black”, change the background color to white, and then click Delete, to fill the selection with black. Now black color does not depend on white and gray. You can paint some areas with white to make drawing even more simple. Remember – we achieve the effect of the stencil.
Translator’s Note – just remove small parts, or “hanging” separate areas.
Highlight gray areas, create a new channel, and fill it with black. Draw some sections, simplifying the drawing. Name the channel “Gray”. Now highlight the white areas, re-create the new channel, then fill the selection with black. Select the previously created contour, invert, then click Alt + delete, to fill it with white. Remove the selection, name the channel “White”.
Create a new layer, remove the background layer. Generate a selection of the channel “Gray” (To do this, click on its thumbnail with the key held down. Ctrl – approx. translator), then fill the selection with pale brown (R = 243; G = 165; B = 114). In the same way, select the “White” channel, fill it with a slightly yellowish (R = 200; G = 240; B = 224) on a new layer. Repeat the same process for the “Black” channel, filling it with black on another layer.
Note. Recommended RGB values from the translator: 1) the fill for the channel “Gray” – R = 243; G = 240; B = 225 2) fill for the channel “White” R = 243; G = 240; B = 225
Choose a tool Frame (Crop tool) and stretch the bottom of the canvas before you confirm cropping. Rotate the image counterclockwise, as shown. Now it’s time to add some paint stains. Open the file Paint_1.jpg. With the tool Magic wand (Magic Wand tool) unchecked Adjacent pixels (Contiguous) highlight a photo. After that, copy and paste it above the black fill layer (in the screenshot it is called “Black fill”). Transform a layer with excess paint, place it in the desired place, and then change the blending mode to Multiplication (Multiply). Now remove the excess parts, then add the remaining files to get the most realistic effect.
Now use the same light brown and yellowish shades to fill other areas with paint smudges. Use Usual (Default) blending mode – we achieve a slight effect, so do not overdo it. After you become satisfied with the result, Combine the visible (Merge Visible) layers by clicking Shift + Ctrl + E. Name the resulting layer “Skater”.
Now go to the brush presets. Select a medium soft brush, check the box Noise (Noise) on the presets panel. Add some smudges using the same colors, including black. Drag the “Skater” layer into the document, placing it above the group of layers.
Choose any graffiti you like – it should be bright enough to become the center of our work, or open the graffiti image suggested at the beginning of the lesson.
Note: The author chose an image in which the lower left part of the graffiti was missing. Before using it in work, he restored the missing part of the image using the Clone tool on a new layer in the “All layers” mode. The source site is missing this image. In the archive you will find an alternative option to complete the lesson.
Name the layer with large graffiti “Main graffiti”. Drag it into the document with our work, placing it above the skater layer. Move it to the bottom right corner. Now select the tool Eraser (Eraser tool) and soften the corners. Change the blending mode of the “Main graffiti” layer to Screen (Screen) and install Opacity (Opacity) – 60%. Duplicate it, then set the blending mode for the copy. Linear dimmer (Linear Burn), Opacity (Opacity) – 77%.
Set the layer mode to “Skater” Screen (Screen), cut it Opacity (Opacity) to 75%. Duplicate this layer, then set the following parameters for the duplicate: Blend mode – Linear dimmer (Linear Burn), Opacity (Opacity) – 77%. Open the file “Tag.tif”, drag it into the document as a new layer, place it over all the others. Drag it to an arbitrary place, set the blending mode Screen (Screen), Opacity (Opacity) – 50%.
Select the top layer and apply an offset to it. To do this, go to the menu Filter> Distortion> Offset (Filter> Distort> Displace). In the window that appears, install Scale horizontally and vertically (Horizontal, Vertical Scale) on five, select items Stretch (Stretch To Fit), Repeat boundary pixels (Repeat Edge pixels). After that click on the button. OK, select the bumpmap.psd file created in step 2 and click Open. After that, in turn, select all the layers and click Ctrl + F to repeat the filter. Now your graffiti follows the contours of the wall below them.