Videos

Zoom into a screenshot

A full screen screenshot in a video has a problem: the thing you are talking about is a small button somewhere in it. Marking a focus point solves that by turning one static picture into a small piece of choreography, a pointer arriving, a click landing, and the frame closing in on it.

Create a video with OneCraftExactly what a marked point plays back as, the two zoom levels, and where to set it
The Zoom in component tile, described as the camera diving into a spot on your image
Zoom in is a component you drop on a scene, and the camera moves into the spot you pick.

What a marked point plays as

Four things in sequence, over about a second and a half. A cursor glides across the picture to the point you marked. It clicks, at half a second in, and a white ripple ring expands from the spot and fades, with a second ripple following just after. Then the frame eases into that point, using an easing curve that decelerates rather than a linear move, so it settles rather than stopping. The transform origin is the point itself, so nothing else drifts.

Two zoom levels, plus off

No zoom keeps the whole screen in view, which is right when the layout of the page is what matters. Zoom in eases to one and a half times, the safe default for a normal control. Close-up eases to two point one times, described in the product as best for small buttons, and it is the one to use when the control is a checkbox or an icon rather than a labelled button. Choosing off removes the focus point entirely, cursor and all.

It works on any uploaded image, not just captures

Focus points started as a tutorial device but the review dialog offers them on every image you upload, whichever video type you are making. So a product photo can push into a detail, and a dashboard screenshot in a promo can drive into the number you are talking about. The point is stored as a fraction of the image rather than of the frame, so it stays on target when the picture is letterboxed or cropped into its slot.

The director builds around a marked point

In tutorial mode, an image with a marked point is flagged to the director as needing its own full screen step scene, because the camera zoom is automatic and a shared layout would fight it. It is also told to keep the same full screen layout for such a step rather than switching to something special, so consistency across steps survives the zoom.

How it works, in three steps

  1. Step 1

    Upload or capture the pictures

    Images land in a review dialog before they are used, one at a time, with the large picture on the right and the set listed on the left.

  2. Step 2

    Click the exact spot

    Click on the big picture where the action happens. Click again to move it. A dot marks the point so you can see what you set.

  3. Step 3

    Pick how far it goes in

    Zoom in for a normal control, Close-up for something small. The hint under each option says exactly that.

The full walkthrough with screenshots is in the guide Capture your screen and turn it into a tutorial video.

Limits worth knowing

Questions people ask

Can I turn the cursor off?

The cursor is part of the focus behaviour by default. Without it, the zoom starts earlier, at four tenths of a second, rather than waiting for the click.

Does it zoom on a photo as well as a screenshot?

Yes. The review dialog offers it on any uploaded image regardless of video type, so a detail on a product shot can be pushed into the same way.

What if the point ends up in the wrong place?

Click again on the big picture to move it. The point is stored as a fraction of the image, so it holds its position even when the image is fitted into a differently shaped slot.

Is this the same as the cursor scenes?

No. This is a property of an image. The cursor scene layouts are different, with a pointer that travels through several waypoints and can be aimed by dragging a handle on the preview.

Make your own video

The button opens the generator with this use case already described. Change the wording to match yours, generate, then edit anything you like.

Create a video with OneCraft

Related pages

More finished work of this kind is on the video examples hub.