You are on page 1of 12

Easy Photo Grunge Eect | Tutorial9 7/28/14, 12:06 PM

Safari Power Saver


Click to Start Flash Plug-in

Sign In | Join Now


Become a member to add links and start earning points!

Search
Tutorials Downloads Articles & Inspiration Submit link +

Subscribe & Follow


Easy Photo Grunge Effect
Posted by Adeolu in Photoshop Tutorials on May 22nd, 2008

In this tutorial, were going to explore some non-destructive image editing. With these techniques, you can bring out
the best in an image, or absolutely destroy the graphic, but still keep the original photo intact.

So to begin, find a photo that youd like to make dirty. Something that might feel bland as is, and could use more of a
grungy feel. Here is what Ill be using:

Crank the Colors


Now, we want to increase the contrast and the intensify colors of the photo, but do it in a non-destructive way (by non-
destructive, I simply mean we do not want to lose the data from the original image as we modify the appearance of
Find us on Facebook
our graphic). How do we do this? We use layers, of course.
Tutorial9
Like

10,799 people like Tutorial9.

Facebook social plugin

http://www.tutorial9.net/tutorials/photoshop-tutorials/easy-photo-grunge-eect/ Page 1 of 12
Easy Photo Grunge Eect | Tutorial9 7/28/14, 12:06 PM

First, Duplicate the Layer. Then, go to the layers blend modes and select Hard Light. This setting will multiply any
color darker than 50% grey and screen any color lighter. In this case, since both the base layer and the blend layer
are identical, the light colors become lighter and the dark colors become darker, with no quality lost.

As you can see, weve increased the images sharpness as well as its saturation.

High Pass for Sharpness


The High Pass filter gives a photo that refined, sharp look that is hard to obtain using only a camera. Once again, this
is a non-destructive way of adding more life to your photos.

Make a new duplicate of the original layer. For now, you can make the first duplicate invisible. Set the new
duplicates blend to Hard Light as well.

Now, Go to Filters > Other > High Pass.

http://www.tutorial9.net/tutorials/photoshop-tutorials/easy-photo-grunge-eect/ Page 2 of 12
Easy Photo Grunge Eect | Tutorial9 7/28/14, 12:06 PM

The High Pass filter sets its source image to 50% grey, and as you increase the amount on the slider, it reveals more
of the image, in higher contrast areas at first, such as edges or lines.

The amount you should use of the filters varies. Too little causes no effect. To much, and the image gets halos and
uneven blotches of more intense color. The the amount you should use really just depends on the kind of results you
desire.

Mix and Match


Right now, in your layers panel, you should have three layers: the original as the background, the high pass layer,
and then the direct duplicate. Both additional layers, if you havent tried by now, can be turned visible and invisible.
Depending on your personal preference, you can choose one of these methods or the other, or even repeat a method,
and combine these layers for different results. I just stuck to one of each layer for this image.

Tint and Grain

http://www.tutorial9.net/tutorials/photoshop-tutorials/easy-photo-grunge-eect/ Page 3 of 12
Easy Photo Grunge Eect | Tutorial9 7/28/14, 12:06 PM

Now that our photo is more defined and sharper, we can add the finishing touches to really grunge it up.

Create a new layer and set its blend mode to Overlayd. Pick two similar colors, one light and one dark to paint as a
gradient. For this photo, I picked two browns, to give the image an earthen tone.

Fill the blank layer with the gradient. It can be vertical, horizontal, radial, whatever you find looks good. For this I
chose a nice horizontal fade. If the color is a bit stronger than what you wanted, just lower the Fill amount to the point
youd like.

Now, the image is tinted, and looking fantastic. Its time to mess it up a little. Go to Filter > Noise > Add noise. Make
the noise monochromatic, and set it so somewhere around 30%.

http://www.tutorial9.net/tutorials/photoshop-tutorials/easy-photo-grunge-eect/ Page 4 of 12
Easy Photo Grunge Eect | Tutorial9 7/28/14, 12:06 PM

The resulting grain looks good, but its a bit too unnatural. A Guassian Blur (Filter > Blur > Gaussian Blur) at about 2
pixels smooths it all out, and viola!

We have a natural, sharp, dirty photo, and with very little effort!

Tweet 20 Like 32 people like this.

85 Comments

Name: Message:

Email:

Website (optional):

http://www.tutorial9.net/tutorials/photoshop-tutorials/easy-photo-grunge-eect/ Page 5 of 12
Easy Photo Grunge Eect | Tutorial9 7/28/14, 12:06 PM

Add Reply

Mat (6 Points)
February 27, 2011 at 1:11 pm

Thanks for this tutorial ! Excellent :)

At the end you say and viola! you met and voil because what you wrote means and rapped

Flag as inappropriate

Guitar Loop Pedal (1 Point)


October 27, 2010 at 2:07 pm

Wow that is a cool effect. I am going to try that on my next project. Thanks for making this tutorial.

Flag as inappropriate

Preston Racette (2 Points)


October 9, 2010 at 3:42 pm

You stuff is tight my man! Keep this stuff comming!

Flag as inappropriate

Womens Underwear (0 Points)


September 7, 2010 at 7:31 am

Thanks for this effect Ive been looking for something quite like it for a long time now!

Flag as inappropriate

Roberta (0 Points)
September 6, 2010 at 8:54 am

Thanks Adeolu, have thoroughly enjoyed using this tutorial!

Flag as inappropriate

Dana (1 Point)
August 22, 2010 at 7:54 am

Easy to follow and great results thanks for teaching me yet another simple yet stunning technique :)

Flag as inappropriate

vINAY (1 Point)
August 13, 2010 at 3:37 pm

its a nice approach towards image processing

Flag as inappropriate

Wendy (1 Point)
July 14, 2010 at 11:41 am

BRAVO! FANTASTIC TUTORIAL

Flag as inappropriate

Didi (1 Point)
July 11, 2010 at 7:15 am

How do you fill the blank layer with the gardient? I can only fill it with back/foreground color, history, pattern, white,
black.
??

Flag as inappropriate

http://www.tutorial9.net/tutorials/photoshop-tutorials/easy-photo-grunge-eect/ Page 6 of 12
Easy Photo Grunge Eect | Tutorial9 7/28/14, 12:06 PM

Luis (1 Point)
June 24, 2010 at 6:28 am

Well explained :)
Thank you very much Adeolu.
Cheers,
Luis

Flag as inappropriate

David Hardwick Photography (0 Points)


May 14, 2010 at 3:16 pm

Great way to improve the photo. Thanks for taking the time to post. I will try this out

Flag as inappropriate

custom gates (1 Point)


April 25, 2010 at 10:21 pm

A custom gate is an unusual way to add aesthetic beauty to a home landscape area or entryway. Gardens,
driveways, courtyards and pool areas can all be enhanced with hardscape elements. Researching style, materials,
care and designers are essential steps in planning a custom gate. Adding this personal touch will make the
outdoor space of a home more beautiful, unusual, and personal. click here for more info.

Flag as inappropriate

Luke (1 Point)
April 22, 2010 at 1:29 am

oops.
HEREs what i got.
http://instant-human.deviantart.com/art/Perks-161560277

Flag as inappropriate

Morrocan (1 Point)
March 24, 2010 at 8:57 pm

Simple et trs Jolie, ca permet de gagner du temps tout en realisant de belles productions, merci beaucoup pour
ton effort ;)

Flag as inappropriate

mbie grunch bandung (1 Point)


March 12, 2010 at 4:47 am

thank you so much,im blind about this edit n stuff,and this is so much helpfull.

thanks a lot.

mbie grunch,bandung indonesia.

Flag as inappropriate

Custom Garden Gates (1 Point)


March 8, 2010 at 2:34 am

Dude you Rock!. That was the simplest way to make a dull photo look Great. I have all night to work on this and
will be putting this to good use. Thanks Again for the straight forward tutorial.

Flag as inappropriate

ghillie suits (1 Point)


February 24, 2010 at 3:08 am

Great tutorial. I am going to do this to my tshirts.

Flag as inappropriate

(1 Point)
February 3, 2010 at 2:45 am

http://www.tutorial9.net/tutorials/photoshop-tutorials/easy-photo-grunge-eect/ Page 7 of 12
Easy Photo Grunge Eect | Tutorial9 7/28/14, 12:06 PM

Great reading! Thanks for sharing137

Flag as inappropriate

(1 Point)
February 1, 2010 at 11:56 pm

Great reading! Thanks for sharing130

Flag as inappropriate

hi5 (1 Point)
February 1, 2010 at 2:03 am

Great reading! Thanks for sharing125

Flag as inappropriate

TheAlbinoBaby (2 Points)
January 18, 2010 at 4:15 pm

Thanks a bunch for the tutorial, really interesting stuff in here.

Flag as inappropriate

amin (1 Point)
January 8, 2010 at 10:07 am

a looking for that

thank u

Flag as inappropriate

Jeff (1 Point)
December 18, 2009 at 11:33 am

Great post very informative!

Flag as inappropriate

Grockij (1 Point)
November 19, 2009 at 10:00 am

great and very helpful tutorial..thx

Flag as inappropriate

Brail (1 Point)
November 6, 2009 at 11:08 am

The result is so good. Ive also found this while looking for grunge effect: http://www.befunky.com/create/photo-
effects/Grunge
Not as customizable as this but easy

Flag as inappropriate

Curtis Copeland (1 Point)


October 31, 2009 at 3:53 pm

Nice grunge photography tutorial! Thanks for sharing!

Flag as inappropriate

Lesedi (1 Point)
September 16, 2009 at 1:56 pm

Thanx learned so much from this site. Hi five!!!

Flag as inappropriate

Matt (1 Point)

http://www.tutorial9.net/tutorials/photoshop-tutorials/easy-photo-grunge-eect/ Page 8 of 12
Easy Photo Grunge Eect | Tutorial9 7/28/14, 12:06 PM

September 9, 2009 at 6:22 pm

Very nice tutorial!

Flag as inappropriate

SB Landscape Photography (1 Point)


July 17, 2009 at 12:08 am

Thanks for sharing, simple but effective.

Flag as inappropriate

Vanj (1 Point)
July 3, 2009 at 12:49 am

Im so lost, I cant find the download linkIs this one downloadable?

Flag as inappropriate

Kevin (1 Point)
May 28, 2009 at 8:42 am

Thx for the tutorial

Flag as inappropriate

Kevin (1 Point)
May 28, 2009 at 8:41 am

Extreame Work

Flag as inappropriate

freddy (1 Point)
May 27, 2009 at 1:14 pm

Im just learning PS and this is great lesson.

Flag as inappropriate

Valery (1 Point)
May 26, 2009 at 11:18 am

nice

Flag as inappropriate

ShaBlanken (1 Point)
May 9, 2009 at 10:37 am

Terrific tutorial and written to be easily understood! Great job!!!

Flag as inappropriate

huwaw69 (1 Point)
May 3, 2009 at 4:20 am

Wow great grunge tutorial!

Flag as inappropriate

Elizabeth K. Barone (1 Point)


February 19, 2009 at 1:47 pm

Really simple, but the results are slick! Its given me an idea for something. Thanks!

Flag as inappropriate

Gin (1 Point)
February 12, 2009 at 11:52 am

http://www.tutorial9.net/tutorials/photoshop-tutorials/easy-photo-grunge-eect/ Page 9 of 12
Easy Photo Grunge Eect | Tutorial9 7/28/14, 12:06 PM

simple`great. thanks so much

Flag as inappropriate

Eugenio (1 Point)
February 10, 2009 at 12:13 pm

Incredible, just incredible. Very simple steps that end up in a completely different, more lively, picture.

Thanks for this, Ill reproduce it as soon as I can.

Flag as inappropriate

aaron (1 Point)
January 6, 2009 at 9:31 pm

@justin

Yeah, I definitely can see some Nissan family in it Id have to agree, Im leaning towards CA18 too, which is kinda
cool cause of it being a less-popular engine usually

Flag as inappropriate

Greg Madden (1 Point)


January 4, 2009 at 12:15 am

I must say, this is a wonderful tutuorial. It has helped me with my design work, and my website banner. take a look
at My result PEACE!

Flag as inappropriate

Smylo (1 Point)
December 13, 2008 at 8:12 pm

Thanks for this great tutorial!

Flag as inappropriate

Justin Bailey (1 Point)


November 3, 2008 at 2:51 pm

@aaron

I said the same exact thing! At a glance I thought it was an RB25 from a Nissan Skyline but now Im leaning more
towards a CA18 or something smaller.

Flag as inappropriate

aaron (1 Point)
October 29, 2008 at 9:04 pm

hey, that engine looks familiar what is that from?

Flag as inappropriate

Tunrade (1 Point)
July 21, 2008 at 1:34 pm

Wow. Im amazed.

Flag as inappropriate

Rolf Siegen (1 Point)


June 13, 2008 at 11:35 am

Fantastic. With a little bit of fiddling around i managed to apply this to a person and.. Well it looks awesome.
Thank you.

Flag as inappropriate

ahmad (1 Point)
June 2, 2008 at 9:14 am

http://www.tutorial9.net/tutorials/photoshop-tutorials/easy-photo-grunge-eect/ Page 10 of 12
Easy Photo Grunge Eect | Tutorial9 7/28/14, 12:06 PM

0 7? =

Flag as inappropriate

Mr Kuzio (1 Point)
May 26, 2008 at 6:16 am

This tutorial is fantastic!

I have finished just now to try it. Its great!

Flag as inappropriate

Salva (1 Point)
May 26, 2008 at 5:59 am

AWESOME TRICK

Flag as inappropriate

Blue Buffalo (1 Point)


May 23, 2008 at 7:22 am

Nice effects using layers! I like it.

Flag as inappropriate

Binesh (1 Point)
May 23, 2008 at 2:50 am

Adeolu,

Nice and simple effect.


Please write another tutorial on the other types of grunge effects you usually see in background designs, using
brushes I think.

Thanks for this one.

Flag as inappropriate

CJ.H (1 Point)
May 22, 2008 at 6:27 pm

Wonderful! Now I can have some techniques to touch up my not to great camera.

Flag as inappropriate

Ouchast (1 Point)
May 22, 2008 at 3:22 pm

Indeed simple, with a great result.

Flag as inappropriate

liam (1 Point)
May 22, 2008 at 2:16 pm

Simple, subtle, great look.

Flag as inappropriate

likwidmonster (1 Point)
March 27, 2009 at 11:50 am

Hi, This is great!

Flag as inappropriate

Frank Zweegers (1 Point)


February 25, 2011 at 11:16 am

Easy, but so useful tutorial. Thanks for posting.

Flag as inappropriate

http://www.tutorial9.net/tutorials/photoshop-tutorials/easy-photo-grunge-eect/ Page 11 of 12
Easy Photo Grunge Eect | Tutorial9 7/28/14, 12:06 PM

Home | Contact us | Advertise | Privacy Policy | Terms of Use 80 queries. 0.447 seconds 2014 tutorial9

http://www.tutorial9.net/tutorials/photoshop-tutorials/easy-photo-grunge-eect/ Page 12 of 12

You might also like