Vector Tools

Here are the Tools available when working on Vector Layers:

Tool

Description

../../_images/icon-pathdrawing.png

Path Drawing Tool to draw vector path on the canvas.

../../_images/icon-pathedit.png

Path Edit Tool to edit a path or a shape.

../../_images/icon-cut.png

Tool to create new vertices on a path or a shape.

../../_images/icon-shape.png

Primitive Shapes like circle or rectangle.

../../_images/icon-selection.png

Selection Tool to select vertices, paths or groups.

../../_images/icon-transform.png

Transform Tool to move, rotate and rescale objects and selections.

../../_images/icon-panzoom.png

Hand Tool to pan and zoom in / out your Scene.

../../_images/icon-push.png

Push Tool pushes vertices and move them.

../../_images/icon-smooth.png

Path Smooth Tool to make your path smoother or sharper.

../../_images/icon-stitch.png

Stitch Tool to stitch two paths together.

../../_images/icon-bucket.png

Paint Bucket to fill within a vector shape.

../../_images/icon-eraser.png

Eraser to erase a part of the path.

../../_images/icon-eyedropper.png

Eyedropper to pick up a color from the canvas.

../../_images/icon-grid.png

Grid warp.


Path Drawing Tool

Its shortcut is B.

../../_images/vector-pathdrawing.png

The Path Drawing Tool will be used to draw in vector. Every path added automatically belong to a native Scene as a Paint Group. All these Paths can be seen in the panel Vector Scene Tree View.

Using the Path Drawing Tool will display the following options in the Tool Options:

  • Color Mode: choose between a solid color from Color Modifiers panels or the Palette.

  • Brush: choose a style based on a Texture 2D to be applied on the path.

../../_images/vector-pathdrawing-brush.png

Select “None” if you prefer the classic penbrush style.

If you click on the triangle, you will be displayed more options:

../../_images/vector-pathdrawing-brush-options1.png
  • Color from Brush: use the original color from the Texture 2D.

../../_images/vector-pathdrawing-brush-options-color.gif
  • Bilinear Filtering: applies bilinear resampling method for a smoother result.

../../_images/vector-pathdrawing-brush-options-bilinear.gif
  • Extension mode: offers 3 different modes to choose the spacing of the brush applied on your stroke. “Path”” calculates the spacing based on the whole path (this is why the result changes while drawing) ; “Segment” calculates and applies a different spacing for each segment of the path ; “Adapt” applies regular adaptative spacing.

../../_images/vector-pathdrawing-brush-options-extension.gif
  • Revert: revert the orientation of the Texture 2D.

../../_images/vector-pathdrawing-brush-options-revert.gif

Note

At the moment, you cannot add your own brush / Texture 2D. This shall change in the near future.

  • Tracing Fidelity: Choose the fidelity of the path when drawing with a stylus. There are 5 modes: “Lowest”, “Low”, “Average”, “High” and “Highest”. Obviously, “Lowest” requires less calculations, creates less vertices and provides a lowest fidelity than Highest, which requires more calculations for a better fidelity due to a higher quantity of vertices.

../../_images/vector-pathdrawing-fidelity.gif
  • Radius: to change the radius size of the path (can also be found in the Top Bar).

  • Pressure Sensitive: enable or not the pressure from your graphic tablet.

  • Update Paint Groups: creates and updates Paint Groups, in order to easily use the Paint Bucket Tool.

  • Stitch: extend an existing path by adding new segments. You can switch this mode by using Shift.

../../_images/vector-pathdrawing-stitch.gif
  • Average Stitched Radius: finds the average pressure value between the two segments to be stitched.

  • Stiching Radius: to increase or decrease the radius of the circle of influence to allow two segments to be stitched together.

  • Snap: works a little like “Stitch”, but will add new paths in the Vector Scene Tree View instead of extending an existing path.


Path Edit Tool

Its shortcut is Shift+D.

../../_images/05_PathEditor_options.png

This tool allows you to modify path vertices, move, widen or delete them.

  • Move a vertex: This is the default behaviour. Select the path to be edited, then move the vertex represented with a green dot.

../../_images/vector-pathedit-move.gif
  • Edit Bezier curves: Hold Ctrl (Cmd on MacOS) to display the handles and change the vertex curve. Click on the vertex to activate (green handles) or inactivate (white handles) the alignment of the handles.

../../_images/vector-pathedit-bezier.gif
  • Add or delete a vertex: Hold Alt to either delete an existing vertex or add a new one in a segment.

../../_images/vector-pathedit-delete.gif
  • Widen: Hold Shift to widen the Path. This option will also depend from the option “Widen All Along”. When enabled, this tool will widen the entire path. When disabled, this tool widens one vertex and the neighboring segments.

../../_images/vector-pathedit-widen.gif

Primitive Shapes

Its shortcut is U.

../../_images/vector-primitive.png
  • Primitive Type: choose between ellipses, rectangles and lines.

  • Color Mode: choose between a solid color from the Color Modifiers panels or the Palette.

  • Brush: choose a style to your brush to be applied on the path (options are the same as the ones from the Path Drawing Tool)

../../_images/vector-pathdrawing-brush.png
  • Stroke Width: choose the size of the stroke.

  • Uniform: creates a primitive shape with a uniform proportion (ellipses become circles; rectangles become squares; lines will take the direction of the cardinal points). You can also hold Shift to activate the uniform mode.

../../_images/vector-primitive-shift.gif

Selection

Option

../../_images/vector-selection-shape.png

The Selection Tool will offer only one option in the Tool Options panel: the Selection Shape, where you can choose the Select Mode between Circle, Rectangle and Freehand (Lasso).

Note

Selection Tool is more like a “picking tool” than a tool to cut out zones or paths.

Object or Vertex

However, the Top Bar will give you the possibility to either work on objects or on vertices.

Object Selection Mode:

../../_images/vector-select-object.png

Vertex Selection Mode:

../../_images/vector-select-vertex.png

Hold the left click to select several vertices, which will turn them red:

../../_images/vector-select-vertices.gif

Note

Hold Ctrl to add a new selection to the active selection.

Hit Delete to delete a selected group (only works in Selection Mode “Object”).

Contextual Menu

Object

When using the Selection Tool in Object Mode, you can display more options with a right click on the canvas.

../../_images/vector-selection-object-rightclick.png
  • Reset View: Resets the position and zoom of the Scene (which was modified with the Vector Pan / Zoom Tool).

  • Make Paint Group: Turns a specific area into a Paint Group to be filled with the Paint Bucket.

  • Group: Groups paths and shapes to form one object.

  • Ungroup: Breaks the group made previously into separated paths and shapes.

  • Bring Forward: Brings the Selection above other elements from the Scene.

../../_images/vector-selection-object-rightclick-forward.png
  • Send Backward: Sends the Selection under other elements from the Scene.

../../_images/vector-selection-object-rightclick-backward.png
  • Delete Selection: Deletes the whole selection. You can also hit Delete to delete a selected group.

  • Flip Horizontal | Vertical: Flips the selection on the horizontal or vertical axis.

  • Clear Coloring: Clears the floodfill done with the Paint Bucket.

  • Apply Transformation: Applies transformations done with Transform Tool to a selected group, which resets values like Translation X & Y, Rotation and Scaling X & Y. To have more details about this values, please read the lesson about the panel Vector Scene Tree View.

Vertex

When using the Selection Tool in Vertex Mode, you can display more options with a right click on the canvas.

../../_images/vector-selection-vertex-rightclick.png
  • Delete Selection: delete a selection of vertices.

  • Align Point Selection: align the handles of a vertex

../../_images/vector-selection-vertex-align.gif
  • Unalign Point Selection: unalign the handles of a vertex (to be edited with Path Edit Tool)

  • Lock Point Selection: will lock the position of the selected vertices, so they will not be affected by the tools Transform or Grid.

  • Unlock Point Selection will unlock the locked vertices.


Transform

Its shortcut is Ctrl+T.

Options

../../_images/vector-transform-options.png
  • Picking Radius: To increase or decrease the radius of the circle of influence which allows to select handles.

  • Uniform: To rescale the selection uniformly. You can also toggle this mode by holding Shift.

  • World: Enable this mode to transform your selection according to the canvas (World). Disable it to transform your selection according to the selected object (will only work with a single shape or path, not on a group).

../../_images/vector-transform-world.gif

Object or Vertex

Using Transform in Object mode:

In Object Mode, Transform will affect objects that were selected beforehand. If no object was selected, depending on the context, Transform will either move a single path or shape detected, or the whole Scene if nothing else was detected.

../../_images/vector-transform-object-noselection.gif

Using Transform with selected vertices:

../../_images/vector-transform-vertices.gif

Using Transform

Use the green dots outside the Transform HUD and hold the click to resize the selection. Click in the middle of the selection and hold the click to move it around. Use the big green dot in the middle and hold the click to move the pivot for the rotation. Click outside the selection HUD to rotate the selection.

../../_images/vector-transform-basics.gif

Pan Scene Tool

Its shortcut is H.

Hold LMB to pan your Scene up, down, left and right.

Hold RMB with a mouse or RMB+LMB with a stylus and move to the right to zoom in or to the left to zoom out your Scene.

../../_images/vector-pan-zoom.gif

Push

Its shortcut is Shift+P.

  • Radius: To change the size of the circle of influence.

  • Restrict to Selection: Enable this option to affect selected objects.

../../_images/vector-push-restrict.gif

Path Smooth Tool

This tool can be used to either smooth sharp paths, or to sharp smooth paths.

  • Smoothing Mode: Sharp or Round

  • Picking Radius: Change the size of the circle of influence.

  • Preserve Handle Length: Preserve the length of the vertices’ handles.

  • Restrict to Selected Object: Apply the tool on selected objects when enabled.


Stitch

Its shortcut is =.

  • Picking Radius: To change the size of the circle of influence.

../../_images/vector-stitch.gif

Eraser

Its shortcut is E. Allows you to erase part of a path, and recreate vertices on either side of the erased part.

  • Split Path: when erasing, it splits the erased path into two paths.

  • Radius: size of the eraser.

Note

Hold Shift to delete large strokes and easily clean up your drawings.

../../_images/vector-eraser-shift.gif

Paint Bucket

Its shortcut is G. This tool detects areas with closed lines (which are outlined in red). Click on these areas to add a dot (which symbolizes the Paint Bucket) and fill in the area. The image below shows both a closed shape with a red circle and the Paint Bucket dots:

../../_images/vector-paintbucket-dots.png

Each dot can be moved with a click on it. If another closed area is detected, it will be filled in.

../../_images/vector-paintbucket-move.gif

If you make any change on the shapes, the Paint Bucket will adapt to the modification.

Note

If the Paint Bucket seems not to be working, it may come from the selection in the Vector Scene Tree View. Make sure you selected a Paint Group and not a path or a shape.

../../_images/vector-paintbucket-group.gif

Options

Propagate

When enabled, this option will propagate the floodfill beyond the closed area in red detected by the Paint Bucket.

../../_images/vector-paintbucket-propagate.gif

Color Mode

  • Solid Color: will use a color from the Wheel or the Sliders.

  • Linear Gradient: will display 2 color field in the Tool Options panel. Click on the default white rectangle to change the nuance. Use Ctrl to change the direction of the gradient.

../../_images/vector-bucket-gradient-linear.gif
  • Radial Gradient: will also display 2d color field in the Tool Options panel. Use Ctrl to change the spread.

../../_images/vector-bucket-gradient-radial.gif
  • Palette: use the color selected in a Palette.

Opacity

To lower the opacity of a Paint Bucket.

Picking Radius

Change the size of the circle of influence to move the Paint Bucket.

Contextual Menu

You can also display more options with a right click on the canvas.

../../_images/vector-paintbucket-rightclick.png
  • Delete Bucket: Deletes the Selected Bucket.

  • Propagate Bucket: Propagates the floodfill beyond the closed area.

  • Unpropagate Bucket: Limits the floodfill to the closed area.

  • Copy Bucket Param: Copies the settings of the Paint Bucket in order to paste this attributes to another existing Paint Bucket.

  • Paster Bucket Param: Paste the copied settings to replace the attributes of an existing Paint Bucket.

  • Bucket Properties: To check and modify the properties of the current Paint Bucket (color, opacity…).


Color Picker

Click on the Color picker to pick up a color from the canvas. Then, do not forget to select the Path Drawing Tool, the Paint Bucket or the Primitive Shapes Tool to use the color.

Note

If you have the focus on the canvas / viewport, hold I to toggle temporarily the color picker. If the canvas / viewport is not focus, this will not work.


Grid

Its shortcut is W. Grid is a warp tool to deform objects or selected vertices.

  • Divisions X | Y: To choose the number of divisions in the grid.

  • Radius: To change the size of the circle of influence when selecting a handle.

  • World: Enable this mode to deform your selection according to the canvas (World). Disable it to deform your selection according to the selected object. The difference makes more sens on rotated objects.

Note

You can use Shift to select several points from the grid. You can use Ctrl to manually select several points from the grid. Then, click anywhere else within the grid, without holding any key to warp the drawing.

../../_images/vector-grid-object-shift.gif