Scrolling an image on the mockup display
Animate a tall screenshot on a device’s Screen Scroll track.
Animate a tall screenshot directly, so you can reveal a long page without recording a manual scroll.
Set up the image
- Select the device and import the original tall screenshot into Screen.
- Find Scroll in the selected device's screen controls.
- Adjust it to choose the first part of the page to show.
Keep the original image as a still. You do not need to slice it into separate images or make a video first.
Animate the scroll
- Move the playhead to the start of the scroll.
- Use Add screen scroll in the device group's timeline add menu.
- Select the starting edge of the scroll block and set the first scroll position.
- Select the ending edge and set the final position.
- Adjust the block's length and easing, then play it.
The Screen Scroll track is independent of camera motion and device movement. Leave space before the scroll if viewers need time to read the top of the page.
Check the framing
Scrub through the scroll and check the first and last lines you want to show. If no scroll range is available, check whether the image is actually taller than the display after fitting.