HOME | DD

Celsa β€” Tutorial: Painting by-nc-nd

Published: 2010-06-12 19:31:14 +0000 UTC; Views: 237042; Favourites: 4444; Downloads: 2358
Redirect to original
Description This is a tutorial explaining my coloring technique. I'm using SAI for painting here, but I think you can adapt to other programs as well if they have the right tools.
Also, note this is NOT a SAI tutorial, so I won't explain the tools and so on. Just my coloring technique.

1. Starting

NOTE:I'm sorry, I typed 'staring' instead of 'starting' in the image file. It's very troublesome to fix, so I fear it'll be left like that T_T

The very first thing to do is to open the sketch. For this technique you don't need it to be a clean lineart, since is a lineless or semi-lineless coloring. (You can use a clean lineart if you wan though, and adapt)

Set the sketch layer as 'Multiply, so you see what's happening below, and name it to something easy to recognize ('sketch' in my case) for organization's sake.


2. Background

The first thing to paint it the BG. It's colors will influence everything else and create the general atmosphere, so choose carefully. It doesn'r matters if it's just some simple colors.

Make a new layer for it, below 'sketch', and again, name it.
In my case I choose warm colors, with bright red and pink since they create some 'agressive' mood.


3. Base colors

Next is the base colors. Make a new layer for it and name it too.

Here is where you add the base colors. Choose carefully, and take the BG colors into consideration, so it doesn't created a bad effect. You can test colors until you're satisfied; don't just add the first color that comes up.

Use a solid brush for it, not one that blends, or you may leave holes, or semi-transparent spaces.

It doesn't matter if you go out of the line, since you can erase later, but for the hair, is best to be careful, and paint it properly from the start, for it's some of the most troublesome parts.
You can 'blind' the 'sketch' layer to see how it's going anytime.

Also, make sure you save the base colors in the color grid. You will need to go back at them many times.
I do it in a way that i can add the different shades at the side later (I wish SAI had more grid space. But it's nice that you can order the colors)

Also, I never use back, white or grey. I prefer a very light or dark color, but ALWAYS with a percentage of color in it. This is to avoid dullness.


4. Adding shades of color

Next is choosing and adding the other color shades. I do on the same layer, but you can create another if you want (it'll be troublesome for erasing later though)

This part is VERY important. I don't just choose a darker variant of the base color; I choose a different hue too. Like, if the base skin color was a yellowish salmon color, the next shade with be a bit more orangeish, and so on. Again, this is to avoit color dullness as well.
Add the shades to the grid, but you don't need to make a full gradiation, since we can blend and so make sub-color automatically. Just choose the main ones.

Add the different shades to the picture, marking the shaded part in a basic way. We'll detail and polish later.

Next thing I do is choosing and adding the compensation colors. This are complementary colors from the base colors, to add some color life to it. The drawing will stand out more.
I usually add 2 shades of compensation colors, in the form of either a reflection in the shaded parts, or just extra color in the shadows.
This is kind of personal touch, so it's hard to explain =_=

I add this color in the corresponding grid line, but in the opposite side.


5. Detailing and Lineart

Here is where we start polishing the drawing. Close in, and start detailing and polishing where you need to.
I don't like to blend too much, since I prefer the rough painting look. It gives a more 'alive' look. Still, for the skin is best not to abuse the roughness, or it may look the character has some extrange disease, specially in the face XD

Use a brush with a blending effect for this part, btw. I don't use the blenders. I just apply the color with this brush and blends naturally. You can always go back to the lighter color if you need.

Also the blending level is variable. Just modify it as you need. I like to use a high 'persistence' for it drags the colors in a way I like.

Here is where I add the few lines I use as well. I make another layer for it, and use another brush for it. Make it in Multiply mode as well.
Also, I use colors for the lines instead of black. It looks softer, and so not that weird in comparation to the lineless areas. But it's up to each one to decide.

As for where to add lines, I usually consider the face a must, since it's usually the most important area and where people looks most.
I laso tend to add it in light areas of clothes, but it depends on the drawing.

Now, between the lines and the polishing, the figure shouls be more and more clear. I fade the sketch gradually as the painting progress, until I blind it completely.
In any case, it's good to blind it ocasionally to see how things are going without it.


5.1 The hair

I'll mame a stop on the hair to explain it in more detail, since it's usually troublesome.

I usually prefer to paint it from dark to light, but it's pretty much a do, un-do and re-do thing.

First, remember I told you to put the base carefully? Well, thanks to that you can use the wonderful 'Preserve Opacity' option (if you're painting on the same layer, that's it)
This option avoids the transparent pixels automatically, so regardless of how careless you are, it'll stick to the base of color you did and nothing else.

Fir this illustration, I started by re-coloring the hair with the darker shade of the set colors I chose for the set.
Then I added the lighter parts witht he other colors of the set, to finally add some darker bits to create some 'hair shine' effect (a bit too soft in this drawing btw. They could be darker)
This effect is also used to paint metals; when you add a dark color near a light one veru abruptly, the contrast creates this 'metal' effect.

I finished by fixing the color compensation that was lost (the green/blue touches)


6. Finishing

Take a genearl look, and finish wathever need to be finished. You never know what you may forget I do tend to make important things =_=

Also, it's time for cleaning. You should have the sketch layer in blind mode by now; you can make it viewable again to help with the erasing of the parts that went out of the 'line'

Once it's done make the sketch layer blind again, and save. It should be pretty much done.


7. Editing

If you need to make edits of any time, this is the time. In my case, I still needed to add Dino's tattoos, since I made them separately.

For editing, I recomend to switch to Photoshop if possible. It's awful for coloring, but it's the best for editing.

Well, now it's definitely finished


8. Tips

-Save a LOT
Seriously, save as often as you can. You never know what can happen. A blackout, and your progress is lost forever T_T

Save in .PSD file format
Well, not necessary, but you can open in Photoshop more easily (PS doesn't accepts certain formats, like Painter's own format)
This is a format that won't make a quality loss like .jpg and such

Don't merge the layers
Even if you're finished, don't do it. You never know if you'll need to go back to it. If it's the file size that's bothering you, just make a .jpg copy of it for easier use, but keep the original .pst intact.

Use high resolution
Since it allows for more detailing. But not too big, or you'll computer will drag.
Also, take into consideration the drawing you're painting; a face shot wouldn't need that much of a big canvas.

Adapt the brushes
Don't just stick to the defeault ones. Is best to experiment with the options, and see what suits you best. It's good to have your own set of personal brushes.

Rotate
SAI and Painter have a rotation tool that's easy to use. Abuse it! It's easier to paint some parts in different positions, since your hand can't rotate 180ΒΊ

Use a different palette for each drawing
Don't stick to the same colors. Clean the grid, and choose new ones for each picture. You'll tend to use similar colors, but that doesn't means you have to use the exact same shade.

More realistic doesn't means better
Even the great ancient artsists didn't just 'copy' reality. They interpreted it.
Is best to have a personal style that makes your art unique and interesting.

Reference doesn't means copy
It's OK to use reference, but that means that you use several images to learn how something is, and later build soemthing new. Not just copy a photo. (actually, you should have a clear idea of what you are going to make BEFORE looking for reference).
Also, use photos as ref, not illustrations or drawings, or you'll end up just copying that particular artists style AND mistakes.
And if you can take the photos yourself, the best.


Well, I think that's all. If i'm forgetting something, or you need to ask anything, just comment here.
Related content
Comments: 200

Celsa In reply to ??? [2016-03-31 19:11:46 +0000 UTC]

I'm glad it helps
Yeah, basically, if you want a lineless piece, you still need to keep the lineart as guide for the coloring, and later you turn it off.

πŸ‘: 0 ⏩: 0

Uhmu-Naomi [2015-08-18 13:56:32 +0000 UTC]

This tutotrial help me a lot, but I have a trouble everytime I submit something to DA: I was submiting drawings with their full size and they looked bad in resolution, so after I put them in a smaller size than the original one. But they still look bad !!! my computer screen is really big so I thought that that was the problem but I've saw other artists works and they looks awfully good in resolution T_T you know why this happens??Β 

πŸ‘: 0 ⏩: 1

Celsa In reply to Uhmu-Naomi [2015-08-21 12:53:34 +0000 UTC]

Hmm... Is hard to say, but it could be some of the options. If you're saving in .jpg try to set the quality option to 80% or higer.
If it's the otiginal file (for digital art) always save as .psd or other format that keeps layers and such. Otherwise the file loses quality and you can't revert.

πŸ‘: 0 ⏩: 1

Uhmu-Naomi In reply to Celsa [2015-08-21 13:20:06 +0000 UTC]

muchas gracias <33 //acabo de darme cuenta que hablas espaΓ±ol..FAIL xD

πŸ‘: 0 ⏩: 1

Celsa In reply to Uhmu-Naomi [2015-09-01 12:33:52 +0000 UTC]

No pasa nada, jaja

πŸ‘: 0 ⏩: 0

LightChrome-Chan [2015-07-11 19:45:59 +0000 UTC]

The reason I read this tutorial:
20% Because it is amazing and helpful
80% Because..............DINNNOOOOO~~ <3 <3 kYAHHH!!! So sexy *Nosebleed*

Anyways, thanks for making this tutorial :3

πŸ‘: 0 ⏩: 0

Droidigan [2015-02-19 20:06:52 +0000 UTC]

Holy smokes. You've improved your art very well seeing this. I'm glad, I was really bothered by the eye which seemed lower than the other in this tut. That's just a sidenote though.

πŸ‘: 0 ⏩: 0

Naiuou [2015-02-17 19:04:02 +0000 UTC]

Thank you : D

πŸ‘: 0 ⏩: 0

HeichouLove [2014-10-26 14:04:47 +0000 UTC]

Sadly, I don't have photoshop. Scanned work has to be transparent.

πŸ‘: 0 ⏩: 0

Nashazie [2014-07-13 00:51:56 +0000 UTC]

Dino... and he has a gun! xD

πŸ‘: 0 ⏩: 0

nashiepotato [2014-06-18 05:45:39 +0000 UTC]

when I saw "Staring" I was like :

"Yeah I do that with my wips most of the time... then again, the guy you drew looked so hot I'd probably be lost staring off into this drawing too."

but then when I saw the side note, I was like:

"oh. ._."

πŸ‘: 0 ⏩: 0

ruff1298 [2014-06-12 08:07:01 +0000 UTC]

Thank you for this tutorial, very detailed, simple, and easy to read.

πŸ‘: 0 ⏩: 0

AlexWOgilvie [2014-04-03 20:38:00 +0000 UTC]

Did you just give Dino a gun?!

πŸ‘: 0 ⏩: 1

Celsa In reply to AlexWOgilvie [2014-06-10 00:00:18 +0000 UTC]

Yeah
You can see it better in the finished version (that's there somewhere... on my gallery... which I haven't put in order for a while =_= )

πŸ‘: 0 ⏩: 1

AlexWOgilvie In reply to Celsa [2014-06-11 15:39:19 +0000 UTC]

but but but you gave Dino a gun..... a gun.... I worry for the safty of everyone around him.

πŸ‘: 0 ⏩: 0

Desuke13 [2014-02-24 01:03:58 +0000 UTC]

Thanks for your tutorial, I might try this

πŸ‘: 0 ⏩: 0

ThisGirlIsAnEnigma [2013-12-01 16:12:06 +0000 UTC]

Dat hair! I love how you do the hair most! And I love how it's Dino. *stares at Dino* such a very helpful tutorial

πŸ‘: 0 ⏩: 0

Acsh [2013-09-14 06:36:17 +0000 UTC]

LMAO staring. I thought you were serious cos I stare before I start colouring to find my mistakes xDD

πŸ‘: 0 ⏩: 0

FitfulMouse [2013-09-08 11:20:17 +0000 UTC]

Splendid tutorial! I loved it!

πŸ‘: 0 ⏩: 0

STRiPES-01 [2013-07-03 03:56:10 +0000 UTC]

Hello, sexy...! LOL, I love it!

πŸ‘: 0 ⏩: 0

lokesh2100 [2013-06-20 13:28:39 +0000 UTC]

keep....thk...

πŸ‘: 0 ⏩: 0

Katty--chan [2013-06-09 11:22:00 +0000 UTC]

That guy is hawt @_@

πŸ‘: 0 ⏩: 0

oka415 [2013-05-25 19:45:40 +0000 UTC]

yeah, we'll just stare at that lineart now...

πŸ‘: 0 ⏩: 0

CelestialMelodia [2013-04-18 02:02:50 +0000 UTC]

... is that... Dino...? <3<3<3

πŸ‘: 0 ⏩: 0

a-co65 [2013-04-07 16:53:33 +0000 UTC]

Nice!It was great help to me!

πŸ‘: 0 ⏩: 0

marian436 [2013-03-24 03:12:44 +0000 UTC]

hola por favor tienes este tutorial en espaΓ±ol??

πŸ‘: 0 ⏩: 1

Celsa In reply to marian436 [2013-04-09 23:59:53 +0000 UTC]

Si: [link]

πŸ‘: 0 ⏩: 0

JustOneHellOfADemon [2013-03-17 00:15:18 +0000 UTC]

How do you get SAI? o.o I know its very helpful but I wanna know how to get it DX

πŸ‘: 0 ⏩: 1

Celsa In reply to JustOneHellOfADemon [2013-03-21 22:38:30 +0000 UTC]

Here [link]
You can download a free trial from there. If you like it, you can purchase a life-time license (follow the instructions there) It's quite cheap compared to other painting software.

πŸ‘: 0 ⏩: 0

GreatTaco [2012-11-23 18:15:14 +0000 UTC]

This was really helpful, thank you very much!
Just a... question, eugh... the eyes, how you do them , I tried but failed horribly.

Good work! < 3

πŸ‘: 0 ⏩: 0

Fuzzyfezz [2012-11-19 02:16:23 +0000 UTC]

I had a few questions, Im a photoshop noob!
1.) what brushes in particular do you use for "blending"
2.) what size should i make my canvas when I begin and what resolution should I use?
3.) Thank you so much for this tutorial!! Its super helpful!!

πŸ‘: 0 ⏩: 1

Celsa In reply to Fuzzyfezz [2012-11-24 00:08:48 +0000 UTC]

Hello, I'm glad it's being useful
About your questions, sadly I don't use Photoshop for painting. Right now I use Paint Tool SAI, though the tutorial was done using Corel Painter. I'd rather recommend one of this to paint, and leave Photoshop for editing, but it's up to you.
About resolution and size, it really depends what will you use the art for, but I like to set them up big so they can be used for net graphics or printing. I usually set the canvas in A3 (I don't remember the exact size, but I know it's near 5000px x 3500px or so)
300dpi resolution should be enough, though I prefer to scan sketches at 600dpi and resize. For color scanning I prefer 1200dpi and resize, so it doesn't loses much quality.
I hope this helped.

πŸ‘: 0 ⏩: 1

Fuzzyfezz In reply to Celsa [2012-11-26 17:15:12 +0000 UTC]

This helps so much! Thank you for taking the time to reply, I really appreciate it!

πŸ‘: 0 ⏩: 0

DomTSVG [2012-11-12 21:43:51 +0000 UTC]

Thank you so much, this will help me a whole lot on my painting style drawings!

πŸ‘: 0 ⏩: 1

Celsa In reply to DomTSVG [2012-11-17 00:21:32 +0000 UTC]

I'm glad to be of help ^^

πŸ‘: 0 ⏩: 0

ManishaChan [2012-11-05 22:39:43 +0000 UTC]

I CANT HAIR.

πŸ‘: 0 ⏩: 0

Szmoka [2012-09-19 17:00:37 +0000 UTC]

I LOVE YOU
Tutorial help me soooo much, thank you ^^

πŸ‘: 0 ⏩: 0

icyzappy [2012-08-30 12:07:56 +0000 UTC]

Thank you!!

πŸ‘: 0 ⏩: 0

MorbidFool [2012-08-13 11:23:31 +0000 UTC]

This reminds me that lineart can be done after shadiiiing~ *smacks self*

πŸ‘: 0 ⏩: 0

AmalaAzula [2012-07-21 03:12:41 +0000 UTC]

Ahh this really helps. Thank you! I can try a new coloring method soon. You're the best!

πŸ‘: 0 ⏩: 0

PiqaPIka [2012-07-08 07:21:18 +0000 UTC]

Dino!
Thanks~ this is really helpful!

πŸ‘: 0 ⏩: 0

Reynbanker [2012-07-05 21:40:52 +0000 UTC]

This is amazing! I will def. be using these tips in the future

πŸ‘: 0 ⏩: 0

dashingrainbow2012 [2012-06-11 13:39:04 +0000 UTC]

This was so helpful to me, thank you so much for sharing this tutorial!

πŸ‘: 0 ⏩: 0

xsoraxkh [2012-05-31 16:42:38 +0000 UTC]

Staring isn't a foult it is the trueth :Q I love it

πŸ‘: 0 ⏩: 0

Piimocial [2012-05-17 17:36:03 +0000 UTC]

Wow !

πŸ‘: 0 ⏩: 0

Khaothicc [2012-04-08 12:17:47 +0000 UTC]

Whoa.. ;u; I went all like 'HOW U COLOUR THE HAIR WITHOUT BLENDING IT ALL TOGETHER?! D8' but I guess it takes alot of practice too. ;3;

πŸ‘: 0 ⏩: 0

MonkeyJonJon [2012-03-04 15:35:35 +0000 UTC]

Would it be alright if I got the Advanced Settings on your "Paint" brush or did you keep that out on purpose

πŸ‘: 0 ⏩: 0

Lonleymoon [2012-02-25 06:11:26 +0000 UTC]

lol
step 1. staring:
start at the smexy guy before you XD
i would had not notice that mistake unless i read the description

πŸ‘: 0 ⏩: 0

Fayari [2012-02-13 14:34:45 +0000 UTC]

You saved my manga.

πŸ‘: 0 ⏩: 0

TheGirlLullu [2012-02-08 08:17:49 +0000 UTC]

Nice tutorial you got there! You should join the new tutorial group

And submit your tutorials!

πŸ‘: 0 ⏩: 0


| Next =>