Mastering Bezier curves: Quadratic Bezier curves

41,232 views
ClipStudioOfficial

ClipStudioOfficial

Bezier curves are made using control points (and direction points) that define the shape of the curve.

This tool is useful when you want to draw curves that are smoother than freehand curves.


In CLIP STUDIO PAINT, you can create quadratic Bezier curves and cubic Bezier curves.

In this lesson, I will explain how to use the [Quadratic Bezier].


https://tips.clip-studio.com/en-us/articles/1030


[1] What is a quadratic Bezier curve?

Quadratic Bezier curves consist of multiple control points and direction points.


When there are only two control points (clicked in the order ① > ②), a curve will not be made. Instead, a (straight) line will connect the two points ① and ② across the shortest distance.


When there are three control points (clicked in the order ① > ② > ③), a curved line connecting ① and ③ will be drawn because of the effect of control point ②.


The important thing here is the direction point, which isn’t crossed by the line.

All quadratic Bezier curves consist of at least two control points and one direction point.


When there are four control points, a curve will connect the control points of the starting point ① and ending point ④.

When the starting point ① and ending point ④ are at different positions, the points ② and ③ act as direction points that control the curve.


The direction points of a quadratic Bezier curve act like a rubber band pulling the line.

The Bezier curve is slightly confusing if you only think about it, so let’s see it in action.


[2] How to use the quadratic Bezier tool

Go to the [Tool] palette > [Figure] tool and choose the [Continuous curve] sub tool.

Select [Quadratic Bezier] from the [Curve] option of the [Tool Property] palette.


Hint:

The curve preview has changed since Clip Studio Paint Ver.1.5.5. You can see the line color and width while drawing.

To revert the simplified view like in previous versions, go to the [File] menu > [Preferences] dialog box > [Tool] and turn on [Use simple display for lines being created with the figure tools].



■ How to draw a simple curve


Let’s draw a simple curve using the [Continuous curve].


Specify the following three points: Starting point ① > Direction point ② > Ending point ③.

Specify the points based on the preview of the curve.

Click the marker ② to add a direction point.

Press the [Enter] key to fix the ending point at ③. If you click in the same way as in ②, it will be set as a direction point instead of an ending point, so the shape of the curve will be different from the preview.

Note: You can also double click while holding the Alt key to set the ending point.



■ Creating corners


Hold the Alt key when making a control point to give it a sharp angle. Any points clicked while holding the Alt key will be connected with a straight line.


For instance, if the position of the ending point and starting point is the same, all the points become direction points, creating a round figure.


In this case, you can press the Alt key while selecting the final point (⑤) to form a corner at that part, resulting in a shape like a drop.


Hint:

You cannot press the Alt key while selecting the first point.


If the starting and ending points are at the same position, you can press the Alt key while clicking the ending point if necessary.


[3] Shapes that work well as quadratic Bezier curves

I will introduce some figures you can draw using the quadratic Bezier curve. Try using the quadratic Bezier tool to make these shapes.


・ Stretched Balloon

This inverted curve shape looks like a speech balloon for shouting. With the quadratic Bezier curve tool, you can quickly create this kind of shape.


・ Complex shapes with round corners

You can use the [Rectangle] tool with [Roundness of corner] turned on to create rectangles with round corners. However, the quadratic Bezier is suitable for creating more complex shapes with round corners.


Use three points to make a curve as in the following figure: Click just before the corner while holding the Alt key, click the point of the corner directly, then click just after the corner while holding the Alt key.


Prepare a rough sketch before drawing a complex shape like this star.

Draw while thinking about the starting point and the ending point of the curve.


[4] Editing on a vector layer

If you draw the line on a vector layer, you can use the [Operation] tool > [Object] to drag the direction points to change the shape of the curve afterwards.


Note: For details on vector layers, refer to the following article.

https://tips.clip-studio.com/en-us/articles/532


When you select a vector layer using the [Object] tool, the [Tool Property] palette will switch to the following.


To change the curve of a drawn quadratic Bezier line, go to [Mode] and choose either [Control point and scale/rotate] or [Move control point].


Click and select the drawn vector line using the [Object] tool to display the direction points.

Drag the direction points to adjust the curve.


When you select the drawn line using the [Object] tool, a guideline will show around the line.

You can drag the pointer on the guideline to move the line.

In addition, you can drag the upper control point (blue circle) to change the angle.

You can also use [Copy] and [Paste] while selecting the line to duplicate it.


However, you cannot manipulate the line like if it is drawn on a raster layer.

Make sure to draw on a vector layer if you want to edit the curve.


Note:The operation handle design has been changed from Ver. 1.9.1
The current course uses screenshots from Ver. 1.9.0 or earlier.


[5] Create as a ruler

You can also create a quadratic Bezier lines with the [Ruler] tool.

Go to [Figure] tool > [Create ruler] and select the [Curve ruler].

In the [Tool Property] palette, choose the [Quadratic Bezier] icon in the [Curve] option to create a ruler for a quadratic Bezier curve.

Note: The [Continuous curve] sub tool doesn’t exist as a ruler, but you can draw a continuous curve with the [Curve ruler].


You can use the [Object] sub tool to edit the line afterwards in the same way as continuous curves drawn on vector layers.


The advantage of making a curve with the ruler is that you can draw a curve using any tool you want afterwards.

This technique is useful when you want to express the width or color of the line with the [Pencil], [Brush], or [Watercolor] tool instead of the [Pen] tool.


Hint: Snapping the curve ruler to grids

When you create a ruler using the [Curve ruler], by default it does not snap to grids.


Click the display [Sub Tool Detail] button at the bottom right of the [Tool Property] palette to open [Sub Tool Detail] palette. Then go to the [Correction] category and turn on [Able to snap] to make the ruler tool snap to grids.

Comment

Related articles

New

New Official Articles