HOME | DD

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

Published: 2010-06-12 19:31:14 +0000 UTC; Views: 237707; Favourites: 4435; 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 ??? [2010-06-24 19:19:16 +0000 UTC]

De color? Lo explico un poco en tuto. A ver si un dΓ­a tengo tiempo y gana y hago uno sobre color.

πŸ‘: 0 ⏩: 1

Lorey In reply to Celsa [2010-06-26 01:05:51 +0000 UTC]

uy ya! estare atenta entonces β™₯

πŸ‘: 0 ⏩: 0

Izark1369 In reply to ??? [2010-06-14 12:09:33 +0000 UTC]

Thank you for the Tutorial ^^
I've been clueless on semi lineless painting

πŸ‘: 0 ⏩: 0

SkyscraperOpera In reply to ??? [2010-06-14 07:11:59 +0000 UTC]

Thank you so much for this ; A ;
I've been needing help with semi-lineless!

πŸ‘: 0 ⏩: 0

BladeEdgeHT In reply to ??? [2010-06-13 20:02:58 +0000 UTC]

is that Dino?

πŸ‘: 0 ⏩: 1

Celsa In reply to BladeEdgeHT [2010-06-14 16:36:13 +0000 UTC]

Yes

πŸ‘: 0 ⏩: 0

Vueiy-Visarelli In reply to ??? [2010-06-13 18:46:45 +0000 UTC]

Number one on the picture part of the tutorial actually says "staring" not "starting." At first I thought you were drooling over your own artwork, lol, then I realized it was just a typo.

πŸ‘: 0 ⏩: 0

Yaiden [2010-06-13 16:02:46 +0000 UTC]

awesome work and very helpful

πŸ‘: 0 ⏩: 0

Yowipot [2010-06-13 15:55:09 +0000 UTC]

where did you get your Paint Tool SAI?

πŸ‘: 0 ⏩: 0

LittleGeeky [2010-06-13 14:27:51 +0000 UTC]

Thank you, this is so helpful ^w^

πŸ‘: 0 ⏩: 0

enbie91 In reply to ??? [2010-06-13 14:05:49 +0000 UTC]

That looks really cool and effective!!! Thanks i'll have to try that technique out!

πŸ‘: 0 ⏩: 0

innu-amaranth In reply to ??? [2010-06-13 13:18:53 +0000 UTC]

Thanks for this!

πŸ‘: 0 ⏩: 0

Mattoxic [2010-06-13 13:13:40 +0000 UTC]

wow! Awesome

πŸ‘: 0 ⏩: 0

Strawberry-Chain In reply to ??? [2010-06-13 11:49:55 +0000 UTC]

Omg how amazing!

πŸ‘: 0 ⏩: 0

RenamonTamersBro In reply to ??? [2010-06-13 11:35:22 +0000 UTC]

your deffinantly verry skilled O.O i wish i could do that but my computer is crap so i cant

πŸ‘: 0 ⏩: 0

Jenziz [2010-06-13 11:26:39 +0000 UTC]

This is great! I love the way you color, and now you can share your techniques with the world!

πŸ‘: 0 ⏩: 0

irenukia In reply to ??? [2010-06-13 11:01:36 +0000 UTC]

Bonito tutooo! Me gustan tus tips, estoy muy de acuerdo con ellas >v<

ahhhj me encanta esos azules que metes por ahΓ­ :///D

πŸ‘: 0 ⏩: 1

Celsa In reply to irenukia [2010-06-24 19:18:32 +0000 UTC]

Gracias

πŸ‘: 0 ⏩: 0

Little-Blue-Moon In reply to ??? [2010-06-13 10:57:18 +0000 UTC]

Cool tutorial!

πŸ‘: 0 ⏩: 0

Emina04Sakura [2010-06-13 09:05:05 +0000 UTC]

Thanks for the tutorial

πŸ‘: 0 ⏩: 0

ShikiSenri101 In reply to ??? [2010-06-13 05:55:24 +0000 UTC]

sounds complicated... to me... that is...

πŸ‘: 0 ⏩: 0

KaZuBRE In reply to ??? [2010-06-13 04:50:36 +0000 UTC]

Thanks for the tutorial, there are little to no tutorials for SAI and I love the way you color.
I can't wait to try some of these tricks !

πŸ‘: 0 ⏩: 0

Kazumishadow13 In reply to ??? [2010-06-13 04:09:52 +0000 UTC]

Thanks for the tutorial, i really needed this.

πŸ‘: 0 ⏩: 0

punker--rocker In reply to ??? [2010-06-13 03:43:34 +0000 UTC]

Awesome tutorial! Simple, easy-to-follow, yet very helpful and informative. Thanks for sharing!

πŸ‘: 0 ⏩: 0

synodicmeg In reply to ??? [2010-06-13 02:48:17 +0000 UTC]

Thank you so so so sooooo much for posting this up. I was really curious to see your techniues after I saw your painting. Highlight of my day <3

πŸ‘: 0 ⏩: 0

Timanima In reply to ??? [2010-06-13 02:25:23 +0000 UTC]

Se ve genial!!! *___*
Una cosa... hay tutoriales como estos en espaΓ±ol?? T_T
Parecera un poco "vago" de mi parte, pero esque no veas lo que cuesta entenderlo en ingles xDDDDD

πŸ‘: 0 ⏩: 1

Celsa In reply to Timanima [2010-06-24 19:22:24 +0000 UTC]

Un dΓ­a tengo que preguntar si alguien los quiere traducir. De momento, solo en ingles T_T

πŸ‘: 0 ⏩: 0

BurntSugarCookie [2010-06-13 01:46:28 +0000 UTC]

This is great! Thank you!

πŸ‘: 0 ⏩: 0

OvercaffeinatedSloth In reply to ??? [2010-06-13 01:15:37 +0000 UTC]

So, I started watching you because I thought you had a unique, likable, and most importantly, colorful art style. I though, they, maybe when my skills are a bit better or, I'm out of school, I'll take a look and try my hand at some different stuff.

Well, you've no idea how happy you've made this graduate today! *races off to replicate style in mypaint*

πŸ‘: 0 ⏩: 0

Xuthltan In reply to ??? [2010-06-13 01:03:40 +0000 UTC]

i really like the color combination and how you used the blue tones in the darkest shadows

πŸ‘: 0 ⏩: 1

Rah-Chan In reply to Xuthltan [2014-12-21 05:16:26 +0000 UTC]

I completely agree with you!

πŸ‘: 0 ⏩: 0

Piece5113 In reply to ??? [2010-06-13 00:57:13 +0000 UTC]

So this is how you made this amazing picture *A*!! Thank you for sharing

πŸ‘: 0 ⏩: 0

shesamonster In reply to ??? [2010-06-13 00:50:25 +0000 UTC]

Wow, I wish I had a method for painting that didn't look butt-friggin-ugly. This, on the other hand, looks incredible!

πŸ‘: 0 ⏩: 0

Deadly-Kytzia In reply to ??? [2010-06-12 23:52:50 +0000 UTC]

great tutorial!!!!

πŸ‘: 0 ⏩: 0

yuroran In reply to ??? [2010-06-12 22:48:54 +0000 UTC]

Muy buenos consejos. ^^ Especialmente los de compensaciΓ³n de color, nunca lo habΓ­a visto de esa forma, pero siempre lo notΓ© en tus trabajos y es un efecto bastante bueno. AdemΓ‘s lo de hacer el fondo primero, ese es un consejo muy bueno en especial para gente como yo ._. que nunca sΓ© que colocar de fondo luego. xDDD

Kudos!

πŸ‘: 0 ⏩: 1

Celsa In reply to yuroran [2010-06-24 19:23:10 +0000 UTC]

Yo si no sΓ© quΓ© hacer de fondo hago un degradado simple como en este dibujo. Suele funcionar bien.

πŸ‘: 0 ⏩: 1

yuroran In reply to Celsa [2010-06-24 20:55:16 +0000 UTC]

Buen consejo O: gracias. xD

πŸ‘: 0 ⏩: 0

CatSummoner In reply to ??? [2010-06-12 22:38:49 +0000 UTC]

i don't use SAI but i can use this for reference...
thank you very much! ^^

πŸ‘: 0 ⏩: 0

carolaiin In reply to ??? [2010-06-12 22:20:15 +0000 UTC]

I always loved the way you painted this, I'm trying this out right NOW. <3 and Great tips too! they really are helpful!

πŸ‘: 0 ⏩: 0

KayhoEsoxn In reply to ??? [2010-06-12 21:51:13 +0000 UTC]

This is a great tutorial~!
And the guy is hott.

πŸ‘: 0 ⏩: 0

kkyccu In reply to ??? [2010-06-12 21:08:25 +0000 UTC]

uh it's great! Great result

πŸ‘: 0 ⏩: 0

mixofdays In reply to ??? [2010-06-12 20:29:15 +0000 UTC]

You misspelled number one in the image as "staring" instead of "starting"

πŸ‘: 0 ⏩: 0

Skizzin In reply to ??? [2010-06-12 20:08:19 +0000 UTC]

This is very helpful!

I've been trying to learn how to paint ever since I got my tablet. *v*

πŸ‘: 0 ⏩: 0

Rose-Kira-chan [2010-06-12 20:07:48 +0000 UTC]

Great tutorial! I love the tips you gave! Love how you use colours!

πŸ‘: 0 ⏩: 0

RGaijin In reply to ??? [2010-06-12 19:59:59 +0000 UTC]

Thanks for the tut...looks awesome

πŸ‘: 0 ⏩: 0

MariaSan [2010-06-12 19:48:48 +0000 UTC]

Awesome tutorial! Thanks!

πŸ‘: 0 ⏩: 0

SkiethWebb [2010-06-12 19:42:20 +0000 UTC]

This is a great tutorial. Thanks for putting it up.

πŸ‘: 0 ⏩: 0

ninnt [2010-06-12 19:36:13 +0000 UTC]

ooohh that's sooo nice of you !! Thanks for this tutorial !!!

πŸ‘: 0 ⏩: 0

undrcnstructStu [2010-06-12 19:34:12 +0000 UTC]

i like this tutorial this the coloring style is great

πŸ‘: 0 ⏩: 0


<= Prev |