Skip to content
SynthMockOpen editor

A practical guide · Motion

Animate a closed-to-open Duo reveal

Set physical Fold endpoints, pair the cover and inner designs, use a readable easing curve, and inspect the complete two-screen transition.

Partially folded Night Sky iPhone Duo with illuminated metal edges in a dark studio
A native Duo motion example illustrates the folding device in motion.

The strongest fold reveal connects a compact cover state with a meaningful expanded view. Build the screen story first, then animate the physical opening around it.

Try it in SynthMock

Start with a Duo scene.

Use a reusable template as your starting point, then apply the choices in this article.

A paid plan is required to use templates and export.

Give the opening something to reveal

Use separate artwork for the small outer and large inner displays. For example, the cover can show a selected item while the inner display reveals its editing workspace. The relationship between those views makes the motion easier to understand.

Inspect Fold at 0° and 180° before animating. Both sources should be correct at the endpoints, with no baked-in margins or missing interface details. Keep the finish and background consistent while setting up the reveal.

Set the effect’s physical endpoints

Select the effect range for the shot and read whether Start or End is active. The Fold control changes the physical pose; the separate Fold animation switch changes the screen treatment during that pose change.

  1. Select Start and set Fold to 0° for a closed opening frame.
  2. Choose a camera angle that clearly presents the cover.
  3. Select End and set Fold to 180°, or a deliberate partial destination if that better serves the scene.
  4. Reframe the ending camera so the wider inner display fits.
  5. Choose an easing curve, such as Expo Out or In Out, and preview the reveal.
  6. Scrub intermediate poses to check the hinge, screen visibility and frame boundaries.

Leave time for the inner layout

The reveal is not finished when the hinge reaches its endpoint. The viewer still needs to recognize what is on the larger screen. Adjust the shot duration or following hold so that the app’s main feature gets a readable moment.

If the display softens during the opening, compare Fold animation on and off at the same frame. That is an optical choice, not a replacement for changing Fold. If the device leaves the canvas halfway through, reframe the camera path rather than fixing only the final still. Review the exported MP4 after the whole move is settled.

See a Duo sequence in motion

A 14.85-second Duo animation exported from SynthMock, showing the cover, hinge and open display with the default artwork. Silent video.

Final pass

Before you call it finished

  • The cover and inner designs form a coherent reveal.
  • Physical Fold endpoints and optical treatment are intentional.
  • The complete move fits the frame and leaves a readable result.

Make the next version yours.

Explore Duo templates