Layers

The Studio layer stack — adding, selecting, moving, aligning, grouping, hiding, locking, and deleting the elements on your canvas.

Everything on the Studio canvas is a layer. The rail on the left is the stack, drawn topmost first, and the settings rail on the right always belongs to whatever you have selected.

Adding a layer

ADD LAYER at the bottom of the left rail:

ButtonWhat lands on the canvas
LOGO/IMAGEA file picker, then your image as a placeable layer
ICONOpens a searchable icon library first
TEXTOne extra text line, styled to match your artist line
LYRICSThe lyrics layer and its timeline. If you already have one, this jumps to it
VISUALIZERAnother visualizer layer — you can stack more than one
AUDIO ANALYSISOpens the analysis-graph picker first
UI STATSOpens the UI STATS widget picker first: dials, panels, charts and strips that move with the music
PLAYHEADOpens the playhead-style picker first
TIMEROpens nine timer styles, including the reusable WORKOUT interval card

The five that open a picker replace the ADD grid with a style list in the same rail; click a style to place it, or click the same button again to close the picker without adding anything.

Add a text layer to an empty composition.

Selecting and moving

  • Click a row in the rail, or click the element on the preview, to select it.
  • Shift-click or Cmd/Ctrl-click additional layers to select several at once. Layers selected together move together.
  • Drag on the preview to move. Drag a corner of an image to scale it.
  • Every layer has POSITION X / Y, ROTATE, and OPACITY in its settings if you would rather type an exact value than drag.
Drag a selected layer directly on the preview.

Aligning

Select one or more layers and an alignment toolbar appears above the preview.

The alignment toolbar above the canvas

  • Align left · center horizontal · right
  • Align top · middle vertical · bottom
  • CENTER — center the selection on the canvas
  • Distribute horizontally · vertically — even the gaps across three or more layers
  • Group — keep the selection moving as one
  • Lock — hold the selection in place
Align the selected text, then center it on the canvas.

Hiding, locking and deleting

  • The eye hides a layer from the preview and the render, without losing its settings. Useful for trying a version without throwing anything away.
  • The padlock stops a layer being dragged or nudged. Locked layers still render.
  • DELETE LAYER at the bottom of a layer's settings removes it. Delete or Backspace deletes the current selection.
  • Undo (Ctrl/Cmd + Z) reverses any of it.
Hide, lock, delete and restore a layer.

Layer types at a glance

BadgeLayerDocumented in
IMGImage, logo, cover art, iconBrand
VIDVideo plateLook
VIZVisualizerThe visualizer layer
TXTTitle and artist, or an extra lineBrand
LYRTimed lyricsLyrics
AUDAudio analysis graphAnalysis layers
PLAYPlayheadAnalysis layers
TIMETimerAnalysis layers
UIUI STATS widgetAnalysis layers
Combine artwork, text, a visualizer, analysis, a playhead and a timer.

Starting over

RESET CANVAS at the bottom of the settings rail clears the composition back to the default layout. It does not touch saved projects — see Projects and templates.

Confirm Reset Canvas to restore the default layout.