Changing the mockup scene background

The background fills the canvas behind your devices and overlays.

Choose a background

Open Background in the scene controls. Choose a solid color, a gradient, an image, a video, a sky, an environment, or transparency.

For an image, choose the file and adjust its fitting. Fit preserves the whole image and can leave space around it. Fill crops to cover the canvas. Stretch changes proportions, so use it only when that distortion is intentional.

For a quick solid backdrop, keep Color, open Color presets, and choose a gray swatch.

Gradients and images

Use the gradient's colors and angle to create a quiet backdrop for your design. For an image background, adjust blur, saturation, and scale to keep the device easy to see.

Dragging media onto a device changes its screen. Drop onto the background or use the background's own file chooser when you want to change the scene behind it.

Use the environment as the background

Choose Environment to show the surrounding environment image in the scene. Rotate the camera to find a useful view. The environment can also contribute reflections and lighting; see environment backgrounds.

Export with no background

Choose Transparent and then export a PNG or an alpha-capable movie format. See transparent movies.