Working with Images

Image layers can be placed anywhere on a slide, cropped, dimmed with overlays, and run through AI background removal. In template mode, image slots can also be tagged with b-roll labels so they auto-fill from your shoot list.

Adding an Image

Click Image in the left toolbar. The asset browser opens with three tabs: Library (your previously uploaded assets), Stock (the built-in stock library), and Upload (drag-and-drop or browse a new file). Pick a source and a new image layer is added to the canvas.

Once the layer exists, Object Fit in the properties panel controls how the image fills its box. The options are Cover (default, fills and crops), Contain (fits without cropping), and Fill (stretches to fit).

Replacing an Image

Select the image layer and click Replace in the right sidebar (the floating toolbar at the top of the canvas also has a Replace button). The asset browser re-opens — pick a new file and the layer keeps its position, size, and frame.

Cropping

With an image layer selected, click Crop in the right sidebar (or double-click the image). The canvas enters crop mode:

• Drag inside the frame to pan the image behind it.
• Drag the frame handles to resize the crop area.
• Scroll/pinch to zoom the image within the frame.
• Press Enter to confirm the crop.
• Press Escape (or click the dimmed area outside the canvas) to cancel.

Tip: Cropping is non-destructive — it stores a normalized rectangle on the layer, so you can re-crop or remove the crop later without re-uploading.

Overlay (Tint)

An overlay is a colored wash over the image, useful for making text on top legible. In the Overlay section of the image properties panel:

• Dark overlay — Black wash. Click to enable.
• Light overlay — White wash. Click to enable.
• When an overlay is enabled, an Opacity slider appears below.
• If the layer is on every slide, an Apply to All Slides button copies the overlay settings to matching layers on other slides.
• Click Remove to clear the overlay.

Remove Background

Select an image layer and click Remove BG on the floating toolbar (or the scissors icon in the right sidebar). The image is sent to the background-removal AI; once it returns, the layer is replaced with a transparent cutout.

Tip: Background removal works best for clear subjects (people, products, logos). Busy or low-contrast backgrounds may leave artifacts — re-run, or try a different source image.

Invert Colors

For solid-color stickers and silhouettes that disappear against a similarly colored slide, toggle Invert colors in the right sidebar (or the contrast icon on the floating toolbar). The image is redrawn with inverted RGB so a black sticker becomes white and vice versa.

Position, Size, and Rotation

Drag the layer to move it. Use the corner / side handles to resize. The Transform section in the right sidebar exposes exact values: X, Y, Width, Height, Rotation, and Opacity.

Border, Shadow, and Border Radius

Image layers also support an outer Border (width / color / opacity), a drop Shadow (color / blur / offset / opacity), and Border Radius (single value or per-corner, with quick presets for Square, Rounded, and Circle / pill).

Slide Background vs Image Layer

There are two distinct ways to put an image on a slide:

• Image layer — A free-floating image that can be moved, resized, cropped, rotated, and stacked with other content. Use this for product shots, hero imagery, and decorative elements.
• Slide background — Fills the slide and sits behind every layer. Click on the empty canvas (so nothing is selected) and the right sidebar shows slide settings: Background Color, Background Image (with its own Overlay controls), and Canvas Size.

B-Roll Labels on Images (template mode)

In template mode, image layers have a B-Roll Labels editor under Template Config. Tag a slot with one or more labels (e.g., "hero", "product-front") and the b-roll tools can later auto-fill that slot from your shoot list. See the b-roll article for the full workflow.