Easily draw line drawings with transformation! Vector line drawing transformation trick course!


It is convenient to draw a line drawing with a vector layer

When drawing clear and clear line drawings like manga and anime,
It is more convenient to draw on a vector layer, which has excellent editing functions, than on a raster layer.

In this TIPS, we will draw a line drawing of a girl with glasses while introducing various transformation functions of CLIP STUDIO, focusing on editing vector layers.

Introduction of useful functions when drawing line drawings 1 [Vector line knob]

Before you start drawing, I will introduce some useful functions and tools when drawing line drawings and tricks that utilize them.

The first is [Vector Line Knob] in [Tools]-[Line Correction].
It is a tool that moves the line once drawn as if you pinch it with your fingers.

I was able to draw a line well, but when it shifts a little, I use it to fine-tune the line.
It's convenient because you don't have to redraw the line, and it saves time.
It is convenient to use on soft curves such as face, hair and natural objects.
In the example below, it is used to align the tips of the hair and to slightly shift the position of the cheeks and chin.

Introduction of useful functions when drawing line drawings 2 [Line width correction]

Next is [Line Width Correction Tool] of [Line Correction].
It is a tool to change the thickness of the traced line.
Use this when you want to change the thickness of the line while keeping the shape of the line.
It is convenient because you can save the trouble of overlapping lines and scraping with an eraser.

By duplicating this tool, I made two types of settings, one to make the entire vector thicker and the other to make only the traced part thinner, and use them properly according to the situation.

If you want to emphasize the outline, make the line thicker

If you want to give a light impression such as hair, or if you want to express highlights, make the lines thinner.

The setting of the tool to thicken on the left is [Enlarge to the specified size] [1.20] [Process all lines] ON,
The setting of the tool to thin on the right is [Reduce to specified times] [0.80] [Process all lines] OFF,

You can add inflection to the line by thickening the whole and then thinning only the traced part.
I have drawn a line with a good shape and position, but when the thickness is different, I will adjust it with this.

Introduction of useful functions when drawing line drawings 3 [Select a vector for the selection range]

The third function is [Select vector for selection] from the [Selection] menu.
You can select multiple vectors that touch the selection.

You can select multiple vector lines with the object tool alone,
Since it is difficult to aim, you can edit only the target vector.
It is more convenient to use this function.

Enlarge multiple vector lines or

Deform or

Move or

You can change the brush size all at once,

You can separate layers.

These are hard tasks that you have to specify the selection in detail in the raster layer,
If you use this function with a vector layer, you can easily do it in an instant.

Since the transformation method of the vector is set in the object tool,
Prepare two object tools,
There are two types of deformation methods: [free deformation] and [control point and scaling rotation].
It is used properly depending on the case.

If you select [Select vector for selection], the object tool at the top of the [Sub tool window] will be switched first.
In my case, I put the freely transformable object tool that I often use on the [Sub Tool Window] and put it on top.
If you want to scale and rotate, use the object tool below.
After selecting in advance, [Select vector for selection] is selected.
It's a little confusing, but it's easier and faster than changing the deformation method each time it's deformed.

Introduction of useful functions when drawing line drawings 4 [Get double line drawings by vector transformation]

Next is a little trick that uses vector transformation.
The [Edit] menu can be transformed from the center by pressing [Alt] while transforming, but if you try to transform while pressing [Alt] with the [Object] tool from multiple vector selections, the tool will be transformed. It will switch to [Spot].
Therefore, it is necessary to change the setting a little in order to transform the vector from the center.
Set [Alt] to [None] from the [Modifier Key] setting of the object [Tool Property].
If you leave it as [Common], the tool will switch to [Eyedropper], so be sure to change it to [None].

If you copy and paste the selected vector and transform it while pressing [Alt], you can scale from the center like this,
You will be able to make double line drawings without a ruler.
I won't use it this time, but it's very convenient when drawing buttons, machines / guns, windows, etc.

Introduction of useful functions when drawing line drawings 5 [Erase multiple vector lines]

When working with a vector line drawing using an intersection eraser, a lot of small vector dust may accumulate.
It is difficult to erase one by one with an eraser, but by selecting [Select vector for selection],
You can erase them all at once by selecting [Delete] from the [Edit] menu.

Introduction of useful functions when drawing line drawings 6 [Pseudo eraser with transparent color]

The vector layer has an eraser that is hard to stick to, unlike the raster.
I'm sure there are some people who are jealous.
For such people, if you draw in a transparent color instead of an eraser, you can make it look like it was erased with an eraser.

It's not actually disappearing, it's like hiding it.
I'm not sure about the specifications, but it's not a problem at all and I use it a lot because it's convenient.

This concludes the explanation of the tools used for line drawing.
I have all these tools set as shortcuts
When I draw a line drawing, I always switch and draw.
Now, let's actually draw a line drawing using these tools and functions.

Draw a rough using transformation 1

I will draw a rough using all the transformation functions I have learned so far.

The position of the cheeks and the degree of swelling are adjusted with the [Line knob].

The collar is deformed to follow the three-dimensional structure of the neck.

In this way, using deformations as often as a regular pen or eraser will make the whole job easier.

Since the positional relationship between the neck and shoulders is strange, I select the body line and move.
This kind of movement often works well if you do it at each joint or body node.

I felt that the skull was long sideways, so I deformed and shrunk the line drawing of the entire head.
Anyway, I will find and correct the points of concern and bring them closer to the beautiful girl.

A rough prototype has been created.

Line drawing 01 [glasses]

Now that I've made a rough sketch, I'll draw line drawings from time to time.
For glasses, right-click to add control points to the line drawn with the curve tool, and while increasing the curve,
I will match it roughly with vector transformation.
Artificial objects with many curves are what Vector is best at.

Line drawing 02 [Change pose]

I've been able to draw it, but the pose is upright and immovable, or it's not so cute.
I decided to change it to a pose that seems to be a little playful.

Select and rotate the hair and face, glasses, and hand layers together while holding down SHIFT.
Vector transformations can't be used on multiple layers,
Here, [Transform / Rotate] of the normal [Edit] menu is used.

The position of the arm and the height of the neck are adjusted according to the changed pose.
The hair around my glasses felt a little noisy, so I'm erasing it.

Line drawing 03 [Change of hair and mouth]

My hair wasn't moving and it wasn't cute
I redrawn the rough to make it feel like it was fluttering in the wind.
I made it look cute with a sharp mouth.

Line drawing 04 [Change hand]

I didn't really understand the pose of the hand, so I will change it to a more cute pose and make a clean copy.

Where lines are concentrated, such as around your finger, the [Select Vector for Selection] tool is very useful. It is very convenient because it can be individually transformed for each part such as fingers and palms.

Line drawing 05 [Adjustment of hair]

Finally, I will draw the hair.

The fluttering condition of the hair bundle can be drawn quite efficiently by adjusting the vector deformation.

After this, before starting the clean copy of the line drawing, once convert the vector layer of the hair to a raster layer by selecting [Layer] menu> [Convert Layer].
This is because if the draft is left as a vector layer, the draft vector and the clean copy vector will interfere when drawing a line drawing from above and applying an eraser.

By the way, [Convert Layer] can also convert from raster layer to vector layer.
I often use this function when extracting background lines drawn with a pattern brush as a vector.

After that, the fluttering condition of the hair is adjusted by selecting [Transform]> [Mesh Transform] from the [Edit] menu.
It is easier to adjust the curve by increasing the number of grids.

The hair was a little too fluttering in the wind, so I made it look a little calm due to the deformation.

I adjusted the braided part of the hair in the same way.
The braided part of the hair is divided into layers, and a white layer is included.
It is designed so that it does not cover the back hair.
If you keep the front and rear parts in this way, it will be easier to move or deform them later.

Line drawing 06 [whole hair]

I will draw the entire hair.

Separate the layers for the front and back hair,
Just like the braided hair, put a white background on the front hair,
I will try not to cover it with the back hair.

This not only prepares for deformation and movement, but also
The hair on the back can also be stretched and drawn without worrying about overlapping.

Line drawing 07 [Adjusting hair thickness]

The line drawing looks like this.
I feel that my hair is a little thick, so I will make it thinner by correcting the line width.

Line drawing 08 [eyelids]

Finally, draw your eyes. I want to give it a light impression, so I draw white eyelashes.

Line drawing 09 [Add outline. ]

Add an outline to the finish.
First, create a new layer. Next, make a selection that surrounds the girl, and add an outline by selecting [Border Selection] from the [Edit] menu and selecting [Draw Outside].
It is convenient to make a mask on a white background with the selection range at this time when matching it with the background.

You can do the same thing with [Boundary Effect] in [Layer Properties], but this method is suitable when you want to make it partially thicker or erase it.

carry out

Lightly paste the shadow tone and you're done!

Line drawings created by vector transformation can be drawn efficiently, enjoyably and quickly once you get used to them.
Please try it once.

However, it is not necessary to draw all the line drawings with a vector layer, and it is better to use them properly depending on the case.

All drawing process of this line art (10x speed)


Click here for a 10x speed video of the entire drawing process of this line art.
There is no explanation, but if you want to know more details, please find the place you want to see here.


Related articles


New Official Articles