Charios
Docs/Build your character/Move, scale, rotate, and flip layers

Move, scale, rotate, and flip layers

The floating toolbar: nudge a layer, flip a wing, scale a sword, rotate a glove. With keyboard shortcuts.

Sprites attach to bones, but you can still nudge a sprite to fine-tune its position, scale a sword to be more menacing, flip a wing, or rotate a glove that landed crooked. The floating toolbar over the canvas is your main interface.

Selecting a layer

Click a sprite on the canvas or its row in the layer panel. The selection box appears around it; the floating toolbar slides up from the bottom edge of the canvas; the right rail shows transform controls under Properties.

Floating toolbar actions

  • Flip horizontal / vertical — mirror the sprite. Useful for a left-foot drawing reused as a right-foot.
  • Center — return the sprite's bone-local position to the bone anchor.
  • Reset rotation — set the layer's local rotation back to 0°.
  • Forward / Back — reorder within the bone (also + ] / + [).
  • Duplicate — copy the layer into the same bone (also + D).
  • Download — save the sprite as a PNG.
  • Hide / Lock — toggle visibility / lock state.
  • Delete — remove the layer.
  • More (the dark popover) — opacity slider plus the buttons that didn't fit on a narrow editor.

Dragging on the canvas

With a sprite selected, drag it around the canvas to nudge its bone-local position. Hold Shift while dragging to constrain to horizontal or vertical. Drag the rotation handle (top of the selection box) to rotate. Drag a corner to scale uniformly.

The Properties panel

When something is selected, the right rail shows numeric inputs for Position (x, y), Transform (scale, rotation), and Appearance (opacity). You'd type these in for precise alignment — for example, when you have a glove that needs to be at exactly 0° rotation regardless of how the wrist bone moves.

Position is bone-local

The position numbers you see are bone-local — relative to the bone's local frame, not scene pixels. This is intentional: when the bone rotates during animation, the sprite rotates with it, but its bone-local position stays the same. You'll usually only notice this if you go looking — for everyday editing, just drag.

Was this page helpful?