Grunge Art In Photoshop

Posted on 22. Aug, 2009 by in Photo Effects

Grunge Art

Olson MinoHello guys, it’s been a while since we have published a Photoshop tutorial that’s because we have been very busy working on a new cool project for TB, i don’t want to give any details at this point so to keep you working we have a great guest post tutorial by DC a graphic designer from India.
DC is a young and creative graphic designer and he has produced a very interesting tutorial. He will show us how basic Photoshop functions like Layer Styles, Blend Modes and Adjustment Layers could dramatically alter images and make them appealing. This and a basic idea of colors could do wonders. You can contact him here. digitalcompositions@gmail.com

This Photoshop Tutorial is based on Grunge form of art with use of vibrant colors.

Materials Needed:

ph05

Step

1

Making The Background & Placing The Snowboarder.

Open a new document of size 1600px X 1200px Load the textured image on top of the background layer and resize ( Ctrl + T) it appropriately

grunge urban art

Step

2

Open the snowboarder image and extract the snowboarder from it. Since the snowboard is slightly rough at the bottom cut it out slightly within the snowboard.

2

Bring it onto our document, resize it to fit it within the canvas and place it at the right side.

Step

3

Now goto Filter –> Artistic –> Cutout and apply the values
Number of Levels – 4
Edge Simplicity – 3
Edge Fidelity – 3

3

Step

4

Having the snowboarder layer selected go to its Layer Style Window & select Outer Glow enter the following values:
Blend Mode : Color
Opacity: 100%
Noise : 0%
Color of glow : #5093f8
Spread : 0%
Size : 84px

Everything else remains at default.

PS Blending Options

ph05

Step

5

You should get the following image.

5

Make a new layer BELOW the snowboarder layer and name it ‘gradient’.

Step

6

Having ‘gradient’ layer selected Ctrl + Click on thumbnail of snowboarder layer. This will make a selection of its outline.

Step

7

Now fill it with a two color gradient such that the color changes at the point of contact between the snowboarder and his snow board.

grunge effect

Steps

89

Having done this paint with a Smooth(0 hardness) brush White color, over the areas of the face and the lower end of the snowboard.

grunge effect

Now change the blend mode of the snowboarder layer to Multiply Your picture should have resemblance to the following image.

grunge effect

Setting Up The Buildings:

Now bring that onto the right hand side of our canvas and resize it so that it fits about slightly more than half.

grunge effect

Step

10

Set the mode to Soft Light.

Step

11

Duplicate the layer and reduce the Opacity to 40%.  Make a new group named “Building Right” and put the two building layers into it.

Duplicate the group(Right click on the group –> Duplicate Group) Having the copy of the group selected go to Edit –> Transform –> Flip Horizontal. press v(Move Tool), move the Buildings to the left, and rename the group Building Left.

At this point it becomes vitally important to be sure that you’re headed the right way. Check the image bellowt. It shows the arrangement of layers you should have by now.

Ps Layers

Make a new layer under the layer “gradient”, with the Rectangular Marquee Tool make a selection going across the canvas, from the eyes of the snowboarder to about his legs. Fill it black. DO NOT DESELECT.

With the black label selected Press Q (Quick Selection Mode). Go to Filter –> Pixelate –> Color Halftone. Put in the values Max Radius : 22 Channel(All) : 40

grunge punk

Change its opacity to about 55%

grunge effect

Darkening The Image:

The part of the image to the top right side seems rather brighter. Lets add an Adjustment Layer –> Brightness/Contrast below the ‘black label’ layer. And on the layer mask apply a gradient going from Black to White from the bottom right to top left of the canvas.

Dramatic Changes:

This is another milestone in the tutorial where you should check everything before proceeding further since things get messy. Also you should have downloaded your brushes. You can experiment with your own brushes as well.

Above the Brightness/Contrast Layer , make a new Adjustment Layer –> Curves(don’t use your imagination we’re talking about photoshop :D
To make it easier I’ve given the Output – Input Values .
12RED – Output:40   Input:195

13GREEN – Output:145   Input:119

14BLUE – Output:89   Input:119

15No changes in the RGB Channel.

Layer Curves

You should get similar results.

14

Now selecting the Curves layer and all layer below it, press Ctrl + Alt + E. You will get a merged layer. Make a new layer below it and fill it White. Having the Merged Layer selected create a layer mask ( Layer –> Layer Mask –> Reveal All) Select color Black

Step

15

And now use some Splatter, Spray Brushes and apply at the edges of the mask. You may do the same for the ‘black label’ layer. Above the ‘black label’ layer make a new layer with blend mode set to Soft Light.

Step

16

Select the color #00fffc and using the same Splatter brushes apply on some parts around the snow boarder.

ph05


GRUNGE ART

I’ve added some text at the end. Its Adams Font You can browse dafont.com you’ll find tons of ‘em there. And that’s a Wrap folks. Hope you found this tutorial helpful.

OM I like to thank DC for producing this cool Adobe Photoshop tutorial and i hope that you guys have learned some new skills reading this tut because we at TUTORIALBOARD.NET BELIEVE THAT YOU’VE GOT TO KNOW MORE!
Please leave your comments for anything related to this tutorial. Also make sure you Subscribe to our Feed or Follow Me on Twitter to stay updated to the lattes tutorials, news and interviews in the graphic community.

HEY!! DON’T FORGET TO CHECK OUT THIS COOL TUTS!
Realistic Pendrive TutorialRipping & Tearing Poster Effect

Share It

22 Responses to “Grunge Art In Photoshop”

  1. Genti

    22. Aug, 2009

    Very cool effects trying right away

  2. alfi

    23. Aug, 2009

    final result is awesome…cool tutorial…
    thanx 4 sharing…

  3. Saro

    23. Aug, 2009

    love it . thanks 4 for this great tut!

  4. Maria

    23. Aug, 2009

    I liked the result but the tutorial wasn’t that clear
    for me to follow it….

  5. arman

    23. Aug, 2009

    Very good tutorial I like the composition

    THIS SITE IS VERY HELPFUL

    THANKS

  6. Laurent B

    23. Aug, 2009

    thanks for this tut TB

  7. Santhosh Kumar

    24. Aug, 2009

    COOL……….GREAT TUT!!!!!!

  8. charlotte

    25. Aug, 2009

    awesome!!!thanks so much!!!

  9. Adam

    27. Aug, 2009

    Excellent CONGRATULATIONS!

  10. Loay

    27. Aug, 2009

    Great work, I love it.

  11. ruben67

    27. Aug, 2009

    This looks incredible! I’m giving it a try now I’m so glad I found this site!

    P.S.already subscribed…. :))))

  12. Jon Bergan

    27. Aug, 2009

    Well done! Thank you for sharing!

  13. tonnet

    27. Aug, 2009

    Cool!
    Masterwork ..

  14. BadJ

    31. Aug, 2009

    i completed successfully all the steps and I’m loving the outcome….. :) I love you TB…

  15. DC

    04. Sep, 2009

    Nice to know you liked my tutorial.

  16. funky

    05. Sep, 2009

    Very interisting tutorial, ^_^ I will practice and try this out…thanks so much..

  17. lawrence

    05. Sep, 2009

    Definitely an amazing tutorial,Great end result.

  18. Brad Chmielewski

    05. Sep, 2009

    nice tutorial… very well explained. Well done

  19. sonnydesign

    15. Sep, 2009

    thank you for this i ill try it using my picture i hope i can have the same quality

  20. [...] Recent Comments Vinz on Interview With 15 Year Old Self Taught Artist Saad Moosajeesonnydesign on How To Create A Realistic Pendrive in Adobe Illustrator.sonnydesign on Grunge Art In Photoshop [...]

  21. coach rodriguez

    27. Oct, 2009

    Great work, My students loved it….They are learning how to create blends and this tutorial was very well written.

    Hope to get more ideas from you…

    coach!

  22. choi

    20. Sep, 2012

    Awesome!
    I’ll try this style for my friend’s anniversary…. good luck to me… and thanks to you for this tutorial…

Leave a Reply