Static editor · Media · 2 min read
Fit a design on a backdrop
Show your whole design on the screen with padding, rounded corners, a shadow and a wallpaper behind it.
Watch the steps
Switch to the backdrop tab, change Paddings and Round Corners, and pick a wallpaper.
Transcript
Adjust media is open on a laptop scene, with the design on the Crop tab.
Click the middle tab. Adjust Backdrop opens beside it, and the design sits on a wallpaper with space around it.
Drag in Paddings from 12 to 37 percent. The design gets smaller and more of the wallpaper shows.
Drag in Round Corners up to 10 percent. The design’s corners round off.
Click a pink and purple wallpaper under Preset. The backdrop behind the design changes.
Open Adjust media
Add your design to the screen, or point at its thumbnail in Media and click the pencil. Adjust media opens with three icon tabs under Replace Image or Video.
Switch to the backdrop tab
Click the middle tab, the one with a rounded rectangle. Adjust Backdrop opens beside Adjust media, and your design now sits on a wallpaper with space around it.
Set the padding
Drag in the Paddings field to change the space around your design, or type a percentage in the box next to it. Higher values show more of the wallpaper and a smaller design.
Round the corners
Drag in the Round Corners field or type a percentage to round the corners of your design.
Add a shadow
Drag in the Shadow field or type a percentage to put a shadow behind your design.
Choose a wallpaper
With Preset selected, click one of the wallpapers below the tabs. To use your own colors instead, click Custom.
Close and review
Close Adjust media with the × button and check the screen on the mockup.