freemockup.video
All guides

Tutorial: Turn an iPhone Recording Into a Mockup Video

Follow the Free iPhone 15 Pro workflow: prepare a portrait recording, fit the screen, choose motion, and test your MP4 export.

Record one short portrait interaction, select iPhone 15 Pro in Device, and add your file through Media. Check the crop before choosing an animation. Render an HD MP4 test with a scene background, then export the final version up to 4K.

1. Record a single task

For a habit app, record checking off a habit and the resulting progress change. For a shop, show one product being added to the basket. Stop once the result is clear. Use a portrait screen recording and turn off notifications before capture.

2. Choose the Free iPhone

Open Device and select iPhone 15 Pro. Other iPhones in the catalog are Pro devices; choosing a locked device opens the upgrade flow. You can finish this tutorial with the Free iPhone.

3. Add and fit the screen

Open Media or drag the recording into the editor. Wait until the video has loaded, then look at the top and bottom of the display. If the recording is cropped too heavily, check its original aspect ratio before trying to compensate with scene movement.

4. Use movement that leaves time to read

Open Animations and preview a guided preset. Choose a view that brings the display toward the viewer while the important interaction happens. A dramatic turn is useful only if the result stays visible long enough to understand.

5. Export and inspect the file

Open Export, select HD and keep Background set to Scene. Leave the export tab open until the download is ready. Watch the downloaded MP4, including its first and last frames. If it is correct, repeat at 4K when needed.

If the preview or export fails

Try a short MP4 or a PNG screenshot to separate a media problem from a scene problem. Reduce the export resolution and close other memory-heavy tabs. See the Free help page for troubleshooting before rebuilding the whole scene.

Made with freemockup.video · Pro example

An iPhone app in motion

An existing Pro scene from our examples gallery. The device turns around the uploaded interface; the background and lighting are part of the scene. The Free editor uses iPhone 15 Pro with guided animations instead of this Pro template. Open video · More examples
Add your screen. Drop a screenshot or short recording into Media. Use a portrait recording for iPhone and a wide recording for MacBook.
Set the composition. Choose the device, background, and animation. Preview the whole movement to check that labels stay readable.
Test the export. Choose HD for a quick MP4 test. Watch that file before spending time on the final 4K export.

Questions before you start

Can I do this without Pro?

Yes, with iPhone 15 Pro, guided animations, and an MP4 with a scene background. The Pro video example uses a different scene and is not a promised Free template.

Which format should I use for social media?

Compose for the destination: a vertical frame for a vertical feed, or a landscape frame for a website. Preview the final crop and text size before posting.