Open Editor All Docs

The editor supports multi-layer drawing. Separating elements (like cursor outlines, details, highlights, or secondary shapes) onto individual transparent layers lets you paint, modify, or animate without affecting other parts of your artwork.

Layers panel floatable interface

Layers Toolbar & Actions

The Layers Panel floats on your workspace. Its top deck houses the common layer actions:

Add Layer

Creates a brand new, empty, completely transparent layer card on top of your current stack.

Duplicate Layer (Across Frames)

Copies the active layer's current-frame pixels to the same layer across every other frame. Use it when one layer should match across the whole animation before you start pose-specific edits.

Merge Down

Composites the active layer into the layer directly beneath it across every frame, using normal transparency blending, then removes the active layer. The action is undoable in one step, so no confirmation is shown.

Delete Layer

Deletes the highlighted layer card and its pixels from the cursor. You must keep at least one layer in your stack. Undo restores a deleted layer during the current editing session.

Layer Settings

Inside the layers card stack, each individual layer card includes functional controls:

Drag Handle

Represented by vertical dots. Click and drag this handle to physically shift the layer's vertical hierarchy, moving it forward (on top) or backward (underneath) other layers.

Visibility Toggle (Per-Frame)

Hides or shows the layer. In this editor, layer visibility is scoped to the active frame. Hiding a layer on Frame 2 does not hide it on Frame 1, enabling rich toggle-animations!

Lock Toggle

Protects the layer from accidental modifications. Locked layers cannot be painted on, erased, moved, merged, transformed, or deleted until unlocked.

Link Toggle (Linked Movement)

Links multiple layers together. When using the Move tool, all linked layers shift as a unified group, allowing you to reposition compound artwork perfectly.

How Layers & Frames Work in Tandem

In this editor, Layers and Frames are tightly coupled to let you build rich, multi-frame animations with surgical precision:

  • Independent Canvas States: Each timeline animation frame owns its own completely isolated copy of the layers stack. Modifying pixel artwork on a layer only affects that layer within the active frame, preventing accidental destruction of other poses.
  • Scoped Layer Visibility: Whether a layer is visible (visibility) is configured independently per frame. You can hide a glowing emblem layer on Frame 1 and show it on Frame 2 to create a pulsating animation without redraws!
  • Merge Across Frames: Merge Down works through the full document structure, compositing each frame's active layer into the layer beneath it so animated artwork stays aligned.
  • Cloned Duplication: When you duplicate a timeline frame, the editor deep-copies all of its layers, including individual transparency layers, locking, and movement configurations into the new frame.

Layer Geometry Transforms

The bottom of the Layers panel houses actions that alter the active layer's geometry:

  • Rotate 90° Left / Right: Click rotate_left or rotate_right to rotate the active layer.
  • Custom Angle: Input an exact degree (-180° to 180°), select the Crisp or Smooth Method, and click Preview. You must click Apply to commit or Cancel to discard before drawing is re-enabled.
  • Flip H / V: Click flip to instantly mirror the active layer horizontally or vertically.
  • Scale Layer: Input a percentage (10% to 400%) and select Crisp (nearest-neighbor) or Smooth (resampled) scaling to resize layer pixels.

Related Pages

Animation & Frames Construct moving cursor animations using timeline frames, set frame delay, loop, and onion-skin overlays. Multi Sizes and Hotspots Pick canvas sizes, add multi-size cursor artwork, and set the click point. Drawing Tools Use drawing tools, place pointer artwork, and test the real browser cursor in Live Preview.