A nice relationship between the 3rd Bezier and the brush

3,947

_mariyan_

_mariyan_

Hello!

I'm mariyan who is addicted to making brushes with CLIP STUDIO PAINT.

I will talk about [3rd Bezier], which I felt "how convenient!" While making various things.

 

Which tool do you use when drawing on vector layers?

I think that pen tools are used for freehand and intuitive drawing.

I say so too.

However, I have no doubt that [3rd Bezier] is far more convenient than freehand brushes for drawing aids such as patterns and effects.

The reason is as follows.

Twice

★ First, I will introduce the basics of [3rd Bezier].

If you have already mastered it, jump to the <Maximum merit "less control points"> in the table of contents.

Twice

[3rd Bezier] is such a guy

[3rd Bezier] The biggest feature is that the control bar called the handle can be moved for each control point.

If you can manipulate this freely, you can use the brush at once.

Twice

■ Where is [3rd Bezier]?

In [Tool Property] or [Sub Tool Details],

You can use [3rd order Bezier] with the tool that finds the [Continuous curve] → [Curve] menu.

  • In addition to [Bezier curve], there are also [Continuous curve], [Line], and [Curve balloon].

1) Line: For straight line drawing only. There is no handle.

2) Spline: Only for curve drawing, but the handle is not displayed.

3) Secondary Bezier: The handles are displayed but cannot be moved individually.

4) Tertiary Bezier: The handle moves freely! The best!

Twice

■ [Specify method] is [Specify by dragging]

When [3rd order Bezier] is selected from the [Curve] menu, the [Specification method] directly below is released.

Here, decide <how to put out the handle>.

 

[Specify by clicking] is a click only for <Specify control point> and <Put out handle>.

Click and draw a curve.

It is very difficult to handle personally.

 

Recommended is [Specify by dragging].

Turn on the cursor (specify the position of the control point) → drag as it is (pull out the handle)

Repeat on → drag → on → drag …… to draw a curve.

Since curve drawing is a method of alternately operating on → dragging, you can perform <Bezier curve but straight line drawing> with continuous clicks.

Use the return key or double-click to confirm the end point (drawing is complete). Same as [Line].

The forecast line follows the cursor until it is confirmed.

  • Tutorial is available in ASSETS (free, ID: 1866826)

Please use it to check the operation.

 

[Specify by drag] is the method that is also used in Adobe illustrator.

Once you get used to it, you will be able to understand videos that explain Bezier curves in illustrator without difficulty.

Twice

■ There are two types of control points for [3rd Bezier]

At the square control point, the two handles move separately. Even if it looks like a curve, it will be processed as a polygonal line.

At the round control point, the two handles move in tandem like a seesaw. Treated as a curve.

  • Since the start point (start of drawing) and the end point (end of drawing) have one handle, they are always square control points.

Twice

[3rd Bezier] Recommended settings

■ [Preferences]

[Preferences]-> [Tools]-> [Options]-> [Curve or straight line handles]-> [Large]

The handle when drawing is a little easier to see.

Twice

Twice

■ [Vector center line display] prevents the handle from getting lost

5) Center line display

6) Display of control points

You can always display the center line and control points even after drawing by selecting [View]-> [Vector Center Line Display] from the menu bar.

I have registered in the [Quick Menu] so that I can display it only when I need it.

 

 

■ [Display prediction line] under [Specification method] is on

Similar to [Line], the predicted line for drawing is displayed by hovering over the cursor.

You can tell visually whether drawing is in progress or drawing is completed.

Twice

Twice

■ If it is [PRO / EX], also [Transformation setting] of [Object]

Select the vector layer and set it in [Sub tool details] of the object tool.

It is recommended to set [Transformation setting] → [Transformation method] → [Control point ...] at the bottom.

Control points and handles are clearly displayed when selected with the object tool.

Twice

Twice

Reliable friends of [3rd Bezier]

■ [Correct line] → [Control point -…] to finish the ideal curve

It is a group of tools that process control points, and the function is the same as the tool name.

Only [Switch corner] and [Correct line width] will be explained.

 

[Switching corners]

You can switch between making the two handles independent (corner) or linking (curved).

When switching from a square control point (corner) to a round control point (curve), you can adjust the two handles at the same time by dragging as it is.

  • Even if you draw a curve, switch to a corner, and then switch to a curve again, the curve will not return to the one you originally drew.

Let's go back with [Redo].

 

 

[Correct line width]

Left: [Control point-Correct line width] Right: [Correct line width]

[Control Point-Correct Line Width] affects <Control Point>.

Select a control point and drag it to the right to make it thicker, and drag it to the left to make it thinner.

You can add strength and weakness with your senses.

It also solves the problem of "I can't draw well in and out".

 

[Correct line width] works on <two control points and the line between the points>.

Even if you touch one control point, the line extending from it and the control point beyond it will work.

In [Tool Properties] and [Sub Tool Details], set the values you want to process in advance.

This is useful when you want to make the line width thicker (thinner) at once.

  • When processing both ends, a control point that does not change the thickness is required on the way.

Twice

Twice

If you can perform the above operations, it is almost as if you have mastered [3rd Bezier].

There are various other tools that support [3rd Bezier], but there is no problem even if you do not use them.

I think it's enough to operate it once you get used to it.

 

I think that [3rd Bezier] is easier to understand if you work on it with the feeling of "processing the line" rather than "drawing the line".

Once you get used to the steering wheel, you don't even have to use a curve ruler (I rarely use it).

Please take this opportunity to try various drawings with [3rd Bezier] ☆

Twice

Twice

The biggest merit "less control points"

From here, I will introduce how to use the brush in [3rd Bezier].

The original picture and settings of the brush are perfect, but when I try to draw it, it somehow crumbles ...

This is a common phenomenon with ribbon brushes.

How can I easily draw beautifully?

 

 

■ The cause is the control point

If you draw a vector line freehand, a large number of control points will be generated.

The amount tends to increase as you draw slowly and carefully.

The more control points there are, the easier it is for the original image to be distorted, and if there are corner control points, it will collapse with a high probability.

There is also a way to adjust the control points by moving or reducing them.

However, it often happens that the line is not the ideal line as it is modified, and it takes time.

Have you ever been frustrated or impatient because it didn't work no matter how many times you repainted it?

If you use a ruler, it will be beautifully finished even if you are freehand.

But in the first place, it is difficult to prepare a ruler that can be used for original curves.

 

 

■ Draw an ideal line with [3rd Bezier] and replace it with a brush

1) I made a sketch of a picture that I couldn't draw as I expected.

2) Let's draw with few control points.

If it is a simple curve, good drawing can be done by adjusting the handle and two or three control points.

The point is to make sure that the control points on the way are curved.

3) After drawing, adjust the brush size to an appropriate thickness.

4) Select the brush you want to use for drawing from [Sub Tool Details] → [Brush Shape] → [Register to Preset] and replace it with the drawn line.

 

You can modify the processing later by adjusting the brush size and moving the handle and control points.

 

  • For dual setting brushes, the [2-Brush shape] setting cannot be set to [Preset registration]. Please be careful.

 

 

■ Free processing of the true value

Even hand-drawn lines can be adjusted with [Free transformation] etc.

However, it is not superior to the degree of freedom of processing by [3rd Bezier].

A large number of control points are also generated for the object processed by [Free transformation].

The fewer control points, the less effort it takes to move and the easier it is to change.

You can also use the [Correct Line] tool to change the finish to a completely different finish.

 

 

□ Add strength to brush drawing

Use [Control Point-Add] and [Control Point-Correct Line Width] to give an expression to a ribbon brush with a uniform width.

Put stockings on the mannequin on your foot.

1) Draw the center line with [3rd Bezier].

2) Adjust the brush size to fit the thinnest part (ankle).

3) Replace with the brush registered in advance as a preset.

The size may change depending on the brush, but there is no problem if you adjust it.

4) Corrected the line width at the control point to match the shape of the foot.

The finish is beautiful without worrying about the collapse of the original picture.

Twice

Twice

□ Master the start and end points of the line

<Brushes with non-repeating settings> that stick to drawing at the beginning of drawing may be difficult to draw.

You can easily draw and process by drawing with [3rd Bezier].

It is an extension used for hair design. I was particular about the winding of the tip.

Due to the characteristics of the brush, the beginning of drawing is the tip.

a. I inadvertently drew it from above.

b. I drew it from the bottom, but I'm not used to it, so I can't draw as I expected.

c. I replaced it with Draw → Brush using [3rd Bezier].

Duplicate with copy and paste, and add facial expressions to the uniform width ribbon brush with [Control point-Add] and [-Line width correction].

 

 

□ [3rd Bezier] is a big success even with stamp brushes

The upper left is the original picture.

Adjusted the [Stroke] interval to create a slightly overlapping drawing.

Since the stamp brush does not distort the original image, the control points can be set to corners.

I adjusted the line width and finished it like a wing.

Twice

Make one card the original picture.

If you just arrange them in a fan shape, you can express them with two control points.

Shuffles that are difficult to draw can be adjusted in various ways by moving the control points and adjusting the handle.

Twice

What do you think.

I think there are many other ways to use it.

I hope that the combination of [3rd Bezier] and the brush will enhance your creations ♪

Twice

Comment

New

New Official Articles