How-to guide 13

How to make an app promo video in minutes.

A still mockup shows your app. A video sells it. With Protato you can create a cinematic promo video — camera orbits, screen recordings, text overlays, and smooth transitions — without opening a traditional video editor.

6 stepsiPhone & Mac

What you'll build

A 10-15 second app promo video with a camera orbit around your device, a screen recording playing on the display, and text callouts that fade in at key moments.

What you'll use

Animation mode toggle, timeline and keyframes, camera orbit, Add Clip for screen recordings, text editor with opacity keyframes, and video export.

Promo videos work on both iPhone and Mac. The timeline gives you more precision on Mac, but the iPhone workflow is identical. Open Protato and follow along.


Step 01

Plan your promo video storyboard.

A great promo video tells a story in 10-15 seconds. Sketch a simple storyboard before opening Protato. A classic structure:

  • 0-3s — Establish the scene: device centered, clean background, app name visible
  • 3-7s — Camera orbits to reveal the screen: device fills more of the frame
  • 7-12s — Screen recording plays on the device showing the key feature in action
  • 12-15s — Pull back to show the full device with a tagline overlay

Step 02

Set up your scene in Photo mode first.

Build your static mockup before entering animation mode. Pick a device, import your app screenshot or a frame from your screen recording, choose a background, and set the lighting.

Use a clean background style — a subtle gradient or solid color. Busy backgrounds are distracting in motion. The Studio lighting preset works well for video because it illuminates the device evenly from all angles.

Set your aspect ratio to 16:9 for widescreen promo videos or 9:16 for vertical social video. The 16:9 ratio is standard for App Store previews and YouTube.

Step 03

Switch to Animation mode and add keyframes.

Tap the Photo/Animation toggle in the toolbar to switch to Animation mode. The timeline appears at the bottom of the canvas.

Position the camera at your opening angle (slightly zoomed out, showing the full device). Tap Animate View to set the first keyframe at 0 seconds.

Move the playhead to 3 seconds. Orbit the camera closer to the device or to a different angle. Tap Animate View again. Protato creates a smooth transition between the two keyframes.

Continue adding keyframes every 3-5 seconds to build your camera path. Each keyframe captures both the camera position and device layout at that moment.

Step 04

Add a screen recording clip onto the device.

For the section where you want to show your app in action, use a screen recording instead of a static image. Record your app on your iPhone simulator or real device, then transfer the video to Protato.

On the timeline at the point where you want the video to start, tap Add Clip. Select your screen recording from Files or Photos. The video appears on the device screen and plays during that section of the timeline.

The screen recording automatically syncs to the timeline — trim the clip by dragging its edges on the timeline to match your desired duration.

Step 05

Add text overlays with fade transitions.

Text overlays in animation mode can fade in and out at specific points. Add a text element (your app name or tagline) at the beginning of the scene.

In the Layout tab, set Opacity to 0 at the start keyframe, then to 1 at a keyframe 0.5 seconds later. The text fades in smoothly. This works for any text element — headlines, feature labels, or CTAs.

For the ending call-to-action, add a text overlay that fades in during the last 2 seconds of the video. Keep it short: "Available now on the App Store" or "Get started free."

Step 06

Preview, refine, and export.

Tap Play to preview your full animation. Watch for awkward camera movements, text that appears too quickly, or screen recordings that don't sync properly.

Adjust timing by dragging keyframe diamonds left or right on the timeline. Use the timeline zoom slider to get a closer view of your keyframes for precise adjustments.

When you're happy with the preview, tap Export. Choose your resolution — 1080p is standard for most use cases, 1440p for premium quality. Do not close the app while rendering. When complete, save or share your promo video.


Continue

Take your video further.