Dark Grunge Photo Effect

Dark Grunge Photo Effect

Posted In : Photo Effects

In this Photoshop tutorial you will learn a neat grungy photo effect using a variety of Photoshop filters and image adjustments.

In this Photoshop tutorial you will learn a neat grungy photo effect using a variety of Photoshop filters and image adjustments.

1

Lets start by taking a look at the photo I’ve chosen for today’s tutorial. This is a great shot by the photographer Tinebra from Italy. I was looking for something sort of dark, sexy and mildly gothic to begin with for this particular effect because the genre seems to suit the effect well. Not to say that you couldn’t apply this effect to a photo of your two year old niece frolicking in a garden of tulips.

2

Lets begin by duplicating our Background layer by pressing Command-J (PC: Ctrl-J), not only to preserve the original image incase we need to come back to it, but because we’re about to apply 4 quite destructive filters to the image and we’ll need to have a copy of the original underneath for masking purposes later. I’m going to call this layer Grunge.

3

The first thing I want to do is really stir up the lines in the photo and to do this we’ll be using the Ripple filter. Choose Filter>Distort>Ripple from the main menu and set the Amount to 999% and leave the size at Medium.

For the sake of scrolling and download speed I’ll only be showing you a portion of the image as we go through these steps.

4

Second we’ll use the Diffuse filter to rough up the edges of our ripples by choosing Filter>Stylize>Diffuse from the main menu. Leave the mode set to the default which is Normal and click OK.

5

Third lets soften the effect of the Diffuse filter with a slight blur by choosing Filter>Blur>Gaussian Blur from the main menu and using a radius of 0.5 pixels.

6

And the last thing we’re going to do here is randomize the mess just a little more using the Splatter filter by choosing Filter>Brush Strokes>Splatter from the main menu and then using the settings 9 and 4.

7

For the sake of reference, here’s what my image looks like so far.

8
Obviously we don’t want the entire image to look like this, so lets click the Add Layer Mask icon at the bottom of the Layers palette (its the one that looks like a circle inside a rectangle).
9

Press the B key to call the Brush tool, select a round soft edged brush from the Brush Picker and make sure that the Opacity of the brush is set to 100%. Press the D key to reset your foreground color to black and then making sure the layer mask is selected in the layers palette (it will have little brackets around it), paint onto the layer mask with black where you want the underlying Background layer to show through. In my photo I’m only going to paint over the woman, exposing her clearly and perhaps leaving a little grunge around her edges.

(*note: by using the bracket keys [ and ], you can increase or decrease the size of your brush)

10

After using the brush at 100% opacity for the main features, I dropped the opacity of the brush to around 30% and painted around her rough edges as well as a little on the bench she’s sitting on, just to soften things up and let a little more detail through. If you Option-Click (PC: Alt-Click) on the Layer Mask in the Layers palette, you can see exactly what your mask looks like. I’ve inlayed my mask on the image so you can see it.

11

Create a new layer by clicking the Create New Layer icon at the bottom of the Layers palette and call it Gradient Map. From the main menu choose Image>Apply Image and click OK without changing any of the default settings. What the Apply Image function has just done is placed a merged composite of all our layers into a new layer.

12

We’ll now add the Gradient Map filter to this layer by choosing Image>Adjustments>Gradient Map. When the dialog appears, choose the Black to White gradient from the Gradient Picker and click OK.

13

Now lets change the way this layer relates to the layers below by changing the layer’s Blend Mode to either Lighten or Darken. Each will give a different effect so try them both to decide which works best for you. I chose Lighten.

14

Create a new layer called Channel Mixer and just like we did in Step 11 choose Image>Apply Image and click OK, creating a new merged snapshot of our project on a new layer.

15

It’s time to apply our last set of adjustments. We will be using the Selective Color adjustment so choose Image>Adjustments>Selective Color from the main menu. From the Colors drop-down menu at the top of the Selective Color dialog box choose the following colors and change the settings accordingly and click OK when you’re done.

Color (Whites) +14, -10, 0, 0 Relative
Color (Neutrals) -5, +3, -4, -20 Relative
Color (Blacks) +41, +15, 0, +9 Relative

16

And that’s it, you’re all done! Here’s the before and after comparison.

17

And my final image is shown below. This result also looks incredible combined with a cool edge effect like last weeks Photo Transfer Edge Effect tutorial.

(*note: Because of the Copyright limitations of this image and the fact that our filters were applied directly to the image itself, no download is available for this tutorial.)

25 Comments

  • Paulo Sales  SAID:

    totally awesome…!

  • Mikkel  SAID:

    Love the idea with the background and a layer mask!

  • Virgil  SAID:

    Hi,
    Thank you so much for all your tutorials they really gave me a new outlook on the possibilities of Photoshop when it is used right.
    Thanks alot and keep up the good work.

    Virgil

  • eternallygutted  SAID:

    thanx for the tut, i think that give me ideas to make different grunge designs.;)

    thanx again

  • dilirum  SAID:

    Very creative and impressive. I dig it! Thanks Hero!

  • Zephyr  SAID:

    Ahhhh =(
    Where is the psd file ?

    But i did it here, very nice tuto.

    Thx Herooooo :D

  • HERO  SAID:

    Zephyr!
    As I said in Step 17, because of the copyright nature of the photo I can’t share the PSD for this tutorial. Sorry about that.

  • Rodrigo  SAID:

    Cool, i realy like it, i´m gonna try this one

  • Poogly  SAID:

    I think the before photo looks better, but cool tut nonetheless.

  • HERO  SAID:

    POOGLY,
    Not every effect is for everyone, but hopefully you learned a little something along the way.

  • Missy  SAID:

    I love the effect! I’ve never looked so amazing!

  • yulia  SAID:

    TNX =] graet tut and very easy.

  • This is great!

  • Poolopow  SAID:

    Thanks for your tutorial, your explanations were easy to follow for a beginner like me !

  • pwano  SAID:

    it’s really awsome! :)

  • sabaqahmad  SAID:

    very good tutorial

  • Kate  SAID:

    i tried this effect … i have to tell you , you are God sent. Love your step by step tutorials. Just perfect for a novice like me.

  • Fotografia  SAID:

    Nice tutorial I posted a link in my blog. thanks for sharing

  • Douglas Teo  SAID:

    good stuff thanks helped alot!

  • Amelia  SAID:

    ty for that great tutorial ! I linked it to my flickr account :-)

  • Tom  SAID:

    Thank you so much!!!:D

  • tobylevel9  SAID:

    Great job man, thank you so much, this was extremely helpful. I appreciate the time you took to lay this out for me.

  • Romeo  SAID:

    Just got say that this tutorial has really help.

  • Arel  SAID:

    its a exelent efect to put in practice.. its a amazing idea,
    thanks for to share it,
    arel, from argentina

  • BJ Adkins  SAID:

    this is so way cool - thanks so much for sharing!

Post a Comment

Your email is never shared. Required fields are marked*. All comments are moderated.

*
*