Back to Academy

The canvas

The Raylight editor with a scene open on the canvas, layers, and timeline.

The canvas is where you arrange your layers. It looks flat, like a design tool, but every layer sits at a real depth in 3D. That depth is what the camera moves through later.

Move around

  • Pan: scroll, hold Space, or press H for the Hand tool.
  • Zoom: ⌘ Scroll or pinch.
  • The bright frame in the middle is what exports. Everything around it is off-screen room to work.

The tools

The toolbar floats at the bottom of the canvas.

  • V Select: the default. Drag to move a layer. A tilted layer slides along its own plane and stays in its row.
  • G Move: drag in plain screen space, ignoring tilt. For precise or edge-on moves.
  • Y Tilt: drag a layer to angle it in 3D.
  • H Hand: drag to pan.
  • T Text, I Image, R O L Shapes: click to place a default size, or drag to size it.

Add layers

  • Drop an image or video. It lands flat and fits the frame.
  • Paste from Figma. Use Copy as SVG in Figma; text, shapes, and layers arrive separate and editable.
  • Draw it. Text and shapes straight on the canvas.

Line things up

  • Nudge: arrow keys. Hold for bigger steps.
  • Snap: layers snap to each other and to the frame as you drag.
  • Restack: ] and [ move a layer forward and back. Add to send it all the way.
  • Deep select: ⌘ Click grabs a layer sitting behind another.

Turn edits into animation

Most edits change how a layer sits at rest. Switch on the Animate tool with ⇧ A and the same edits become motion: each one is saved as a block ending at the playhead. Outside that tool, nothing records.