Grunge & Dark Art Tutorial

August 24th, 2007  |  Published in Creative, How To, Tutorials  |  19 Comments

I had been contacted a few months ago about writing a tutorial for a specific image.  While I do not pretend to know the exact steps that were taken to create the “Sorrow My Soul” image below, I can walk you through similar concepts and application so that you can get a handle on how to go about creating something similar.  What I did was create a tutorial, basically guessing on the exact steps and resources used, to generate a step-by-step guideline on how to achieve similar effects.

Sorrow My Soul Original

With any tutorial, it is important for you to be able to grasp the work-flow to create the image at hand.  It is more important to me, however, that you grasp the work-flow so that you can create your own unique work.

As with every tutorial, basic Photoshop knowledge is assumed.  I am also aware that there are numerous ways to accomplish certain effects.  This merely explains it one single way, and will possibly touch on some of the variations.  With that out of the way, here goes…

Credit
First, the artwork above was created by Blackrust.com and is available on that website or via the individual artist’s Deviant Art website

Resources
To begin, it is important to have a resource pool of your own, or links to others so that you can easily sample from without having to wade your way through permissions of posting the work.  I have tried to take many photographs of textures, rust, broken concrete, and the like so that I can use them as I see fit without having to give credit to another person or ask permission to use the resource in any commercial work.

The original artist used stock photography as a base for the image.  The stock photography was found at http://splucy-stock.deviantart.com, or more specifically here. 

Dark Art Photoshop Tutorial
 


Getting Started
To get started with the image, we would need to first remove the boring background.  No need for happy grass, trees, and a brick wall for the final image.  There are many extraction tools and Photoshop offers some of its own.  I prefer a very tedious method and that is using the eraser tool to trim out the image from the background.

I do this for two reasons:

  1. It gives me more control over what is extracted.
  2. If you are working on an image that will be printed, the more attention to the finer details the better the printed work will be.

Take the stock photography and paste it into a new layer in Photoshop.  It is also a good idea to either make a copy of that layer for a backup purpose, or simply save your original stock photo.  That way if you make an error and need to revert back past the point where Photoshop will allow, you always have the original to start over with.

Since you will be trimming the background away, fill the background layer with black or another dark color (Alt + Backspace will fill the selected layer with your foreground color).  Rename the layer with the stock photo “Base” or “Original”.  Also, notice that the artist chose to recreate the body and neckline, so remove that from the stock photo as well.

The Eyes
Next, let’s work on the eyes.  Many artists employed this technique which simulates the eyes being rolled back in the head.

Notice that you cannot just select the eye area and fill it with white.  That would neglect lighting and also make the eye appear flat.  What I prefer to do, rather than sample colors and have to match pixel for pixel, is to use the smudge tool. 

Zoom in to approximately 500%.  From there, use a soft edged brush approximately 5 pixels in diameter.  From the bottom left and bottom right, smudge up toward the area you wish to cover up.  What this does is allow you to cover up the eye that needs to be covered, while bringing the colors that you need to bring in.  Sure, you could use the clone tool or the healing brush, but I have found that with this work, it is easier and quicker to use the smudge tool.  Also remember that there will be some final texture layers sitting on top of the image, so if you make a small mistake it will more than likely be covered up in the end.

 Photoshop dark art tutorial

When you zoom out, you get a plain ole white eyeball sitting there:

Photoshop grunge tutorial

Once you are done, you should have something similar to the following image:

Dark Art Grunge

So far, we have removed the background, adjusted the eyes, and moved the female to more of the center of the image.  Another small detail was to cover up the ear piercing as well.  Next comes somewhat of the tricky part…

Adding “Grunge”
Since I do not have a single set way that I approach grunge every time I sit down in front of Photoshop, it is difficult to explain my process.  More times than not, it is trial and error for me, experimenting with many textures, brushes, and blending modes until I end up with something that I like.

For the image shown above, I did not have access to all of the textures that the original artist used, so I will substitute some of my own.  This will obviously alter the final image, but it will give you the general concept of how to apply the methods.

Find several good textures that you want to use.  Find some that are rough and some that are a little more on the smooth side.  This is when a digital camera comes in handy.  Go out and take pictures of the sidewalk, driveway, concrete or brick walls, or even mud.  Anything with a grungy textured feel to it.  I have built a gallery of resources over the years and even have my stock photography categorized so that I can easily get to it.

Place one texture layer under the Base layer and one texture layer above it (Turn off the top texture layer for now).  You will also notice that we need to bump the size of the Base layer up a little bit to match the original artwork. 

Use CTRL + T to free transform the image on the Base layer to make it a little larger.  Next, using a soft edged brush & the eraser tool, trim away the hair and some of the forehead. 

Remember from earlier about the extraction from the background?  Well, you will see in the end that with grunge work, you can make small mistakes which the grunge will cover up.  I have come to rely on this with some of my old works.  It really helps out when you want to trim up the image and get going.  Today, however, I try to be as thorough as possible because you never know what turn your image might take, especially if you are just experimenting with digital art. 

Regardless, the lady’s forehead and lack of hair is something that will later blend into the textures and brushes that you will be adding. 

You should have something similar to this:

Creating grunge textures in Photoshop

The Mouth
Now let’s focus on the mouth.  In the original image, it would appear as if the mouth was sewn together.  There are two ways to go about this:

  • Find a stock photograph and manipulate it to fit the face and image
  • Create the effect without stock photos

Since I do have the same photos the original artist used, I am going to recreate them.  With most of my work, I have grown used to using a Wacom tablet.  I have found that in addition to digital painting, it allows me to zoom in and use smaller brushes with more accuracy than I could with just a mouse.  However, you can achieve the same effect without it.

With a small, soft edged brush, approximately 5 pixels in diameter, I drew the lines on the mouth myself (I used #7F7F7F as the foreground color).  The end result will look something like this:

Photoshop textures

Kinda odd looking, right?  Well, the depth and texture comes from working up the image.  As with before, I cannot tell you “grab this certain type of texture and use it” because every texture will vary the final image to an extent.  The best thing to do, and something that I do quite frequently, is to try several different textures.  Experiment with blending modes, various brushes, and a nice assortment of texture layers.
Tutorial - Layers PaletteLayers Palette
After drawing the lines on the mouth, I dropped a couple more texture layers in (desaturated them; CTRL + SHIFT + U).  For the face, namely the chin and mouth area, I wanted something to match the original image, which has a lot of texture and grit to it.  So I found a picture of dirt to place on top.  I changed that layer to black & white and adjusted the blending mode so that it would better fit the image.

Next, I made some subtle adjustments to the lighting on the face.  I also painted in the body (this was done in a new layer under the “Base” layer).  I place a small Gaussian Blur (I used a radius of 2.5 pixels) to the “Neck & Body” layer so that it would more resemble the original image.

Also, since we are starting to add in a few more layers, I thought it would be good to try and organize things  just a tad.  I like to group components while I am working.  When I have to go back and make changes to a certain file, it has helped me to go back and find a neatly organized PSD file rather than a file with 50 layers all named Layer 3, Layer 40, etc. 

I created a few new folders and moved some of the layers around.  To see where I am at, take a look to the image on the right, which is my current layers palette.  All of them should be labeled so that you can come back at a later date and know what each layer contains.

Dark art in Adobe Photoshop

The next step is to add whatever color you want to add.  For this image, I intentionally removed the color.  I later went to add a dark red for the tears and to lightly color the rose, as an accent, but the rest of the image would remain void of any specific colors.

The original artist also opted to add some additional effects to the hands, almost “wrapping” them in a burlap like graphic.  This can be done if you have the correct resources to work with.  Simply place the burlap into a new layer above the hands, and trip away accordingly.  An important factor once you have the image trimmed is to adjust the lighting, brightness, and/or contrast so that the new layer fits nicely with the rest of the image.  Otherwise you will have a mismatch and it will be too easy to tell where your work ends and stock photography begins.

The final image:

Photoshop grunge tutorial

Summary
Did the original artist create the image the same way that I did?  Who can really know for sure?  I was simply contacted and asked how to create the image, so I wrote up a tutorial for that.  There are numerous ways to accomplish effects and my way is not always the best or the fastest, but it is the way that I know.

Happy Photoshopping.

Stumble It: Grunge & Dark Art Tutorial Del.icio.us: Grunge & Dark Art Tutorial Blogmarks: Grunge & Dark Art Tutorial Furl it: Grunge & Dark Art Tutorial Reddit: Grunge & Dark Art Tutorial Digg This: Grunge & Dark Art Tutorial

Responses

  1. Conor Keller says:

    August 30th, 2007 at 2:39 am (#)

    Great tutorial with nice and easy steps. Looking forward to reading more.

  2. Wayne Duesterbeck says:

    August 31st, 2007 at 6:57 pm (#)

    Very well-written tutorial. I think I actually understood and will be able to do it.

    Thanks muchly for posting this.

  3. veena says:

    September 4th, 2007 at 2:25 am (#)

    wow! so totally cool!

  4. Salim Gora says:

    September 9th, 2007 at 3:14 pm (#)

    Great and pro Job!! well done my friend I really love it!!!!

    Salim

  5. Grunge & Dark Art Tutorial, Part II : dubtastic | A blog on photography, art, and other finer points of life says:

    September 15th, 2007 at 1:52 pm (#)

    […] Grunge & Dark Art Tutorial […]

  6. Barry says:

    November 1st, 2007 at 5:43 am (#)

    This is amazing you make it look so easy I am so happy I found this site.

  7. Dennis says:

    November 4th, 2007 at 3:24 pm (#)

    Cool!

    Never thought that with a little imagination you
    can make something cool like this!
    And it looks so easy as well…

    Great tutorial and thanks a lot!

  8. Dark Arts & mOrE » Blog Archive » ^^ Grunge Dark Tutorial ^^ says:

    November 7th, 2007 at 8:53 am (#)

    […] es sehr interessant werden. Ich finde dieses Tut sehr cool und werde es bald mal ausprobieren. Grunge-Dark-Art-Tutorial und hier könnt ihr euch viel inspirieren lassen und evtl. Ideen […]

  9. grace says:

    November 17th, 2007 at 2:49 am (#)

    you are a genious
    want to do this along similar lines
    did u only use adobe?
    x

  10. Linnea says:

    December 15th, 2007 at 7:39 pm (#)

    But I don’t understand the layer’s-thingy? How does that work?

  11. dub says:

    December 15th, 2007 at 8:02 pm (#)

    Linnea - Could you be more specific in regards to what about the layers you do not understand?

  12. Grunge Tutorial Photoshop | Dark Art 1 | Grunge Style Tutorials | Grunge Style says:

    January 1st, 2008 at 4:24 pm (#)

    […] Visit Website […]

  13. ashir says:

    January 2nd, 2008 at 5:34 am (#)

    its awesome …wan more

  14. viny says:

    January 19th, 2008 at 3:35 pm (#)

    I just want to know , how did you remove the background ?

  15. dub says:

    January 19th, 2008 at 6:46 pm (#)

    Vinny, you can use Photoshop’s extract tool or go old school and use the eraser tool. I know there are also Photoshop plugins available, such as Fluid Mask, that allow for a more precise background extraction.

  16. your mom says:

    January 25th, 2008 at 8:00 pm (#)

    Is the model retarded or something??

    The result looks awesome (and looks better than her).

  17. Jan says:

    February 9th, 2008 at 4:24 am (#)

    Wonderful; I have been perusing the internet for dark art to try this arvo, and I think this is the one. Thanks.

  18. Glen says:

    April 5th, 2008 at 5:16 am (#)

    you lost me after the eye’s but good stuff

  19. Wolker says:

    August 7th, 2008 at 7:44 am (#)

    …metall dark…cool!
    I’m like a brutall dark art…estetic…

    PS I’ no speek english )))

Leave a Response

Related Articles

  • 8 New Grunge Brushes for Photoshop
  • 9 New Grunge Brushes for Photoshop
  • Grunge & Textured Art Tutorial: Post-Processing of your Photography
  • 20 New Photoshop Brushes
  • Grunge & Dark Art Tutorial, Part II






  • Stalk Me

    Creative Stem - Dubtastic Deviant Art - Dubtastic Everywhere Magazine: Dubtatic Flickr: Dubtastic
    JPG Magazine - Dubtastic MySpace.com - Dubtastic Model Mayhem Arts Clayton Gallery, Georgia
    Henry Shutterbugs Meetup.com Facebook Twitter
    LinkedIn AOL AIM National Association of Photoshop Professionals Lulu.com