Animate a folding device

Choose a folding model such as iPhone Duo to create an opening reveal.

Set up the screens

Select the device and choose a display in Screen. Add the artwork for that display, then repeat for its other display. Check each screen in the pose you plan to show.

Try an opening

Select the device, hover the separate rotation ring near the end of its fold axis, and drag. The ring highlights on hover and stops at the model’s fold limits. It stays clear of the device movement controls and leaves your camera angle unchanged. Drag sensitivity stays the same as you zoom in or out.

You can also set the opening in the inspector.

Animate the fold

1. Set the device's initial opening and move the playhead to where the fold should begin.
2. Use the device's timeline add menu to add fold rotation. Its group expands, and the new ending keyframe is revealed and selected.
3. Adjust Rotation in the focused sidebar to set the final opening. Both endpoints initially keep the current angle, so adding the block alone does not create motion.
4. Preview the fold. Select the block's body to adjust timing and easing, or click its starting diamond to change the initial opening.

In Manual mode, select an edge to edit its keyframe. With a fold animation already present and no edge selected, dragging previews the opening without changing the animation. Moving the playhead restores the animated pose.

The device's movement, fold, and screen contents use separate tracks. This lets you start the screen recording after the reveal or keep the hardware still while it opens.

Where available, use device poses as starting points. Their availability depends on the build and model.

Rendered examples of the result.