Artboard

Learn the basics of working with artboards in Flare.

An artboard is the the top level node of the hierarchy, which allows you to define the dimensions and background color of a scene. You can create an infinite amount of artboards on the stage, but each Flare file has at least one artboard.

Artboards can save time and allow you to keep all your artwork and animations for a project in one file. For example, you can create a different artboard for every graphic and icon in your mobile app. Each graphic can have its own dimensions and animations. Everything exports to a single file, so it's easy to integrate with your mobile app or game.

Active Artboard

The artboard you are working on is the active artboard. It is highlighted with a magenta stroke.

Certain features (such as the Draw Order panel and the Animations panel) apply to the active artboard. For example, when you are in Animate mode, you will see animations for the active artboard.

To make an artboard active, simply click on it or any of its children (shapes, bones, nodes, or any other objects inside the artboard).

Artboards and the Select All shortcut

The Select All shortcut (Mac:CMD + A, Windows:Ctrl + A) will first select everything in the active artboard. If you use the shortcut again, then it will select everything in the project. If you already have an object selected, then it will first select all objects of that type (bones, shapes, images, etc).

Artboard Properties

Every artboard has various properties that can be changed in the Inspector. Some of the attributes that can be changed include an artboard's position relating to other artboards, and it's size, fill color, as well as the origin point.

Artboard properties in the inspector

Create Artboard

To create a new artboard, select the Artboard tool from the create menu, or press the A shortcut.