Vectors

Flare allows you to create, edit, and animate vector graphics. Flare uses Shapes and Paths to define these.

Create Vectors

Create Menu

Use the Create Menu to add vector graphics to your file.

Procedural Shapes

The Shape menu allows you to create procedural shapes, such as rectangles and ellipses. These shapes have additional properties in the Inspector (e.g. Width, Height, Corner Radius, Star Points, and more). You can edit these properties at any time in Design mode.

Custom Shapes

The Pen tool allows you to draw a custom vector shape without using a predefined procedural shape.

Activate the Pen tool by finding it under the Create Tools menu or by using the V shortcut. Click on the stage to place vertices. Press and drag to create a vertex with bezier handles. When you are finished, click the Done Editing button or ESC on your keyboard.

Edit Vertices

To edit vector shapes, select a shape or a path and press the Edit Vertices button in the Inspector (or press the Enter key).

Once you enter the Edit Vertices mode you can add, delete, and reposition vertices. You can also change the vertex type from Straight, Mirrored, Detached, and Asymmetrical to adjust the bezier curves of the path. Vertices can also be connected to bones.

The Edit Vertices button appears in the Inspector

Procedural shapes have to be converted to paths before you can edit their vertices. This will cause the shape to lose its procedural properties (such as the number of points on a star) but it will allow you to manipulate vertices individually.

Procedural shapes must first be converted to paths