Drawing Curves

Drawing Curves

In VectorStyler, a shape is a sequence of lines and curves making up an open or closed form that can be filled or outlined. When in its basic form (curves and lines) the shape is also called a path. A path can be edited using the node tool, by changing the location of nodes (endpoints of curves and lines), by dragging the handles of curve tangent segments, or by dragging the curves to change their shape.

A curve segment type can be (A) quadratic or (B) cubic.

In VectorStyler a path may contain a mix of quadratic and cubic curves (as well as straight lines). The quadratic curves have a single tangent control node, while the cubic curves have two. Quadratic curves are used for example in some (but not all) types of TrueType and OpenType fonts. When converting a text shape using such a font to curves, the resulting paths will contain quadratic curve segments.

Shapes can also be generated from various geometric primitives, where the parameters of these primitives remain editable. In these cases, instead of editing a sequence of lines and curves, the shape is edited by changing the parameters of the geometric primitives. To obtain a path from a geometric primitive, use the Convert to Curves command. After converting to curves, the lines and curves making up the geometric primitives are revealed and become editable, but the parameter of the primitive are discarded.

Shapes can be created by drawing lines or curve segments, or by using the pencil tool to paint a shape.

The Line Tool

The Line Tool is used to draw one or more objects consisting of lines only. The tool can be used to draw single lines, or a closed or open shape containing a sequence of lines.

Drawing a shape containing a sequence of lines.

To draw the line, press the mouse at the location of the starting point. If snapping is enabled, the selected snapping options will apply to precisely position the line ends. Hold the mouse and drag the line end to the desired location. When the mouse is released, a new object with a shape consisting of a single line is created. The outline attributes of this shape are the same as the previously selected object outline attributes, or the current settings in the stroke panel.

The start of the line is indicated with an arrow node, while the end is a circle. To continue adding lines to the existing shape, press the mouse at the end of the line and drag the mouse to a new line ending location. This will connect a new line to the existing shape, without creating a new object.

While drawing lines, the Shift key can be used to constrain the line angle to increments of 5 degree (changeable in preferences). Holding the Shift key before starting a new line and clicking will add the line to the selected open shape, even if not clicked at the last node. The shape consisting of lines can be closed by dragging the end of the last line close to the starting point.

While drawing lines, various snapping options may apply, positioning the line ends precisely. If the guideline snapping is enabled, the angle of the line can be restricted to be parallel or perpendicular to existing guidelines (even if not close to the drawing location), if the angle is close to the parallel or perpendicular angles.

The Pen Tool

The Pen Tool is used to draw one or more objects with shapes consisting of curves (quadratic or cubic) and lines. The Pen tool is used for example to manually trace image contours (if Image Trace is not suitable) or to manually create special shapes. The resulting shape will be a path that can be edited using the Node tool.

Drawing a shape with the pen tool.

To draw a path, press the mouse at the location of the starting point. Drag the mouse to draw the first tangent node. By default, the pen tool will draw cubic curves. This can be changed using the Shift and Control keys to quadratic curves or lines. To continue to draw the path, press the mouse at the ending location of the curve segment and drag the second tangent node. New curve of line segments can be added to the path by pressing the mouse to the ending location of the new segment and dragging the tangent node.

To draw a quadratic curve segment, first press the mouse at the ending location of the segment, and then hold the Shift key while dragging the tangent node. This will create a quadratic segment, with a single tangent node.

There are two modes to draw a line segment using the pen tool. The first mode is to just click at the ending location (releasing the mouse). This will add a line segment between the location and the last point of the path.The second mode is to press the mouse at a location and then press and hold the Control key. Dragging the mouse while the Control key is held will add a line segment to the path.

The various active snapping options will apply while drawing curve segments of a path. This includes the parallel and perpendicular angles to existing guidelines, if the guideline snapping is enabled.

An existing object consisting of an open path can be extended using the pen tool, by selecting the object, selecting the pen tool, and continuing the drawing process as described earlier.

The Pencil Tool

The Pencil tool can be used to draw open or closed paths in a similar way as drawing freely with a pencil. As the pencil is dragged across the canvas, a set of point locations are collected. When the pencil is released, these locations are approximated as close as possible, using as few as possible cubic curve segments. The precision and smoothness of approximating the points using curve segments can be set in the application preferences, or in the properties panel.

To draw paths using the Pencil tool, press the mouse (or stylus for tablets) at the starting location and drag according to the desired shape. The drawing will be indicated using a thin line. When the mouse is released, the new shape is created by approximating the drawing using the current smoothness settings.

It is also possible to include lines into the drawing. At any moment while drawing, hold the Control key and drag the mouse. Instead of drawing along the locations, a line is drawn from the point of pressing the Control key to the current point. After releasing the Control key, the free shape drawing mode will continue.

Pressure Sensitive Pencil Tool

Painting with the pressure sensitive pencil tool.

The Pressure Pencil tool can be used to paint variable width outlines using a pressure sensitive tablet. To properly use the pressure sensitive pencil tool, a pressure sensitive tablet with a stylus is required.

The pressure sensitive pencil tool works in a same way as the pencil tool. To draw a path, press at the starting location and drag the stylus across the canvas to paint the desired shape. While drawing with the tool, the varying pressure applied by the stylus on the tablet is translated into a variable width stroke profile. The variable width profile can be freely changed later using the variable width tool.

Shapes created using the pressure sensitive pencil tool will be freely editable vector shapes, using as small number of curve segments and width profile nodes as possible. The resulting object will be a simple path object with a stroke style having a variable width profile. This profile can also be adjusted from the profile field of the stroke panel.

Options of the pressure sensitive pencil tool.

The width and calligraphic shape of the resulting outline stroke option can be set before drawing using the tool options view. To open the tool options view, double click on the tool icon. The tool options view will contain the settings available for the width paint brush tool.

  • Size - Set the size of the brush tip. This will be the size used for maximum pressure.
  • Scale and Angle - Set the calligraphic nib shape of the brush. This nib shape is combined with the variable width profile created from the stylus pressure.
  • Change - Set the amount of brush size change using the { and } keys.
  • Smoothness - Set smoothness of the resulting path. The path is created by approximating the locations traversed by the brush paint using the minimum number of curve segments.
  • Fidelity - Set fidelity of the variable width profile. Lower values result in more precise but complex profiles, while higher values will result is less profile nodes.
  • Pressure - Edit simulated stylus pressure options. The stylus pressure can be simulated by varying the speed of the mouse while panting with the pressure sensitive tool.