A Ambersprite
ENTRDEFRESITPTRUJA

Slices & 9-slice

A slice is a named rectangle over part of the sprite — used to mark UI panels, hit boxes, item icons and 9-slice regions for a game engine.

Slices drawn over a UI sprite
Slices drawn over a UI sprite

Create a slice#

  1. Select the Slice tool (enable it via Edit Tools if hidden).
  2. Drag a box on the canvas. A drag of at least 2 px makes a slice; a pure tap selects the top-most slice under the point instead.
  3. The slice appears as a cyan rectangle with its name.

The Select ▸ Add Slice command turns the current selection into a slice.

Slice options (tool rail ▸ Extra)#

OptionEffect
NameShown on the slice and in exports.
NINEMark the slice as 9-slice — drag the inner guides to set the non-stretching border, so the engine can scale the middle without distorting the corners.
PivotThe slice's origin point (drag the rose cross, or Center Pivot).
Delete SliceRemove it.
Clear All SlicesRemove every slice.

Exporting slices#

File ▸ Export ▸ Slices writes one PNG per slice (cropped to its rectangle), named by the slice. Slice data — rectangle, pivot, 9-slice borders — is also included in the sprite-sheet and Tiled exports.