WEBTOON Basics Base Colors and Shading
GCC Academy
Hello, I am webtoon artist Joomyung
It is time to learn about base color and shading using Clip Studio
We will also learn about various functions required for base color and shading
The flow of the lecture is about base color, clipping mask, shading, and transparent pixel locking
Base Color
Let's learn about base color painting
There are three tools to learn about the base color painting method
First, the Fill Tool
Second, the Lasso Fill Tool
Third, the Lasso Tool
But before we dive into these three tools
let's go over two key concepts
The first is the Reference Layer
and the second is Filling the Entire Canvas with Gray
I've already prepared an illustration to work with
This drawing is a completed pen sketch
Below the pen sketch layer
let's create a new raster layer
We'll rename this layer to Base Color
Now, let's take a look at how to use the Reference Layer
We'll set the reference layer
on the Pen Touch Layer
To set a layer as a reference layer
in the pen touch layer thumbnail
Thumbnail
Not here
Right-click on the thumbnail next to it
There will be a section called Set as Reference Layer
Click on this section
or if you look at the top of the layer window
several icons will appear
Click on the second section called Set as Reference Layer
The two methods are the same
The reference layer setting is activated
Now
since I have clicked on the pen touch layer, it is not visible
but if you click on another layer
you will see that the lighthouse-shaped icon
on the left of the pen touch layer is activated
The reference layer setting is now complete
Here's a simple explanation of why you set a reference layer
It's a promise to paint the base color based on the pen touch layer
It means that you'll look at the layer on which you're setting the reference layer and use that as a reference
So, even if you go to another layer to paint the base color
you'll still be mindful of the pen touch layer
which will be very useful when we work on the base colors in the future
Next
let's look at painting the entire picture in gray
There are several ways
to paint in gray
and I'll explain two main methods
The first method is to use the Fill Tool to paint
Like this, fill in
the desired gray color using the paint tool
This is the most basic method
but it can be a bit slow
So I prefer the second method
the Lasso Fill Tool, to this method
With the Lasso Fill Tool
you surround the picture like this
and touch
Then, the desired color will be painted on the character at once
I will explain the detailed settings and option settings later
Just because you use the surround and paint tool, it does not mean that it will be done in one go
If you zoom in and look closely
some parts are out of place
There may also be parts that are not painted enough
So, it is better to zoom in again, quickly find those parts
and make some corrections
Correcting and refining it like this
is faster than using the fill tool
so I recommend the Lasso Fill Tool
Good
Now we're done painting the base color in gray
Let me tell you why we paint
the base color in gray
There are three reasons
The first is to make the picture more visible
The second is to make it stand out from the background
If you look at it with the gray layer turned off
the picture and the background are visible together
so that it can be a bit confusing
So, if we paint it in gray like this
the character can be more clearly distinguished
The third is to paint it without any gaps
When we paint the base color like this
If you paint the base color like this while it's just open
there are some parts that you might miss
Like the pupils or parts of the hair
and when that happens
the background behind the unpainted parts can be seen
So, to prevent such mistakes in advance
it's beneficial to start by painting the entire area in gray like this
First, let's learn about the Fill Tool
The Fill Tool is the most basic way to color the base color
I'll create a new raster layer
Then, let's use the Fill Tool
If you go down to the left tool side, you can find the Fill Tool like this
When you select the fill tool, your's will
initially selected Reference Only for the editing layer
Instead of Reference Only for the editing layer
select Reference Other Layers below
Reference Only for the editing layer
refers to only that layer
and Reference Other Layers refers to the entire layer
I'll reset what I've set up now
and explain it individually
In this state, let's first select the skin color
If you paint it as it is in this state
it will invade and go up to the top of the hair like this
To prevent this from happening, you can set some options
If you go to the bottom of the auxiliary tool, there is a tool property
When you go to the tool property, if you raise the gap closing sideways
the value will increase to 20
If you click the arrow on the side once more
you can raise it not only to 20 but also to 50
You can set it to around 20 to 50
but I will select 50 as the maximum
Come down and set the color error to 0
And set the lower area zoom to 0
And come down
I will finish the settings here
And now, when you do coloring
What do you think?
Unlike before, it doesn’t go overboard
and only colors where I want it
You can use the Fill Tool to color by clicking on the area you want
You can use the Fill Tool
to color by clicking on the area you want
as I did before
I'll color the hair, too
You can do this by clicking on the area you want
but you can also color it by
pressing the mouse button and dragging
Move it all the way while dragging
Then, it will color wherever it passes
I've colored the hair like this
Next, learn how to color it
using the Automatic Selection Tool
The Automatic Selection Tool
is also called the magic wand tool
The shortcut key is W
Here, too, instead of just referencing the editing layer
select it by referring to other layers
And you also need to go over the option settings
For the option selection, set the gap closing to 20 or 50
I'll set it to 50
The color error is 0
And I'll set the area zoom in
and out to 0
Then, you can automatically select the desired area like this
And now, select an appropriate color for the clothes
You can select it with the magic wand tool
and fill it in with the Fill Tool
Or, select the magic wand selection tool again
click, and hold down the shift key
and then click to make an additional selection
You can fill in the color at once by making an additional selection like this
A shortcut to fill in the color all at once is
press Alt on your keyboard and press Backspace or Delete
you can color all at once
This shortcut is very useful
so I think it would be good for you to know it
You can use it like this
but before that
let's look at the Lasso Fill Tool we used briefly
If you come down to the bottom right
there's Fill
Here, we selected a different layer reference earlier
but this time, if you come down
there's the Lasso Fill Tool
Select the surround and fill tool
and let's reset it for a moment
Let's set the tool property option values
First, for the target color
select this for open areas other than transparent ones
and raise the gap closing all the way up
I'll set it to around 50
Lower the color error to 0
You can set the area zoom to 0 or 1
I'll set it to 0
There's something important here
You have to set the multiple references as reference layers here
If you set it like this
it will be
colored
like this immediately
If you don't use multiple references
the coloring won't go into the pen touch like this
but will be colored to the extent you selected
So you definitely have to set the multiple references as reference layers
So basically, I've painted the base color
but there's one more thing that we can learn about here
That's the Lasso Tool
Let's learn about the Lasso Tool
To find the Lasso Tool, if you go down from the tool's side
you have to go into Shapes
Lasso Tool is a bit harder to find than you think
The category is unique
If you go into Shapes
there's a part called Lasso Paint in the middle
Select Lasso Paint
You don't have to set any options separately in the tool properties
Let's try it out
I'm going to paint the pupils
If you draw the pupil in white like this
and say you need to make some corrections
you can select a brush like this
and make the picture look more natural
You might be a bit confused
about the difference
between the Lasso Tool
and Lasso Fill Tool
Here's how it's different
I'll explain after I take the base color off for a moment
This
Lasso Fill Tool
if you surround the area you want like this
it will naturally color it
On the other hand, the Lasso Tool
is similar
The way you use it is similar
But
let's select the hair in the same way
What do you think?
The Lasso Tool
colors the entire area that was surrounded
The Lasso Fill Tool paints inside the pen touch
It refers to the pan touch as the reference layer
and paints inside it
I think you understand both
And now, for parts like the pupils, you can choose an appropriate color
and use the Lasso Tool
instead of the Lasso Fill Tool
to quickly
color them like this, as if you were drawing them
Let's finish the base color like this
Shading
Next, let's learn about shading
First, let's create a raster layer
I'll change the name
of the painted base color to Base Color Gray
and the newly painted area to Base Color
To make it easier to recognize later
I always change the layer names like this right away
I'll create a raster layer
and name it Shading
And I'll change the layer property
to Multiply
And in this state, you can paint shading
but I'll apply a clipping mask and do it once
To apply a clipping mask
right-click on the layer thumbnail
If you look at the third one, when you select the clipping part
in the layer below, clipping will be applied
Or, if you click the first icon
among the icons above
clipping will be activated in the same way
When clipping is activated
if a pink bar appears on the left side of the layer thumbnail
the clipping mask is activated
The reason for the clipping mask is
I'll show you
I chose the base color like this
It's slightly gray
but I'll choose a color with a purple tint
because I think it goes well with the background color
I'm painting it like this right now
Some of you may have noticed already
but look
What do you think?
The shading doesn't leak out beyond the base color painted below
This is because the shading layer has a clipping mask activated for the base color below
So, when working on shading
the biggest advantage is that you can work right away so it doesn't go out like this
If you set up a clipping mask like this
and color it, it's much easier
As I just showed you
the first way to add shading
is to paint with a brush
Like this
I'm just painting the parts
where shading should be added with a brush
This is the most basic way
to paint with a brush
The next way is to add shading with the Fill Tool
As you can see from how I painted shading
from the bottom to the top
this is the method of painting with a brush
and then filling in the inside with the Fill Tool
Simply draw the shape of the outer line
where shading should be added
This is the method of filling it in
This can also be a basic method
but it is a method that is commonly used
just like a brush, so it is good to know
Next, I would like to introduce you
to an interesting function that we can use
by utilizing the tool function of Clip Studio a little more
which is the method of coloring using the selection tool for the reference layer
First, what is the selection tool for the reference layer?
If you press the shortcut key W
or select Auto Selection from the tool on the left
you will see three options for the sub-tool
We saw the selection for the editing layer only
and the selection for other layers earlier
but if you come down, there is a tool called the selection for the reference layer
Select this part
and let's set the options once
You can come down
and touch this tool property
but if you go down even further
at the bottom right of the tool property
you'll see a monkey wrench icon
It says to show the auxiliary tool detail palette
If you click on this, the auxiliary tool detail window will pop up
Or, go to the tool window above
click on the second window from the end
and if you scroll down
you'll see a section called auxiliary tool detail
If you select this
the auxiliary tool detail window will also pop up
Let's take a look at the settings from here
First, skip the selection range
from the left category and go straight to Fill
In Fill, first, deselect Adjacent Pixels
And the color error will be lowered to 0
And in the reference location
if there are multiple reference locations here
select the reference layer
After selecting the reference layer, if you go to the bottom instead of the end
there is a part called Non-referenced Layers
Check all of these parts one by one and click them in blue
For this part, click the arrow at the very end
Do not refer to the base drawing
Do not refer to the text
Do not refer to the edit layer
Do not refer to the paper
Do not refer to the lock layer
So, I checked the option to not refer to all of these
Now, all the settings are complete
And now, close the auxiliary tool details window
In this state, instead of using it right away
go to the base color below
and, this time, set the reference layer to the base color
When working on shading, it is better
to set the reference layer to the base color, not the pen line
Now, since we will learn the selection tool for reference layers
from now on, when you go into shading, just set the reference layer to the base color
And then go back to shading
Using the selection tool for the reference layer, I will select the skin
Only the skin will be selected
And conversely
I will select the hair
Only the hair is selected
If you select the pupil, only the pupil will be selected
If you select clothes, only the clothes will be selected
Even if there is shading, it ignores all of that
Even if there are any corrections, it ignores all of them
You can just select the most basic, basic color right away
The selection tool for the reference layer is the most powerful and useful function
So, let's select the skin
Select the skin and by using Lasso Fill Tool
you can quickly work on shading like this
It's very fast
Once you get used to it
you will have a huge advantage in terms of speed
And now, let's select the hair
With the hair selected
you can fill it in
after coloring it with the brush we just learned
You can also use the Lasso Fill Tool
to work like this
We're not just using one specific tool
but all the tools we've learned together
So, if you memorize what you've learned today
and practice using them simultaneously quickly
your base color and shading will increase a lot in speed
I'm painting shading
using the various tools you learned today
I hope that you're familiar with the methods you've learned today
and that it will help you speed up your shading work
In this lecture, we learned about the base color and shading in Clip Studio
Next time, we will learn about light correction
using the base color and shading we learned in this lecture
Thank you
Base color Reason for setting the reference layer: It means to paint the base color based on the pen touch layer Use the fill tool or surround and paint tool to paint the entire picture in gray
Reasons for painting the base color in gray To make the drawing more visible To make it stand out from the background To paint without gaps
Lasso Fill Coloring: Natural coloring is added to the area you set up Lasso Coloring: The entire enclosed area is colored
Light and shade After creating a raster layer, change the layer's properties to multiply Right-click on the thumbnail and select clipping from the lay
How to apply shading Painting with a brush Using the Fill Tool
How to color Color with a brush, then fill in the color with reference to another layer Fill in the color by Lasso Fill Tool