Live Mockups · Background · 2 min read
Change the backdrop
Put a solid color behind your device, or tint the scene’s own backdrop, with a new layer in the Background panel.
Watch the steps
Add a layer in Background, type a hex color and set the opacity.
Transcript
A laptop sits on a dark gradient backdrop. Click the round Background swatch next to the 4:3 button.
The Background panel lists one layer, a Linear Gradient. Click Add layer.
A new black layer appears at the top at 20% opacity. Type 2B4C7E in its color field and press Enter.
Type 100 in its Opacity field and press Enter. The backdrop turns solid blue.
Open Background
In Live Mockups, click the round Background swatch next to the 4:3 button above the canvas. The panel lists the layers behind your device. In this scene there is one, a Linear Gradient.
Add a layer
Click Add layer. A new layer appears at the top of the list, in black at 20% opacity, so it sits in front of the scene’s own backdrop.
Type a hex color
Click the color field of the new layer, replace 000000 with your color, such as 2B4C7E, and press Enter. The swatch and the backdrop take the color, still see-through at 20%.
Set the opacity
Type 100 in the new layer’s Opacity field and press Enter to cover the old backdrop completely. Keep a lower number, such as 50, to let the original backdrop show through.
Check the result
Close the panel with its × button. The device now sits on your color.