Photoshop Tutorial : Howling Digital Painting

Photoshop Tutorial : Howling Digital Painting

Tutorial : Howling Digital Painting Preview

This Photoshop and Wacom Tablet tutorial originally published in the Digital Fantasy Painting Workshop book by Ilex Press, explains how I created the Howling digital painting illustration. The image features an angry demon ripping the heart off his victim’s chest (beware: nudity). The tutorials provides detailed instructions on the Photoshop brush settings I used to paint the image. This tutorial explains, in particular, how to quickly achieve flesh tones using Adjustment layers.

Step 1 – The sketch

Tutorial : Howling Digital Painting Step 1

The sketching was done at low resolution (72 DPI), for speed. It is important to stress that the faster the sketch is completed, the better it will be (usually true for me at least).

The best approach for me is to let the shapes flow from my hand to the screen without much interference. If I were to stop every few strokes I would loose the spontaneity that is key to a successful sketch.

I made severa sktchesl, in succession, all slightly different and all drawn on a new blank layer. I try to keep a constant brush size to avoid wasting time on sketching any details, that at this initial stage can be a distraction and could get in the way during the next phase.

Once I had a few interesting sketches separated on different layers, I compared them and picked the one I thought better conveyed the idea I had set out to illustrate.

Tool settings and notes:

When sketching in Photoshop, I use a medium hardness pressure sensitive round brush with a gray color. I prefer using this brush setting because it allows me to define shapes with clear edges with a few quick strokes.

Brushes tool settings: Click to view the brush settings

Step 2 – Blocking

Tutorial : Howling Digital Painting Step 2

The blocking phase is where I concentrate on defining the volume of the figure: the way the light source (in this case a single spot light positioned above) illuminates the subjects. To achieve a high level of realism I decided to take a few reference snapshots with a digital camera. Lacking a model at the time, I posed for the pictures myself. I then imported the photos in Photoshop, desaturated them and and added a high level of contrast to maximize the highlights and shadows that I needed to refer to.

I resized the reference pictures to a small size and put them to the left of my main canvas window. I moved back on the sketch window and resized it to 300 DPI. I set the sketch layer in Multiply mode and added an empty layer below it that I filled with a black color. In this new layer, I then painted a flat shape following the edges of the sketch, using a 50% flat gray brush tip.

After the “flat” was done (this is a term borrowed from the comic industry), I proceeded to loosely build up the shadows in the the darker areas using several light strokes for each shadow. At this point, I deleted the sketch layer (but I kept a copy on a separate file). I saved all the highlights for the next step. While working on the blocking, I never zoomed in closer than 50%, to avoid falling in the trap of getting lost in time-consuming details.

Tool settings and notes:

For this stage of the process I rely on a 0% hardness (smooth edged) pressure sensitive brush set at 80% opacity. Having a pressure sensitive stylus and tablet is very useful when painting an image such as this where smooth flesh tones are prominent. Once again, I kept the brush size constant through this step until the very end where I hinted at some of the smaller details.

Brushes tool: Click to view the brush settings for step 2

Step 3 – Main painting

Tutorial : Howling Digital Painting Step 3

For this stage, I zoomed in at 100% and started reshaping the anatomy to bring each muscle and visible bone structure to more exact and convincing shape and proportions. I did not spend much time blending the strokes, as the focus here was to add in highlights and lighter tones.

For the actual painting, I used a combination of short and light brush strokes while alternating between black and white brush tip colors using the x key (in order for this to work, I set up the brush foreground color as white and the background color as black).
I accentuated some shapes with darker lines, and also brought to prominence the lightest spots with a few touches of pure white.

Often, I zoomed out to get a feel on the overall look of the image. I use keyboard shortcuts constantly, to switch between colors, to undo, to zoom in and out, etc… so I keep my left hand on the keyboard at all times while painting. Doing so speeds up the

Tool settings and notes:

The brush setting I used for this stage is just about the same as the one I employed for the blocking phase, but with slightly increased spacing and opacity varying from 50% to 100%. In addition, I continously adjusted the brush size depending on the amount of detail each area required.

Brushes tool: Click to view the brush settings for step 3

 

Step 4 – Blending/Refining

Tutorial : Howling Digital Painting Step 4

Working on the foundation set in the previous step, I now used a technique borrowed from traditional oil painting. All the rough dabs of color, especially for the highlights, that I had set before, are now blended using the smudge tool. This simulates the way I paint in Oils, where I would build the highlights by putting a small amount of white (or another color lighter than the base one) on the area I want to lighten and then blend it and shape it accordingly, using a soft bristle brush.

Applying the same method to digital painting is a breeze, especially using the smudge tool. Here I spent the largest amount of time, refining in detail every part of the image. The hardest sections to blend convingly were the large muscle groups such as legs and abdominals. Here I relied on my knowledge of anatomy, and that is a must-have requirement if you set out to portrait bodies, especially muscular ones. While blending, I switched to the paint brush tool once I an a while, whenever I needed an additional touch of white or black.

I also zoomed in, up to 300%, to work closely on the small details on the faces especially. But overall, I still wanted to maintain a somewhat painted feel, with some visible brush strokes, so I avoided blending too heavily. After the blending was completed, I used the dodge tool set on highlights to punch up some of the highlights I felt needed to be stronger, but I used this sparingly, as too much of it can make the image look over-exposed.

Tool settings and notes:

The smudge tool is the tool of choice for this step. I selected a small, medium to high opacity pressure sensitive 0% hardness round brush for the blending process. It is important to notice that I set the spacing at 30%. A lower spacing would cause the brush tool to perform really slowly and move too much “paint”.

Step 5 – Coloring

Tutorial : Howling Digital Painting Step 5

At this point, I added color to the so far still B&W painting. Using one of the most powerful features of Photoshop, Adjustment layers, I was able to experiment with different color schemes until I found the one I was looking for. An advantage of using this method is that I can change the colors at any time, without having to repaint any parts of the illustration.

Here I wanted to give the image a strong dramatic feel and I opted for a palette based on fleshy red tones, for an overall Caravaggio feel.
First, I added and Adjustment Layer: Layers–>New Adjustment Layer –>Hue/Saturation to colorize the figures. I put this above the painting layer, checked the colorize button, set the HUE to 11, the saturation to 50 and lightness to 0. The black and white figure is now colored. The colors need further manipulation though, because the flash tones are still too uniform.
Secondly, above this I added a Color balance Adjustment Layer as follows: Layers–>New Adjustment Layer –> Color balance. In the Shadows tone balance settings, I moved the color level to -9 on the Cyan slider. I left the Mid-tones sliders untouched. In the Highlights tone balance settings, I set the yellow slider on -17. This introduced a variation between the darker and lighter colors. It was still not enough.

A third modifier was added: Layers–>New Adjustment Layer –> Curves. I used this to add a hint of green to the darker tones, to vary the way the red tones played with the highlights and also to make the picture a bit lighter overall.

Additionally, in order to add more realism to the figure, I used the paintbrush tool to add even more red tones to the figure’s cheek, bleeding heart, chest wound, legs and hands. Flesh tones are hard to obtain, but this method usually allows for a quick shortcut toward achieving them.

Click to view the Curves Tool settings Curves Tool Settings

Click to view the Color Balance Tool settings Color Balance Tool Settings

Click to view the Hue/Saturation Tool settings Hue/Saturation Tool Settings

Final Image:

Tutorial : Howling Digital Painting Step 6

Don’t forget to check out my other photoshop tutorials and my fantasy art gallery featuring artwork I created for Marvel Comics, DC Comics, Udon (Exalted), Game Pro Magazine and much more.

 



13 Comments to Photoshop Tutorial : Howling Digital Painting

  1. Hi! Great site and tutorials – but I’d like to ask you for some basics, and would be glad to have them answered by an professional like you.

    I’ve already done a few illustrations and all went good (most of them are not on the page linked) – but I’am always faced with the major problem of: how to get started?
    And I don’t mean the sketch of first paint strokes, but just the question of the formats!

    Since I do for digital publishing, but also want to keep them always ready for printing on paper, I need big sizes for the picture.
    So I mostly sketch or draw the illustration which has to be done on paper and scan it with an minimum of 300 Dpi and a print size of minimum 40x50cm.
    And thats where the problems beginn!
    Mostly I’am forced to use an oversized brush of 300 and more pixels for the hard lines, and if I want to do details within a big illustration it seems to be a work for lifetime.

    I’ave searched an answer to this question for a long time, but never found an information about these important questions about formatting the illustration!

    Thank you in advance,
    Chris

  2. admin

    Hello Chris!

    I usually work at 300DPI resolution. The standard, at least in the comics and magazine/book publishing industry.

    Do you scan your drawings on paper at a resolution higher than 300 DPI? Maybe that could be the problem?

    From my experience, 300 DPI is enough for most digital/print work.

    If I understood your question correctly, you work on files sized at 30×40cm which at 300 DPI should equal to 4724 x 5906 pixels. It’s large, but not that large to require brushes of 300 pixel width to outline elements in the page. In fact, a 300 pixel wide brush stroke would appear fairly large on an image of that size. If you were using a resolution higher than 300 DPI, let’s say 600.. then it could be a problem, but I never had to scale to that resolution so far.

    I hope this helps. If not, can you give me more details on the size of your images, in pixels?

    Thanks!

    Roberto

    p.s. Yes… Deluxe Paint III.. the myth! I was 14 when I started using it in 1988.. ahhh… this brings me back to the stone age of comnputer graphics :)

  3. vullet

    Dude that’s really really dood! There are a lot of good Photoshop tutorials out there but none of them shows a good painting skill like this. Everyone is good with photo effects and desinging website banners but only a very little few can draw and paint a picture like that from scratch. Cheers!

  4. judecostar

    hi…..is excellent your tutorial……but you can make a videotutorial….because I’m speaking spanish and maybe i’dont understend about the every text…..can you help me ……….

  5. Hector Anibal Barillas

    Hola
    Roberto
    Que excelente sitio, en verad que nunca me imagine que se pudieran lograr tantas belleza en Photoshop, sabes yo tengo una empresa de serigrafia y como comprenderas aqui en guatemala se copia mucho de lo que viene de otros paises y yo ya me canse de estar copiando, me gustaria hacer diseño original, sabes estudie pintura artistica durante muchos años pero por razones personales lo deje y ahora viendo esta calidad que tienes, se que es posible hacerlo, no hay tablas Wacom en Guatemala, comop puedo hace para traer una

    En verdad que facinante hacer encontrado un sitio asi
    y nueva mente FELICITACIONES

  6. sarath krishna

    most of photoshop tutorials are execellet but your work are awesome has a defference from other ones.as a digital artist student we are thanking you to have your contribution.send me tutorials like this.my email id sarath9@gmail.com

  7. mx

    thnx for this awesome tutorial :) it’s gorgeous!!!

  8. leonn

    many thanks for these brilliant tutorials.i have been trying to teach myself for a while now and these have really helped me.its fantastic that a real pro like yourself would take the time to help apprentices like me.

  9. hehe

    some of the gayest “art” i’ve seen. No lie. Forgive the person that raped you as a child. move on.

  10. This is a remarkable and very useful lessons. Thank you great! I found a lot of new for me.

  11. william

    i just want to say thank you…i find myself going back to your tutorials and artwork for inspiration… awesome work! i am always doing art in hopes i can pick up your style and to a degree some of it shows in my finished pieces…i have a Q…i work for a motosports apparel company and my finished pieces have to be 28″ by 40″…i believe were printing at 133dpi…i have been doing my work at 50% 14×20 at 300dpi and enlarging it…i dont like that practice but at full size seems to be too big a file to work with…any suggestions? again…i love your work/style and thank you soooo very much for taking out the time to share with us all…keep up the good work and i hope to see something new soon! Bill

  12. Andreas
  13. great tutorial! this will help me a lot! thanks for that:)

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

About

Fantasy art, photoshop and wacom tutorials, digital illustration tips from professional illustrator Roberto Campus.

Sponsors