Static editor · Media · 2 min read

Crop, rotate and scale media

Zoom in on your design, move it inside the screen, and turn it a quarter turn, all from the Adjust media window.

Open Adjust media

Add your design to a screen with the + on the mockup. Adjust media opens right after the upload. To open it again later, point at the thumbnail in Media and click the pencil. This example uses a laptop scene with one screen.

The Adjust media window with the design preview, the rotate buttons and the Scale field set to 100%The Adjust media window with the design preview, the rotate buttons and the Scale field set to 100%
The Crop tab, the first of the three icon tabs, is selected.

Scale the design

Type a number in the Scale field and press Enter, for example 150. The design grows inside the preview, and the outlined frame shows the part that stays on the screen.

The preview with Scale set to 150% and the outlined frame cutting the designThe preview with Scale set to 150% and the outlined frame cutting the design
At 150% the design is larger than the screen frame.

Move the design

Drag the design in the preview to choose which part stays inside the frame. At 100% the design already fills the frame, so there is nothing to move until you scale up.

The preview after dragging the design so the sun sits in the upper right of the frameThe preview after dragging the design so the sun sits in the upper right of the frame
Drag the preview to reposition the crop.

Rotate the design

Click Rotate right or Rotate left to turn the design a quarter turn. The Scale field goes back to 100 after a turn.

The preview with the design turned a quarter turn and Scale back at 100%The preview with the design turned a quarter turn and Scale back at 100%
Each click turns the design by a quarter turn.

Close and review

Close Adjust media with the × button and check the screen on the mockup.

The laptop screen showing the turned designThe laptop screen showing the turned design
The screen shows your turned design.

Questions

How do I zoom in on my design?

Type a number in the Scale field and press Enter, for example 150. The design grows inside the preview, and the outlined frame shows the part that stays on the screen.

Why can’t I move my design?

At 100% the design already fills the frame, so there is nothing to move until you scale up.

How do I rotate the design?

Click Rotate right or Rotate left. Each click turns the design a quarter turn.

Why did Scale go back to 100 after I rotated?

A turn resets Scale to 100. Rotate first, then scale and move the design.

How do I open Adjust media again later?

Point at the thumbnail in the Media section and click the pencil.

Try it in the Static mockup editor

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

Open editor