Layers
Put each character on its own layer: add, rename, colour, hide, lock, search and reorder.
A layer is a row of the timeline with its own figures and its own keys. Put each character on its own layer and you can change one character’s timing without touching the others. This page shows how to add, name, colour, hide, lock and reorder layers.
- A key on a layer remembers every figure on that layer. Two characters that should move at different times need two layers.
- The higher a layer is in the list, the more in front it is drawn.
- The eye hides a layer, the lock protects it. Right-click a layer’s name for everything else.
Why layers help
When you add a key, the app saves the pose of every figure on that layer at that frame. If Blue and Red share one layer, a key for Blue’s wave is also a key for Red, so you can’t delay only Red. Give Red a layer of their own and each row gets its own keys, holds and length.
Example: a fight between two characters, with a background. Put the background figures on a bottom layer and lock it. Put each fighter on their own layer above it. Now you can slide the second fighter’s reaction a few frames later without moving the first fighter or the background.
Pivot has one frame for the whole scene. A StykAnimate layer is like a separate Pivot timeline for some of your figures, all playing together.
Try the layer list
Three figures, each on its own layer, in the Advanced timeline. The tasks follow the sections below.
- Click a layer’s name to select it.
- Click a layer’s eye to hide it, then click again.
- Click a lock, then try to pose that figure.
- Double-click a name, type a new one, press Enter.
- Right-click a name → Layer color → pick a colour.
- Drag a name up or down to change who is in front.
- Click + above the names for a new layer.
On a phone the eye and lock are in the layer menu: press and hold a name.
Add, name, reorder and delete layers
- Add: click + next to Layers, at the top of the layer list in the Advanced timeline. A new layer appears at the top with its name ready to type. The small arrow beside + has the other kinds: a drawing layer and a folder.
- Name it: type a name and press Enter. Later, double-click the name, press F2, or right-click → Rename layer. Esc keeps the old name.
- Reorder: drag the name up or down. A line shows where it will land. Or right-click → Organize → Move layer up / Move layer down.
- Delete: right-click → Delete layer. Its figures and keys go with it; Ctrl+Z brings them back. The app doesn’t delete your last layer or a locked one.
Colour, hide and lock
| Control | What it does | To undo it |
|---|---|---|
| Layer color (right-click the name) | Colours the dot and a stripe beside the name, so you find the row fast. No color, Blue, Violet, Rose, Orange, Green or Teal. Your figures keep their own colours. | Choose No color. |
| Eye | Hides the layer’s figures on the stage. Its keys stay; you just can’t see or grab its figures. | Click the eye again. |
| Lock | Protects the layer: you can’t pose its figures or change its keys. You can still see it and select its row. | Click the lock again. |
Both are also in the layer menu, under Visibility and lock. Right-click the ruler for Show all layers on canvas and Unlock all layers.
Lock the background before you start posing. Then a stray click can’t move a tree when you meant to grab a hand.
Put a figure on a layer
- New figures: click a layer’s name first. Figures, text and pictures you add go into the selected layer.
- An existing figure: select it on the stage, then choose a layer in Properties → Arrange → Layer.
- Scrub the timeline and check both rows: the figure now follows the keys of its new layer.
Clicking a figure on the stage selects its layer’s row too. In the Simple timeline, the Layer button in the frame bar opens the same list, with the eyes, locks and New layer.
Find and focus layers
With many layers, two tools in the layer list keep it short. Neither one changes your animation or what the stage shows.
- Find: click the magnifier above the names, or press Ctrl+F with the timeline focused, and type part of a name. Only matching layers stay in the list (Camera and Scene always stay). Esc clears it.
- Focus: select the layers you are working on (Ctrl-click names to pick several), right-click → Focus → Focus this layer. The list shows only those layers until you click Show all layers.
- Focus and lock does the same and also locks every other layer for now, so you can only touch the ones you focused. Show all layers puts your own locks back as they were.
Frame edits only reach the layers you can see in the list. Clear Find or Focus before you select frames for the whole scene.
Folders
Right-click a layer → Organize → New folder, or select a few layers and choose Group selected layers in folder. Drop a layer onto a folder to add it; click the folder’s arrow to fold it away. A folder only tidies the list: it has no keys of its own and folding it doesn’t hide anything. Ungroup folder removes the folder and keeps its layers.
The Camera and Scene rows
Camera keeps the camera’s framing and Scene the background and scene settings. They are always the top two rows of the Advanced timeline, can’t be moved or deleted, and have their own keys like any layer. See Camera and Scene.
Drawing layers
Choose the arrow beside + → New drawing layer, or start painting in the Draw workspace. A drawing layer holds pictures instead of stick figures. Its keys hold their drawing until the next key; easing can’t blend one drawing into another. See Drawing.
Questions
I can select the row but I can’t pose the figure.
The layer is locked, or Focus and lock is on. Click its lock, or click Show all layers.
A layer vanished from the list but its figure is still on the stage.
Find or Focus is hiding the row, or it is in a folded folder. Clear the search, click Show all layers, or open the folder.
My character is behind the other one.
Drag its layer higher in the list. If both are on the same layer, use the figure’s Front and Back buttons in Properties instead.
Adding a key changed two characters.
They share a layer. Move one of them to its own layer (Properties → Arrange → Layer).
Next
Still stuck?
Ask the community, or tell us what’s missing from the docs.