Static editor · Media · 2 min read

Add designs to several screens

Put a different design on each screen of a mockup, replace one later, or take a design off to bring back the empty screen.

Click the first +

Some scenes have more than one screen. The Media section in the right panel shows one tile per screen, each with a +. Click the first + in Media, or the + on the matching screen in the canvas. This example uses the envelope mockup with two screens.

The Add your design prompt with an Upload File button and the aspect ratio 2545×1799 over the envelope mockupThe Add your design prompt with an Upload File button and the aspect ratio 2545×1799 over the envelope mockup
The prompt shows the proportions of this screen.

Upload your design

Click Upload File and choose an image or a video. Adjust media opens with a preview. When the placement looks right, close it with the × button.

The Adjust media window with the design preview, the Replace Image or Video button and the Scale fieldThe Adjust media window with the design preview, the Replace Image or Video button and the Scale field
Close Adjust media with the × button.

Fill the second screen

Click the + in the second tile, or the + on the second screen. Upload a different design and close Adjust media again. Both tiles in Media now show a thumbnail.

The Add your design prompt for the second screen with the aspect ratio 3630×1376The Add your design prompt for the second screen with the aspect ratio 3630×1376
The second screen has its own proportions.
The envelope mockup with a different design on each screen and two thumbnails in the Media sectionThe envelope mockup with a different design on each screen and two thumbnails in the Media section
Each screen now carries its own design.

Replace one design

Point at a thumbnail in Media. A pencil and a × appear on it. Click the pencil to open Adjust media, then click Replace Image or Video and choose another file. The other screen keeps its design.

The first Media thumbnail with a pencil and a × button on itThe first Media thumbnail with a pencil and a × button on it
The pencil and the × show when you point at a thumbnail.
Adjust media showing the new design after Replace Image or VideoAdjust media showing the new design after Replace Image or Video
The new design replaces the old one on that screen only.

Take a design off

Point at a thumbnail and click its ×. The tile shows + again and the screen goes back to the scene’s own look, ready for a new design.

The second Media thumbnail with the pencil and × buttons visibleThe second Media thumbnail with the pencil and × buttons visible
Click × on the design you want to remove.
The second tile shows + again and the second screen is back to its plain lookThe second tile shows + again and the second screen is back to its plain look
The first screen keeps its design.

Questions

How do I know how many screens a mockup has?

The Media section in the right panel shows one tile per screen, each with a +.

Can I put a video on one of the screens?

Yes. Upload File accepts an image or a video.

How do I replace the design on one screen?

Point at its thumbnail in Media and click the pencil to open Adjust media. Then click Replace Image or Video and choose another file. The other screen keeps its design.

How do I take a design off a screen?

Point at the thumbnail and click its ×. The tile shows + again and the screen goes back to the scene’s own look.

Do all screens have the same proportions?

No. Each screen shows its own aspect ratio in the prompt. In this envelope scene the first reads 2545×1799 and the second 3630×1376, so prepare a separate image for each.

Try it in the Static mockup editor

Photo mockups in the browser: drop a design in, export a picture.

Open editor