HOME | DD

joulee — A Digital Coloring Tutorial: 1

Published: 2004-08-11 18:52:54 +0000 UTC; Views: 258123; Favourites: 2083; Downloads: 68360
Redirect to original
Description Finally, a long-promised tutorial sees the light of day (well, part one at least)~! >D >D

The downloaded zip file contains the main tutorial word document, as well as a large image of the picture during each step. It's pretty detailed and long, but hopefully that should be a good thing....

Anyway, without further adeiu, here is an excerpt... Download the zip to read (and see) the rest!

7/25/05 Edit: Part two now available (clothing, lace): [link]
8/10/05 Edit: Part three now available (how to color hair): [link]


--start excerpt--

The Tools!

Let me preface my tutorial by starting off with my "tools of the trade." I used a laptop with not-too-great processing power (800 MHz) but decent memory (520MB RAM), a Wacom 6x8 in. tablet, and Adobe Photoshop 7.0 and Corel Painter 7.0, although this particular picture was mainly done using Photoshop.

I trade off between the programs because there's certain things that both are good for. However, I consider myself to be a much more adept Photoshop user due mainly to having lots more experience with it (and also laziness in devoting time to completely familiarizing myself and learning all that Painter has to offer... It's a tricky program! >D). That said, the thing I like most about Painter is its better responsiveness to my tablet. At least in my opinion, (and this is the opinion of someone who has a terribly shaky hand and has about a 15% success rate in producing a nice line on paper at any given time), Painter leaves a smoother, more natural stroke. So I typically use Painter to sketch, ink (if I need to--a lot of the time, I stick with seamless CG), and do strand-y hair. >D

Photoshop is solid for most everything else, and it has the advantage of having the Dodge tool and Smudge tool, which I use religiously. (I know Painter can do similar things, but I personally don't like the results as much.) Oh, and it's color tweaking and shape-transforming features are pretty useful too.

1) So here's how I start--roughly sketching a design in Painter using the pen ink tool. Starting with a blank canvas, I create a new layer just for the ink lines (this layer will always be one of the top-most layers, since we want it to be above everything else). I just mainly concern myself with the details of the face for now (why? Habit, I suppose ^_^), and leave the rest of the body as an amalgamation of messy lines. I want my Dark Chi to look... well, I suppose the "darkest" a persecon can get is emotionless and maybe slightly sad. So I accomplish this by making her Chi-ish eyes stare slightly down and appear like they're looking off into the distance, a non-smiling mouth, and a slightly hunched back. Oh, for reference, the original file is pretty large. Like 1200x1600 or something like that. Whenever I’m referencing particular brush sizes in the future (and I try to avoid doing so for this reason, but I know some got past me), keep in mind that that’s relative to the size of this canvas. If you’re working with a smaller piece, then a “big brush” size for you may vary.

Now comes the next step, probably my least favorite of them all, and that is.... *drumrolls* outlining! Sometimes I do this in Painter if my current sketch is too messy and I need to completely re-ink. If the original sketch isn't too bad or if I'm working on a picture where more detailed inking isn't too necessary (like a seamless CG picture) then I cheat a bit in Photoshop and basically use the eraser to erase everything except the line that I want to keep, and then the smudge tool to smooth out that line.

2) But... This picture will undergo "reinking." I basically open the file (always saved as a .PSD until the very end), click on the sketch layer, and go to Image->Adjustments->Color Balance and play around with the settings until I've made the whole thing a nice, light shade of cyan. Since I'm going to ink over this layer, I want it to remain visible but noticeably separate from my brand-spankin' new and shiny layer. After that's done, I create a new layer above this sketch layer (called “ink”) and return to Painter.

3) Now comes the "nice inking" stage. Basically, it's pretty self-explanatory. Pick a lovely, pointy pen (I like to use smooth ink pen and make the tip pretty small--you can experiment with the lines if you like) and neatly trace over the sketch. Like I mentioned before, I'm not much of an inker and don't really enjoy it, so I try and get away with as little inking as possible. Coloring is more work if you don't ink all the details now, but that's a sacrifice I'm willing to make. For example, even though I know there's plenty of detailed lace I will eventually add to her dress and probably a flower in her hair, I choose to skip inking all that in. Additionally, you can see from the screen shots that the body of the inked Freya looks different from the “sketch.” I determined that the original frame was too small, and promptly made adjustments on my “nice ink” layer. Did I mention my rough sketches aren’t very thought out? The inking, on the other hand, will serve as a platform for the rest of the picture, so I’m more careful with the way things look.

After you're finished, you can delete the old sketch layer and marvel at the cleanliness of the picture now. (I actually kept it around for a few more steps, and really turned down the opacity of the layer to 20%)

4) The next step has always been one of my favorites since ancient times--coloring skin! It's by habit that I color skin first--no real substantial reason other than maybe the fact that I like to see the face done as soon as possible (only when the face is done do I feel like I'm really in the "groove" of coloring ^^), and the skin is such a big part of the face. Actually, for this picture, I want to try and experiment on a "different" type of coloring. (I guess I shouldn't be writing tutorials on anything that's not a "tried and true" method, but I don't think this is really *too* drastically different than what I normally do.) Basically, I'm going to attempt what I call "soft-cel," which is sort of a compromise between normal cel-style coloring and soft-style coloring........


--end excerpt--
Related content
Comments: 253

milkybee In reply to ??? [2005-10-30 05:26:47 +0000 UTC]

really helpful! cant wait to try'em out.

👍: 0 ⏩: 0

Sakura-4ever [2005-10-15 02:37:33 +0000 UTC]

Wow, the pic is so pretty and the tutorial is really helpful! Keep up the good work.

👍: 0 ⏩: 0

kurapica-HxH [2005-10-12 16:07:38 +0000 UTC]

it really help thaaaaaaaaaaaaank a lotttttttttttt

👍: 0 ⏩: 0

pinkbubbls [2005-10-11 07:55:57 +0000 UTC]

Hej. where do i downloade the file?

👍: 0 ⏩: 0

wickedjoygasmic [2005-09-16 00:11:16 +0000 UTC]

holy crap... i wish i could sketch and color half as well as you do.. haha

gaiaonline.com... ftw!

👍: 0 ⏩: 0

Miss-Goku In reply to ??? [2005-08-30 16:51:18 +0000 UTC]

Ah! S'all confusing! O_O' I love your picture though (saw it on Gaia first). I'm interested in how you coloured it, because mine always come out really flat and boring. ¬_¬ And I don't have Photoshop either, which is a bit of a bummer.

👍: 0 ⏩: 1

joulee In reply to Miss-Goku [2005-08-31 02:38:57 +0000 UTC]

thank you! ^_^ You should invest in OpenCanvas maybe.. or even oekaki! >D Or Gimp... that's a free program. I hear it's pretty good.

👍: 0 ⏩: 1

Miss-Goku In reply to joulee [2005-08-31 17:18:31 +0000 UTC]

Yeah...I do have paint programs, but I've always wanted Photoshop. ^^ I have procreate painter classic and photostudio 5. *sigh* Ah well, I'll get there eventually. ^^

👍: 0 ⏩: 1

joulee In reply to Miss-Goku [2005-08-31 21:32:16 +0000 UTC]

painter classic is pretty cool.... don't despair! You'll get there eventually!

👍: 0 ⏩: 1

Miss-Goku In reply to joulee [2005-08-31 21:50:13 +0000 UTC]

Lol thanks. ^^ Hee, I need to improve with my digital art. I'm not very good. ^^

👍: 0 ⏩: 0

subaruke In reply to ??? [2005-07-26 16:01:12 +0000 UTC]

I have a little question about tablet coulouring: do you use the pen pressure to shade or do you make individual layers with different tones? I recently got a tablet so I'm not sure what the best way is...

👍: 0 ⏩: 1

joulee In reply to subaruke [2005-07-26 22:39:35 +0000 UTC]

I use pen pressure to shade, and layers when I'm working with different colors ^_^

👍: 0 ⏩: 0

Inspectornills [2005-07-26 15:22:36 +0000 UTC]

cool, the prequel to that last tutorial. Sweet! This should help for a different coloring style.

👍: 0 ⏩: 1

joulee In reply to Inspectornills [2005-07-26 22:59:35 +0000 UTC]

new coloring style = fun! ^_^ Hope it helps you!

👍: 0 ⏩: 1

Inspectornills In reply to joulee [2005-08-19 05:56:28 +0000 UTC]

heheheh, it sure wil! thanks!

👍: 0 ⏩: 0

AuroranWings [2005-07-21 16:42:39 +0000 UTC]

This is very useful!! ^^ And a lovely picture! xD

👍: 0 ⏩: 1

joulee In reply to AuroranWings [2005-07-21 23:48:46 +0000 UTC]

Glad you like!

👍: 0 ⏩: 0

ChibiSepiroth [2005-07-02 21:53:23 +0000 UTC]

I was wondering, before I try this tutorial, would it come out the same way if I used a tablet?

👍: 0 ⏩: 1

joulee In reply to ChibiSepiroth [2005-07-06 05:03:04 +0000 UTC]

Oh, I totally use a tablet, so yes. It should be more similar to what I did.

👍: 0 ⏩: 1

ChibiSepiroth In reply to joulee [2005-07-11 00:45:17 +0000 UTC]

Really!! Whew that's a relief, by the way what size tablet do you use because I'm not sure which size I would want.

👍: 0 ⏩: 1

joulee In reply to ChibiSepiroth [2005-07-11 03:23:02 +0000 UTC]

I use 6x8. I find it works very well for me. ^___^

👍: 0 ⏩: 0

urwhatufeel [2005-06-30 18:54:06 +0000 UTC]

Very cool, can't wait for the next part!

lex

👍: 0 ⏩: 1

joulee In reply to urwhatufeel [2005-06-30 20:26:42 +0000 UTC]

thank you! ^__^!

👍: 0 ⏩: 0

LittleHinata In reply to ??? [2005-06-26 17:40:20 +0000 UTC]

wow... thanks for the tutorial!

👍: 0 ⏩: 1

joulee In reply to LittleHinata [2005-06-26 21:59:46 +0000 UTC]

you're welcome! I hope it helps! ^^

👍: 0 ⏩: 0

Kenshinartistsword In reply to ??? [2005-06-11 02:11:27 +0000 UTC]

THis isn't anything like what I expected. I need to get photoshop. Keep making more tutorials! And great pieces of art!

👍: 0 ⏩: 0

Soenanda [2005-03-30 17:36:51 +0000 UTC]

Cool tutorial! Good job!!!

U should also write a tutorial how to actually draw those characters ^_^

👍: 0 ⏩: 0

TheHolyOnes In reply to ??? [2004-12-23 03:04:37 +0000 UTC]

Omfg. That's how you do it.

* downloads and sneaks off to Photoshop *

👍: 0 ⏩: 1

SailorCosmos119 In reply to TheHolyOnes [2008-08-06 00:26:30 +0000 UTC]

excuse me? would u still happen to have that file? the download thing doesnt work anymore and i dont know if joulee gets on anymore. Please help if you can^^

👍: 0 ⏩: 0

JineteAzul [2004-12-14 00:32:14 +0000 UTC]

Very helpful for newbies like me.
Thanks for sharing

👍: 0 ⏩: 0

Merillian [2004-11-19 14:50:40 +0000 UTC]

Wow! I allways wanted to try digital art but I'm not good at it ^^' thanx to You I may have chance to learn it Thank You very much

👍: 0 ⏩: 0

shadowmuse [2004-10-19 13:02:31 +0000 UTC]

Hi, I've been trying to follow your steps in detail, just regarding step 12 to brighten the eyes, I followed your instructions using dodge tool at 50% exposure set to highlights. I just opened up your step 11 picture and applied the dodge tool. But mine ended up being reddish, then pink, then white. How did you get your eyes to take on that faint orangy coloured glow?

Sorry! I'm completely new to this stuff, so if it's a stoopid question hehe sorry

👍: 0 ⏩: 1

joulee In reply to shadowmuse [2004-11-11 21:55:52 +0000 UTC]

Try choosing a more orangish from the orange side of the spectrum, and not from the magenta side. That may make a difference.

👍: 0 ⏩: 0

GoDoAnEmu [2004-10-12 04:16:23 +0000 UTC]

OMG I LOVE YOU. THIS IS SO GREAT YOU ARE WONDERFUL AND LOVELY AND BRILLIANT AND

(omitted for excessively disgusting admiration)

anyway

will you marry me?

👍: 0 ⏩: 0

PolarNexxus [2004-10-05 21:56:58 +0000 UTC]

Thank you so much for this awesome tutorial!! This is one of the few that I actually undertsand all the steps. Please make part 2 so I can learn more!!!

👍: 0 ⏩: 1

joulee In reply to PolarNexxus [2004-10-05 23:29:07 +0000 UTC]

Glad you liked it! ^_____^ I hope to make part two soon, but.... it might be a while since I'm back in school

👍: 0 ⏩: 0

LizRG In reply to ??? [2004-08-26 01:19:40 +0000 UTC]

I downloaded this tutorial, and by the time I want to unzip it it says "they're not files to unzip"

Is this tutorial still working?

👍: 0 ⏩: 0

KittoKawaii [2004-08-22 23:50:23 +0000 UTC]

This is THE best anime CG tutorial I have seen - Ever!!! Thanks a bil for taking the time to lead me (and others) through these steps. You're amazingly talented!!

👍: 0 ⏩: 0

james-t [2004-08-16 13:24:49 +0000 UTC]

I do like to read on other people's techniques... So, thanks for that, Joulee!

👍: 0 ⏩: 0

gemelli [2004-08-14 09:29:52 +0000 UTC]

thanks this is very usefull!!

👍: 0 ⏩: 0

Anime-Master In reply to ??? [2004-08-14 08:29:31 +0000 UTC]

I like it ^_^ You're good at drawing ^^

👍: 0 ⏩: 0

tazz222003 In reply to ??? [2004-08-13 19:09:20 +0000 UTC]

Cool tut..
nice work

👍: 0 ⏩: 0

LaydeeKenshin In reply to ??? [2004-08-12 04:03:28 +0000 UTC]

wooow.... THANKU!! MUCHOS GRACIAS!!... *skips away with her newfound knowledge*

👍: 0 ⏩: 0

yunalesca78 In reply to ??? [2004-08-12 02:47:58 +0000 UTC]



AWESOME. Thank you for posting this!

👍: 0 ⏩: 0

forever-here [2004-08-12 02:18:27 +0000 UTC]

wow Thats really good!!! You should put together your own little guide how to color something as good as that!!!Id lto see it

👍: 0 ⏩: 0

arcane-phoenix In reply to ??? [2004-08-11 21:30:13 +0000 UTC]

*le gasp* Thank you! ^______^ I've only just started using Photoshop to color... this will help me a lot! I can't wait to get a tablet... ^^

👍: 0 ⏩: 0

ahowa [2004-08-11 20:40:58 +0000 UTC]

;o; thank you so much i've been asknig so many people and never got a proper answer til now XD (on why the hell you have to color outside the lines <_< eh, but, i have a questions!: in step 10 with the main base color for eyes, the new layer, do you keep it on normal setting or set it to multiplied? >_>;

👍: 0 ⏩: 2

ahowa In reply to ahowa [2004-08-12 01:13:07 +0000 UTC]

oo okay <_< thanks so much XD

👍: 0 ⏩: 0

joulee In reply to ahowa [2004-08-12 00:56:15 +0000 UTC]

Normal--but the outline layer should still be above this layer

Glad you find it helpful!

👍: 0 ⏩: 1

XxHoneyChanxX In reply to joulee [2010-11-24 17:09:37 +0000 UTC]

Do you still have the file? When I try to download it it says file not found. I really want to try this out.

👍: 0 ⏩: 0


<= Prev | | Next =>