HOME | DD

artsangel — Smooth Comic Shading Tutorial

Published: 2010-12-18 00:25:18 +0000 UTC; Views: 41094; Favourites: 1053; Downloads: 657
Redirect to original
Description I did this tutorial ages ago for a friend. But now that I'm done with this particular style, I don't see any reason to keep my methods secret any more

So yeah, this is pretty much how I do my comic shading for Phoenix Requiem. It's not a detailed tutorial; it presumes you're already good with Photoshop.

Edit: Obviously, this image is a couple of years old. I do things a little differently now, but this should give you a rough idea, at least until I replace it with something else
Related content
Comments: 51

UntoldPromises [2014-01-08 12:36:15 +0000 UTC]

Awesome! Thanks so much

👍: 0 ⏩: 0

ImagineRabbit [2013-10-30 18:59:40 +0000 UTC]

Nice.  this can help out a lot.

👍: 0 ⏩: 0

BMurdock [2013-08-17 21:24:15 +0000 UTC]

Great stuff! I think I'm going to have to start playing with channels now...

👍: 0 ⏩: 0

SYTOkun [2013-07-22 15:53:56 +0000 UTC]

This is pretty brilliant. Thanks!

👍: 0 ⏩: 0

LiLKANDiiKiTTY [2012-12-31 20:38:51 +0000 UTC]

It is a very helpful tutorial just learned another method to shade! Thanks!

👍: 0 ⏩: 0

TobiasWeinald [2012-12-01 22:48:25 +0000 UTC]

Hey there, I just came along looking for comic tutorials in general but this here might help me with something else, perhaps. I do a lot of pencil stuff and still try to find ways how to color them. Your method with the channels might just be what I am looking for, will try it out. Thanks a lot for this.

Did you also do the linearts for the dog? I really like with how less lines you give all the information about shapes and forms, great stuff.

👍: 0 ⏩: 0

LokiDokee [2012-05-01 05:08:37 +0000 UTC]

Very helpful tutorial! Even though you did it a couple years ago, it's still very helpful.

👍: 0 ⏩: 0

ShinyAquaBlueRibbon [2012-01-03 21:41:29 +0000 UTC]

GASP! Helpful stuff! O3O Super spiffy tutorial!

👍: 0 ⏩: 0

SinfulNekoRose [2011-09-13 23:00:19 +0000 UTC]

Thank you so much for this tutorial.
Finally, I can go back to coloring with grayscale like good ol' pencil and paper. TT uTT

👍: 0 ⏩: 0

corsairoftheseas [2011-09-09 01:44:43 +0000 UTC]

Someday... Someday I will have Photoshop and I will be doing cool stuff like this! But for now....well.... I don't even have Photoshop and I've never used it because I have a Mac. Ah, well!

👍: 0 ⏩: 0

5UNNYR4Y3 [2011-06-25 20:49:55 +0000 UTC]

i feel like such a novice.... XD i don't really use the techy version of it...i'm not that big on messing with the gradient maps, but i love the filters, especially on GIMP. they rule

👍: 0 ⏩: 0

Mistress-Of-Myths [2011-05-05 20:56:16 +0000 UTC]

Very helpful, thanks!

👍: 0 ⏩: 0

monochrome-tyde [2011-04-10 20:36:52 +0000 UTC]

This is great! I love the way it turned out. <3

👍: 0 ⏩: 0

ChubbyPikachu [2011-03-03 05:16:34 +0000 UTC]

nice! i'll definitely be using this technique in the future <3

👍: 0 ⏩: 0

weirdbones [2011-02-08 22:22:37 +0000 UTC]

Ooh, I do so love learning how other people shade, even if it's a bit old. :3 This'll come in handy, I'm sure.

👍: 0 ⏩: 0

XimTheLost [2011-01-24 15:19:45 +0000 UTC]

Thanks so much, this is REALLY helpful!

👍: 0 ⏩: 0

drbonescomics [2011-01-06 00:19:27 +0000 UTC]

Wow, very well done. Is it possible to get as smooth a result as this without a Wacom tablet (all I've got is a mouse )?

👍: 0 ⏩: 1

artsangel In reply to drbonescomics [2011-01-07 00:57:13 +0000 UTC]

Eh... not really. It all relies on the pressure sensitivity too much, so even if you were awesomely accurate and smooth with your mouse strokes you still wouldn't have the variation in line thickness or shading density that you'd get with pressure.

👍: 0 ⏩: 1

drbonescomics In reply to artsangel [2011-01-07 06:26:50 +0000 UTC]

Nuts, I was afraid that would be the answer. Well, thanks for your time, I must now go hop down to the nearest art supply shop and buy a Wacom!

👍: 0 ⏩: 0

frenchw1nter [2010-12-30 11:53:03 +0000 UTC]

THANKYOU!! 8D

👍: 0 ⏩: 0

AniseShaw [2010-12-20 07:07:34 +0000 UTC]

Interesting! I would probably fade out some of the line art, as it can make everything look stained glass-y, like the later pages of Phoenix Requiem. I understand the need for there to be no gaps for the fill, though, and I think your method works super well for the story you were telling.

I'm just thinking the method could be tweaked in a number of different places to get many different result. Thus, it is quite an excellent method!

👍: 0 ⏩: 0

jacquelynvansant [2010-12-19 15:55:23 +0000 UTC]

I love the way Phoenix Requiem looks, and also the shades and hues of the colors you use for it fits the story so well.
Great technique. Thanks for sharing!

👍: 0 ⏩: 0

SulZala [2010-12-19 10:32:15 +0000 UTC]

I need to try this out somewhen. Thank you for uploading this ^_^

👍: 0 ⏩: 0

Plotholetsi [2010-12-19 07:03:22 +0000 UTC]

Oh dear... you're working in RGB *tut tuts at you* but that would explain why all those color-layering tricks work out so smoothly...

👍: 0 ⏩: 0

crouching-kitty [2010-12-18 18:47:46 +0000 UTC]

Interesting process. Though I prefer your third step to the final image. You seem to lose a lot of lovely depth as the process goes on.

👍: 0 ⏩: 1

artsangel In reply to crouching-kitty [2010-12-19 02:57:36 +0000 UTC]

It probably wasn't the best image for a sample, since the lighting scheme for that scene, being night, was pretty uniform and non-contrasty.

👍: 0 ⏩: 0

SpaceTurtleStudios [2010-12-18 14:54:28 +0000 UTC]

The final result looks alright, but is still missing deeper shadows; there should definitely be more shadow on the leg that's tucked under his stomach, for one. There's also the problem that the dog doesn't look weighted and on the ground, he looks more like he's floating.

I realize you're done with this technique anyway, but for people following it, they should realize these steps are not without their problems. In particular I think the gradient layer actually hinders the process rather than helps.

👍: 0 ⏩: 1

artsangel In reply to SpaceTurtleStudios [2010-12-19 02:52:08 +0000 UTC]

To be fair, this is how I did things two years ago. I modified my techniques a little since then, but I was just digging through some old PS files and found this image and figured it was worth uploading.

👍: 0 ⏩: 0

destinyrko [2010-12-18 12:38:22 +0000 UTC]

Thank you, it's very helpful!

👍: 0 ⏩: 0

Eternal-41269 [2010-12-18 12:00:57 +0000 UTC]

Thanks for the tutorial, I'll be sure to try it out some time

👍: 0 ⏩: 0

SnakeBlue [2010-12-18 11:38:45 +0000 UTC]

really wishing I had Photoshop now.

👍: 0 ⏩: 0

ElreniaGreenleaf [2010-12-18 11:26:21 +0000 UTC]

Oooh this is really handy, cheers! ^^

👍: 0 ⏩: 0

Arihana [2010-12-18 09:38:00 +0000 UTC]

Hooray this is awesome!

I like how you demonstrated the tutorial on the dog instead of on a face like most tutorials are.

👍: 0 ⏩: 0

DragonWolf15 [2010-12-18 08:34:57 +0000 UTC]

This is awesome

👍: 0 ⏩: 0

Baby-Blue-Bell [2010-12-18 07:23:08 +0000 UTC]

Oh wow great tutorial, I've always wanted to know how you did your colouring, thanks

👍: 0 ⏩: 0

fedtowolves [2010-12-18 06:43:15 +0000 UTC]

Great tutorials! It inspires me to finally get over my fear of playing with Channels.

👍: 0 ⏩: 0

AzuraRiverja [2010-12-18 06:06:13 +0000 UTC]

Very useful! Thanks very much for sharing.
May I ask, though, what size do you work at and about what diameter is your line art brush? I'm having a hard time finding a way to get nice line variation without ending up with a heavy outline.

👍: 0 ⏩: 1

artsangel In reply to AzuraRiverja [2010-12-18 08:27:49 +0000 UTC]

It's hard to get decent variation with smaller lines in Photoshop; Painter and Sketchbook Pro are better at that. I work at about 2500 pixels across with a 6px brush.

👍: 0 ⏩: 1

AzuraRiverja In reply to artsangel [2010-12-18 08:33:11 +0000 UTC]

Cool, thanks!

👍: 0 ⏩: 0

AsheSkyler [2010-12-18 04:37:01 +0000 UTC]

Almost the exact same method is up on the Inverloch branch of your site. It was a huge help for me when I needed to learn how to color in Photoshop better.

👍: 0 ⏩: 0

Otterbane [2010-12-18 03:24:44 +0000 UTC]

Hm, this is really neat, I have no experience with Photoshop, I just sorta click something, see what it does, move on, but yeah, I really need to figure out the ins and outs here
But thank you, I'll revisit this when I know what stuff does I can't shade to save my life!

👍: 0 ⏩: 0

contra-rawr [2010-12-18 03:14:51 +0000 UTC]

this tutorial's really useful either way thanks for making it!

👍: 0 ⏩: 0

PsailaBelkin [2010-12-18 02:39:25 +0000 UTC]

so THATS how you're so amazing! -much respect-

👍: 0 ⏩: 0

InkedSilver [2010-12-18 01:31:29 +0000 UTC]

Yay! Thank you so much!

👍: 0 ⏩: 0

AlexGhost [2010-12-18 01:11:31 +0000 UTC]

Awesome tutorial. :3

👍: 0 ⏩: 0

Limbsart [2010-12-18 01:00:11 +0000 UTC]

This is ridiculously helpful! Thank you so much!

👍: 0 ⏩: 0

animelah [2010-12-18 00:46:53 +0000 UTC]

Sweet! Definitely a good resource material.

👍: 0 ⏩: 0

MichaelHowe [2010-12-18 00:38:29 +0000 UTC]

I can't tell if you're serious with the "secret" or not, but thanks. XD I did always wonder how you did Phoenix. You're amazingly fast at this.

👍: 0 ⏩: 0

zebarnabe [2010-12-18 00:37:59 +0000 UTC]

ah.... very nice.... I already knew all the stuff you pointed here... but that doesn't prevent me from +fav it :]

Most of the time i get lazy... ending up just with a sketch *points at first panel* with some shading *points at 8th panel* >_>'

👍: 0 ⏩: 0

Wheatart [2010-12-18 00:33:07 +0000 UTC]

Awesome! Now I just need to see if I can apply this to Fireworks!

👍: 0 ⏩: 0