Live Mockups · Camera · 2 min read

Turn and zoom the mockup

Orbit the device with the Hand tool, scroll to zoom, slide the view, then reset it in one click.

Use the Hand tool

At the top of the canvas, the Hand tool sits next to Select (V). Hand is on by default, so you can start right away.

The tool buttons above the canvas, Select and Hand, with Hand highlightedThe tool buttons above the canvas, Select and Hand, with Hand highlighted
Hand is the highlighted tool.

Drag to turn

Drag across the canvas to turn the device and see it from another side.

The MacBook turned to the side after a drag on the canvasThe MacBook turned to the side after a drag on the canvas
Drag to turn the whole mockup.

Scroll to zoom

Scroll over the canvas to zoom in. Scroll the other way to zoom out.

The MacBook screen zoomed in so it fills most of the canvasThe MacBook screen zoomed in so it fills most of the canvas
Scroll to move closer to the device.

Slide the view

Hold Space and drag to slide the view sideways, without turning the device.

The zoomed MacBook moved across the canvas after holding Space and draggingThe zoomed MacBook moved across the canvas after holding Space and dragging
Hold Space and drag to move the view.

Reset the view

Once you move the camera, a Reset view button appears to the left of the 4:3 button. Click it to go back to the original view.

The Reset view button to the left of the 4:3 button above the canvasThe Reset view button to the left of the 4:3 button above the canvas
Reset view appears after you move the camera.
The MacBook back at its original angle and distance after Reset viewThe MacBook back at its original angle and distance after Reset view
One click returns the original view.

Questions

How do I zoom on a trackpad?

Pinch on the trackpad over the canvas. With a mouse, scroll over the canvas to zoom in and the other way to zoom out.

How do I move the view without turning the device?

Hold Space and drag across the canvas. The view slides sideways and the device keeps its angle.

How do I get back to the original view?

Click Reset view, to the left of the 4:3 button. It appears once you move the camera.

Do I need to pick a tool first?

No. The Hand tool is on by default in Live Mockups, so you can drag to turn the device right away.

Try it in the Live Mockups

Real 3D devices you turn, light and animate.

Open editor