[Guide]Creating distressed textures

[Coolis®]

Photoshop can help you make great images, but the images can sometimes look a bit too clean and manufactured. This tutorial will show you how to incorporate some gritty textures and get a little dirty.

 

We’ve included a whole load of fun extras for you on the CD, including our custom brushes for flat colouring, shading and sketching so if you want to make the image right from the start, you have everything you need to start drawing directly in Photoshop.

 

Don’t panic if you’re not into drawing, we’ve included the high-res lines for this image so you can dive in at the colouring stage. There are also some images that we spray-painted for you, as well as a texture from May Ang’s brilliant texture archive, which you can find at www.mayang.com/textures. This tutorial requires Mac’s Remove White filter, which you can download from www.photoshop-filters.com/html/macks.htm.

01. We started by roughly sketching the character and tracing over it. If you’d rather start with out traced version, open Adrenaline- Lines.jpeg from the cover disc, make a new layer from the background, and name the layer ‘Lines’.

 

Run Mac’s ‘Remove White’ filter to eliminate the white pixels. Click ‘Lock Transparent Pixels’ in the Layers palette. Immediately below ‘Lines’ make a layer called ‘Blends’, followed by ‘Hair’, ‘Clothes2’, ‘Clothes’, ‘Skin’ and ‘Background’. Make one final layer called ‘Above’ and place it above the ‘Lines’ layer.

02. Block in the flat colours on their respective layers using Dave C’s flat colour brush (from the cover disc), ensuring that no sections of different colour on the same layer are touching. Use the square brackets – [ and ] – to reduce and increase the brush size respectively. Use the biggest brush possible to speed things up here. Starting with ‘Hair’, Cmd/Ctrl + left-click the thumbnail of each layer to select everything on that layer, and hit Backspace on each layer below to delete any overlap between layers. This will make shading much easier.

03. Time to start shading. Cmd/Ctrl + left-click each layer’s thumbnail to select an area and use Dave C’s pencil 7 from the cover disc to add shading on the ‘Blends’ layer. Press Alt to colour-pick, then select a darker colour to apply shading. As the Lines layer is locked we can easily change their colours with the brush. Select a colour to complement the fill of each part of the image (such as dark pink for her top, dark blue for hair) and colour directly onto the lines.

04. Change the background colour back to white. Select the Pen tool (press P) and create an abstract shape behind the girl; click and release to plot anchor points and create straight lines. To create curved lines, left click and hold, then push and pull to create curves. To create a straight line after a curve, Alt + click the previous point to remove the handle, then plot your next point. To edit a path, hold Cmd/Ctrl while clicking a point to move that point, or Cmd/Ctrl + click a handle to alter the curve of the line. Holding Alt while clicking a point adds or removes handles.

05. Once you’re happy with your path, click the Paths tab in the Layers palette and click the Make Selection icon at the bottom (the dotted-line circle). Switch back to Layers, and on the Background layer fill the shape with bright pink. Open Concrete. jpg from the cover disc, select all (Cmd/Ctrl + A), copy (Cmd/Ctrl + C) and paste (Cmd/Ctrl + V) it immediately above ‘Background’.

 

Set the layer properties to Overlay. Hit Cmd/Ctrl + T to transform and enlarge the image to cover the whole canvas, holding down to constrain the proportions. Go to Filter > Blur > Gaussian Blur, and set the blur to 3.8 pixels.

06. Open Cardboard Texture.jpg and Paint Splatter.jpg from the cover disc and copy and paste them into our image. Place the ‘Cardboard’ layer above the ‘Concrete’, and the ‘Paint Splatters’ layer above that. Set the layer properties to Multiply for both. Transform the Cardboard layer to fit the canvas (Cmd/Ctrl + T).

 

Do the same with ‘Paint Splatters’, also rotating and stretching it to make it more interesting, then select Image > Adjustments > Hue/Saturation (Cmd/Ctrl + U). Move the Saturation slider down to -53 to remove most of the colour.

07. Open Lined Paper.jpg from the cover disc and place it above ‘Paint Splatters’, Cmd/Ctrl + T and rotate the texture. Position it in the top left corner of the image. To invert it, select Image > Adjustments > Invert (or hit Cmd/Ctrl + I), and set the layer properties to Screen.

 

Next, import the three Warning Sign images from the cover disc above the ‘Lined Paper’ layer, use Cmd/Ctrl + E to merge them all down onto one layer, rename this layer ‘Symbols’, then set it to Multiply. You may notice a second ‘Lined Paper’ layer in the screenshot above; we decided it looked too fussy, so we deleted it and have omitted it from this tutorial.

08. Open the Drumstikk.jpg, remove the white (see Step 01), then copy and paste him underneath the Symbols layer. Hit Cmd/Ctrl + U and alter the Hue and Saturation to turn him pale pink, then set the Layer to Screen and Layer Opacity to 41 per cent. Position him somewhere that’s not too conspicuous; we chose the bottom left corner.

09. Using Dave C’s pencil, tidy up the face shading and add shine to lips and eyes. Cmd/Ctrl + click the skin layer thumbnail and add some very light flesh-colour gradients on the skin layer (Spot Gradient, set to 25 per cent opacity) where light would naturally hit. Do the same on the clothing and hair layers.

10. Cmd/Ctrl + click the ‘Hair’ layer and add some very light blue/white highlights on the ‘Blends’ layer. On the ‘Above’ layer, select a very light blue and use the spot gradient to add small highlights to the hair, belt buckle and white parts of the jacket and gloves.

11. Create a new layer called ‘Glare’ above the ‘Above’ layer, and use the Square Marquee tool to create a shape by making one large square, then holding Alt while using the marquee to remove chunks from the selection, then holding shift while using the tool to add more horizontal stripes over the image, setting the layer to Screen.

 

Use a white Linear Gradient set to 25 per cent to fill these shapes, dragging from right to left. Cmd/Ctrl + D to deselect, then apply one large gradient across a third of the image from right to left, and build it up with shorter gradients to simulate the explosion

12. Hit Shift + Cmd/Ctrl + Alt + ~, this will select all the light parts of the image, then Shift + Cmd/Ctrl + C to copy from every visible layer. Paste between ‘Lines’ and ‘Above’, and call the new layer ‘Luminosity’. Set it to Screen and 75 per cent opacity.

 

To simulate the way light scatters, add a Gaussian blur of 3.6 pixels. Click the Add Layer Mask icon (the small white circle in a grey square) in the Layers palette. Drag a black linear gradient – with opacity set to 25 per cent) from left to right to tone down some of the luminosity on the left side of the image.

13. We want to copy just the girl now, so on the ‘Lines’ layer, click the Magic Wand outside of the girl. Hit Shift + Cmd/Ctrl + I to select the inverse, so that the entirety of the girl is selected. Hit Shift + Cmd/Ctrl + C to copy the selection on every layer, then paste it, call this new layer ‘Blur’. Select Filter > Blur > Motion Blur and apply at 692 pixels in a horizontal direction. Move this layer under ‘Skin’ layer.

14. Add some text to balance out the image. We used Myriad and Impact but use whatever fonts you like. Press T to select the type tool, and type away. To edit the text, you’ll need to rasterize it (Layer > Rasterize > Type). Use the square marquee to select strips across the text, Cmd/ Ctrl + X to cut, then paste and position slightly lower and left to create the effect. Cmd/Ctrl + V again, or as many times as you like, and position the shapes in various places around the text. You can also apply a light Gaussian blur to the bottom section of text. Look over the image and double-check it’s all finished... and relax!

Credits: Digital Art

[««•°o°ZêÑëuS¨‘°ºO•©»»]

awsome!!

thanks a lot for your guide ^.^