Add color to your illustration.

Use the [Fill] tool and the [Pen] tool for basic coloring. Use a separate layer for each part of the illustration so that you can color without having to deal with runover in later processes.

 

Coloring the Hair

Create a layer and color the character's hair using the [Fill] tool.

 

<Preparing the Layers>

Create a layer for coloring.

 

1 Click [New Raster Layer] on the [Layer] palette to create a layer.

Double click the layer name of the layer you have created and enter "Hair".

 

2 Move the "Hair" layer below the "Line drawing" layer so that the main lines are not covered up by the hair color.

Click the layer name area of the "Hair" layer and drag the layer below the "Line drawing" layer.

 

3 Click [Show/hide layer] to the left of the "Fine line" layer on the [Layer] palette to hide the layer.

Hide the "Fine line" layer for now, as this stage is for coloring the larger areas and the fine details are not needed. This allows you to fill large areas all at once with the [Fill] tool.

 

<Preparing the Tool>

Configure the settings for coloring with the [Fill] tool.

 

1 Select the [Fill] tool from the [Tool] palette and select [Refer other layers] from the [Sub tool] palette.

 

2 Move the slider in [Area scaling] on the [Tool Property] palette to "1".

 

[Memo]

In this example, [Area scaling] has been set to a low value because a high value would cause the color to run over. For details on [Area scaling], see" Clip Studio Paint User Guide".

 

3 Check that [Multiple referring] is turned on on the [Tool Property] palette.

 

Tips: Layer References

The [Fill] tool usually determines the area to be filled according to the content drawn on the currently selected layer. If separate layers are used for the line drawing and color like in this example, the content drawn on the line drawing layer will be ignored. To overcome this problem, you can set [Multiple referring] on the [Tool Property] palette to reference the content drawn on other layers.

 

The [Refer other layers] function of the [Fill] tool references all displayed layers when filling. If the draft is displayed, the lines of the draft will also be referenced. Make sure to hide any finished layers that will not be used.

 

<Adding the Basic Color>

Fill in the basic colors using the [Fill] tool.

 

1 Select [Window] menu → [Color Wheel] to show the [Color Wheel] palette.

 

2 Select pink for the hair color on the [Color Wheel] palette.

Use the [Color Wheel] palette to select colors that are not on the [Color Set] palette. Use the circle on the outside (1) to select the hue and the square at the center (2) to adjust the brightness and the saturation (how vivid the color should be).

 

3 Click the area to be filled with the [Fill] tool. The entire area surrounded by the lines is filled.

 

4 Follow the same steps to fill other areas of the hair.

Areas where shadow will be added later should also be filled with the basic color.

Areas divided into fine tufts of hair can be filled at the same time by dragging instead of clicking each area.

 

Tips: If Problems Occur When Filling

CLIP STUDIO PAINT's [Fill] tool has a [Close gap] function that will recognize and fill an enclosed area even if there is some line breakage. If the [Fill] tool fills too far, this means that a line is broken somewhere.

 

Undo the filling by selecting the [Edit] menu → [Undo], then select the "Line drawing" layer and connect the broken line(s) using tools such as the [Pen] tool. After correcting the lines, fill the area again using the [Fill] tool.

 

<Adding Shadow>

Use the [Fill] tool or the [Pen] tool to add shadow to the hair.

 

1 Select a slightly darker shade of pink on the [Color Wheel] palette.

 

2 Click to fill the tufts of hair on which to add shadow.

 

3 To fill an area without the necessary border lines, either color the area directly using the pen tool or draw a border line before using the [Fill] tool to add shadow to the area.

 

<Coloring Unfilled Areas>

The [Fill] tool cannot fill small areas such as the tips of the hair or areas where lines intersect. Use the [Pen] tool to color these unfilled areas.

 

1 Select the [Pen] tool from the [Tool] palette and select [Mapping pen] from the [Sub tool] palette.

 

2 Adjust the brush size of the [Pen] tool.

Adjust the brush size to suit the size of the area to be colored.

 

3 Color the small areas with the [Pen] tool so that no gaps remain.

 

[Memo]

You can also color small unfilled areas by using the [Close and fill] sub tool of the [Fill] tool. For details on [Close and fill], see"Clip Studio Paint User Guide".

 

4 Coloring of the hair is now complete.

 

Tips: Obtaining the Same Color as the Filled Color

While a drawing tool such as the [Pen] tool is selected, hold down the [Alt] key on the keyboard to switch to the [Eyedropper] tool temporarily. Click the canvas while holding down [Alt] to acquire the color of the clicked area as the drawing color. This makes it easy to select the same color as the existing basic color or shadow color when making corrections or coloring unfilled areas. The color can also be acquired by selecting the [Eyedropper] tool on the [Tool] palette.

 

Coloring the Skin

Create a layer and color the character's skin using the [Fill] tool.

 

<Adding the Basic Color of the Skin>

Create a new layer for coloring the skin and fill the drawn areas with the basic skin color.

 

1 Click [New Raster Layer] on the [Layer] palette. Double click the layer name of the layer you have created and change the layer name to "Skin".

 

2 Select the [Fill] tool from the [Tool] palette and select [Refer other layers] from the [Sub tool] palette. Check that [Multiple referring] is turned on on the [Tool Property] palette.

 

[Memo]

Here we will configure the same settings for this tool as when coloring the hair. For details, see → "Basic Coloring" → "Coloring the Hair" → "Preparing the Tool".

 

3 Select peach for the skin color on the [Color Wheel] palette.

 

4 Click to fill the areas of exposed skin.

 

5 Use the [Pen] tool to color small unfilled areas.

Use the [Pen] tool to color areas that are unfilled because there are a lot of lines, such as the ears and the areas around the eyes.

 

6 The entire skin area has now been filled with the main color.

 

<Adding Shadow (Without Runover)>

Use the areas you filled with the main skin color before to draw the shadow on the skin.

 

1 Click [Lock Transparent Pixel] on the [Layer] palette.

An icon with a gray padlock and a checkered square appears next to the layer on which the transparent pixels are locked.

 

2 Select a slightly darker color than peach on the [Color Wheel] palette.

A more reddish hue will stop the shadow from looking somber and give the character a healthy-looking complexion.

 

3 Select the [Pen] tool from the [Tool] palette and select [G-pen] from the [Sub tool] palette.

 

4 Adjust the brush size of the [Pen] tool.

Adjust this in [Tool Property] or select a size from [Brush Size]. Set a slightly larger brush size than when drawing the lines to allow even coloring.

 

5 Draw the shadows around the neck and those created by the sleeves and hair.

 

6 If you draw shadow too far, correct it by applying the basic skin color using the [Pen] tool.

The [Eraser] tool cannot be used in this case as it will also erase the peach color underneath.

 

7 When drawing the shadow around the eyes, use the [Color Wheel] palette to select a slightly lighter shade than the other skin shadows so that this area is not too dark.

 

Tips: What Is the [Lock Transparent Pixel] Function?

This function ensures that nothing is drawn in the transparent areas (on the transparent pixels) of the layer.

 

This allows you to add shadow without running over onto areas that have already been colored, such as the hair, or the skin in later steps.

 

<Adding a Gradient on the Skin>

To give the skin a softer look, add a gradient using the [Airbrush] tool.

 

1 Select the [Airbrush] tool from the [Tool] palette and select [Soft] from the [Sub tool] palette.

 

2 Adjust the brush size of the [Airbrush] tool to a larger size.

 

3 Select the color you used around the eyes on the [Color Wheel] palette.

 

4 Use the blurred edges of the brush to create a gradient on the skin. Use a light pen pressure.s

The color will not run over even if you use a large brush size, as [Lock Transparent Pixel] is set. If the color is too light, draw across the same area several times.

 

5 Coloring of the skin is now complete.

 

Coloring the Wings

Create a new layer and use tools such as the [Fill] tool and the [Gradient] tool to color the wings.

 

<Adding the Basic Color of the Wings>

Create a new layer for coloring the wings and fill the drawn areas with the basic color.

 

1 Click [New Raster Layer] on the [Layer] palette. Double click the layer name of the layer you have created and change the layer name to "Wings".

 

2 Select the [Fill] tool from the [Tool] palette and select [Refer other layers] from the [Sub tool] palette.

Check that [Multiple referring] is checked on the [Tool Property] palette.

 

3 Select light blue on the [Color Wheel] palette.

 

4 Click to fill the areas of the wings.

 

5 Select blue on the [Color Wheel] palette and fill the bones, trailing edges and shadows of the wings.

 

6 Use the [Pen] tool to color small unfilled areas.

 

<Coloring with the [Gradient] Tool 1>

Create a selection for each part and add a gradient to the wings using the [Gradient] tool.

 

[Memo]

If the [Gradient] tool is used without creating a selection, it will draw a gradient across the entire layer. Creating a selection first allows you to apply a gradient across the selected area only.

 

1 Select the [Auto select] tool from the [Tool] palette and select [Refer other layers] from the [Sub tool] palette.

 

[Memo]

For details on the [Auto select] tool, see"Clip Studio Paint User Guide" .

 

2 Click the bones of the wings and select the area in which to apply the gradient.

 

3 If the bones are separated into multiple segments in the line drawing and cannot be selected with one click, hold down the [Shift] key and click each segment to add the segments to the selection.

 

4 Select the [Gradient] tool from the [Tool] palette and select [Foreground to transparent] from the [Sub tool] palette.

 

The [Foreground to transparent] setting creates a gradient from the selected drawing color to transparency. If it is applied to an area that has already been filled, this creates a gradient from the current drawing color to the ground color.

 

5 Select a slightly lighter shade of blue on the [Color Wheel] palette.

 

6 Click the starting position of the gradient and drag in the direction in which to apply the gradient.

 

7 After creating the gradient, click the [Selection] menu → [Deselect] to deselect the selected area.

This can also be done by selecting [Deselect] on the command bar or the selection launcher.

 

8 Repeat the same process for other areas such as the trailing edges, creating selections and drawing gradients for each part.

 

<Coloring with the [Gradient] Tool 1>

Next, apply a gradient to the light blue part of the wings.

 

1 Click [Show/hide layer] to the left of the "Fine line" layer on the [Layer] palette to show the layer.

 

The hidden fine lines are shown again, allowing fine areas to be specified.

 

2 Select the [Auto select] tool from the [Tool] palette and select [Refer other layers] from the [Sub tool] palette.

 

3 Click to select the area in which to apply the gradient.

To apply one gradient across multiple areas, hold down the [Shift] key and click each area to add the areas to the selection.

 

4 Select the [Gradient] tool from the [Tool] palette and select [Foreground to transparent] from the [Sub tool] palette.

 

5 Select a slightly darker color than the light blue area on the [Color Wheel] palette.

 

6 Draw the gradient by dragging in the direction in which to create the gradient.

 

7 Repeat the same process to draw a gradient in other areas of the wings.

 

8 Coloring of the wings is now complete.

 

Coloring the Clothing

Color the remaining parts, such as the character's clothing and hair ornaments.

 

<Coloring the White Background (Show Transparent Area)>

If you fill a white background (paper) with a white drawing color, it will be difficult to tell the white filled area apart from the area that is displayed in white but is actually transparent. This may cause areas to remain unfilled or runover to occur. To prevent this problem, hide the paper layer during this operation so that the transparent area can be recognized.

 

1 Click [New Raster Layer] on the [Layer] palette to create a layer. Double click the layer name of the layer you have created and change the layer name to "Clothing 1".

 

2 Click [Show/hide layer] to the left of the "Paper" layer on the [Layer] palette to hide the layer.

 

The areas in which no layers have been colored are indicated by a checkered pattern.

 

3 Select the [Fill] tool from the [Tool] palette and select [Refer other layers] from the [Sub tool] palette. Check that [Multiple referring] is turned on on the [Tool Property] palette.

 

4 Select a yellowish white on the [Color Wheel] palette.

 

5 Click to fill the white fabric of the clothing with the [Fill] tool.

 

6 Fill the shadow areas with pale blue.

 

7 Once all of the white area has been filled, click [Show/hide layer] to the left of the "Paper" layer on the [Layer] palette to show the layer.

 

<Coloring the Other Areas>

Add a layer and color the other parts of the clothing.

 

1 Click [New Raster Layer] on the [Layer] palette to create a layer. Double click the layer name of the layer you have created and change the layer name to "Clothing 1".

 

2 Select the [Fill] tool from the [Tool] palette and select [Refer other layers] from the [Sub tool] palette. Check that [Multiple referring] is turned on on the [Tool Property] palette.

 

3 Hide the "Fine line" layer temporarily on the [Layer] palette to fill the whole of large areas at once.

 

4 Select the drawing color on the [Color Wheel] palette and add the base color of the stole using the [Fill] tool.

 

5 After coloring is finished, show the "Fine line" layer again on the [Layer] palette.

 

6 Select the drawing color on the [Color Wheel] palette and add the colors of the checkered pattern using the [Fill] tool.

Create a layout of dark and light colors according to the base color and use these colors to color the checkered pattern.

 

7 Fill other areas such as the boots and hair ornament by selecting a drawing color on the [Color Wheel] palette and coloring with the [Fill] tool.

Give the hair ornament depth by using progressively darker colors for the back parts.

 

8 Select the [Pen] tool in the [Tool] palette and color unfilled areas and areas that cannot be colored with the [Fill] tool because there are no border lines.

 

9 The clothing is now colored.