Appearance
Object properties
Every kind of object, what its inspector holds, and what of it you can animate. Each row leads to the page that explains the object in full.
What every object has
Every object that sits on the artboard, whatever its kind, has:
| Property | Animate it | On the timeline |
|---|---|---|
| Position X, Y | Yes | Position |
| Scale X, Y | Yes | Scale |
| Rotation | Yes | Rotation |
| Opacity | Yes | Blend |
| Origin X, Y | Yes | Origin |
| Name, visibility, lock | No | |
| Custom properties you add | Yes | Custom Properties |
Rows can also be bound to a view model property with the data glyph beside the diamond, so the data sets them on air. See Transform and origin for how position, scale, rotation and origin work together.
Per kind of object
| Object | Its inspector adds | You can also animate |
|---|---|---|
| Shape — rectangle, ellipse, triangle, polygon, star | The path (size, corners, points), fills and strokes, clipping, draw order, constraints | Size; Path: corner radius, number of points, inner radius; each fill's and stroke's colour, width and trim |
| Path — drawn with the pen | Its points and their handles | Each Vertex |
| Group | Style on the stage, Solo, nine-slicing | Solo: which child is shown; N-slicing stops |
| Text | The text, the type, how the box behaves, runs, background box, modifiers | Text: its words and its size; run and modifier values |
| Image | Picture or slot, fit and align, deform (mesh, nine-slicing) | Image: fit, align, filter, wrap; Texture mapping; each Mesh vertex |
| Layout | Size, flex, alignment, padding and gaps, fills, clipping, slanted ends | Layout: display, direction, wrap, sizing, alignment, animation time |
| Artboard | Size, background, data, safe areas, what it is for | Its size, position and origin |
| Artboard list | Its items, the row artboards, row size | Only what every object has |
| Component — a nested artboard | Which artboard, its data, its inputs, how it plays | Component: the inputs it exposes |
| Bone | Length, and the shapes bound to it | Its rotation and scale, which bend what is bound |
| Joystick | Its two axes and the timelines they drive | Its handle's X and Y |
| Event | Type, URL, its properties | Event: the moment it is reported |
| Scripted object | The script, and the inputs it reads | Its inputs |
| Property group | Custom properties only | Its custom properties |
Draw order can be keyed too: which object is in front can change over a timeline. See Timeline.
Finding a property's row
- In the inspector, in Animate mode, a row with a diamond can be animated. The data glyph beside it binds the row to data. See The diamond, and the data glyph.
- On the timeline, keyed properties are grouped under the names in the right-hand column above: Position, Fill 1, Stroke 2, Mesh vertex 12.