Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Applying Grungy Effects into an Image in Adobe Photoshop CS5

In this tutorial, it will show you the process of creating this photo manipulation by adding grungy effects into an image in Adobe Photoshop CS5. Layered PSD file included. Let’s get started!

Final Image Preview

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS5 with the size 1000px by 1000px (RGB color mode) at a resolution of 72 pixels/inch. Choose the Rectangle Tool (U) to represent several horizontal lines of the color #191919.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Combine in a group all the layers containing the lines (press CTRL button to select the necessary layers and hold on the left mouse’s button while dragging the selected layers on Create a new group icon from bottom part of the Layers panel).

Using the Free Transform (Ctrl+T) command, we can incline the lines the same way as it is shown on the picture.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Find a stock photo with a model represented on it, I used the next photo, or if you prefer, you can substitute similar image of your own.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Remove the background using your favorite tools like Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L) or even a simple Filter>Extract and insert it on a new layer in our main document.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Click on the bottom part of the layers’ panel on Create new fill or adjustment layer>Hue/Saturation

Click Create new fill or adjustment layer from bottom part of the Layers panel and select Hue/Saturation. Drag the slider to the left to decrease the Saturation of the color range as shown.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

We’ve got the next result:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Create a new layer and select the Soft Round brush of white color (brush Opacity – 20%) to paint the model’s surface.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

We’ve got the next result:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Set the Blending mode for this layer to Overlay.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Create the next new layer and apply here the Soft Round brush to paint the background and the model. The brush’s color is #FF4445 (brush Opacity – 15%)

Applying Grungy Effects into an Image in Adobe Photoshop CS5

We’ve got the next result:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Set the Blending mode for this layer to Color Dodge.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Create one more new layer and select the Rough Round Bristle brush of black color this time to paint the canvas’s edges.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

We’ve got the next result:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Create a new layer and select the Soft Round brush of black color (brush Opacity – 10%) to paint the canvas along its edges.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

We’ve got the next result:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Set the Blending mode for this layer to Overlay.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Make a copy of the last represented layer, giving back the Blending mode for this layer to Normal:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Create the next new layer and apply on it the next filter: Filter > Noise > Add Noise.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

We’ve got the next result:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Set Fill to 27% for this layer and change the Blending mode to Soft Light.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Create the next new layer and select for it the Rough Round Bristle brush of black color to paint the indicated zones on the canvas. Select the brush of different diameters.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

We’ve got the next result:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Next step we’ll download sets of brushes for Adobe Photoshop, named: Grunge_Brushes_007_by_Tackybrush and SM_SplatterisM1_Low.

Create a new layer, load the SM_SplatterisM1_Low brushes, and use the brushes getting the same result as on the next picture. The brushes’ color is black.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

We’ve got the next result:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and choose the Hard Round brush of black color.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Paint in the mask using this brush to clean out the black drops on the model.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Create a new layer and load the brushes from Grunge_Brushes_007_by_Tackybrush set, use the next brushes to paint on the canvas like it demonstrated below. The brushes’ color is black.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

We’ve got the next result:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Leave active this layer in Layers panel, hold Ctrl button and click on the model’s layer to get the next selection.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and then press CTRL+I.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Click Create new fill or adjustment layer from bottom part of the Layers panel and click to Curves to adjust the curve shape as shown to make a little color corrections.

Applying Grungy Effects into an Image in Adobe Photoshop CS5

We’ve got the next result:

Applying Grungy Effects into an Image in Adobe Photoshop CS5

Applying Grungy Effects into an Image is finished!

View full size here.

Download free Layered PSD file.

Comments