3D Product Animation for Apps: 5 Camera Moves for a Launch Video
Apple’s product films almost never show a phone standing still. The lid opens as the camera comes down. The camera circles the device, pushes into the screen, then pulls away for the end card. That grammar is what makes 3D product animation feel expensive, and it applies just as well to an app as to hardware.
You don’t need a 3D artist for it. You need five standard shots and an editor that treats the camera as something you direct. Here’s an 18-second film made from two inputs: a Maps recording from the iOS Simulator and a screenshot of a web page.
Below, each shot appears twice: the real render from that film, and the template’s camera move running live in your browser. The live version is drawn by the same camera solver the Mac app uses, so drag its scrubber to see exactly how the move eases.
1. The opener
The opener sets the scene before anyone reads the screen. The device turns toward the viewer or, on a laptop, opens. Keep it short, two to three seconds, and let it end on the screen.
Template used: Open from Above. The lid opens as the camera swings down, and the lid and camera peak together.
Left: the render. Right: the same template, solved live.
Other openers: In-Hand Reveal (a phone tilted as if held, straightening to face you), Desk to Front, Back to Screen (start on the shell and swing round) and Crane Down for desktop displays.
2. The orbit
An orbit circles the device while the app plays. It proves the device is a real object with depth. Keep it to an arc rather than a full spin, because the screen has to stay readable for most of the move.
Template used: Signature Orbit. A restrained arc from the side to the front.
The render orbits an iPhone. The live preview shows the laptop version of the same template.
Calmer alternatives: Parallax Pass, a sideways move that adds depth without losing the screen, and Soft Drift or Micro Drift for long walkthroughs where the camera should barely move.
3. The push-in
The push-in moves the camera forward until the screen fills the frame. It’s the bridge from “here’s a phone” to “here’s the feature”, and after it the viewer is effectively watching your screen recording.
Template used: Establish to UI. Open on the whole product, then move in until the screen fills the frame.
Related moves: Lean In, where the phone leans toward the viewer as the camera closes in, and Vertical Sweep, which follows a long screen from top to bottom.
4. The title shot
Every launch video needs a moment for words. Park the device to one side and give the headline the other half of the frame. Don’t shrink the phone to fit text on top of it.
Template used: Title Space Right, with an animated title placed in the free area.
Titles in SmoothCapture can also sit behind a 3D device, so a headline can rise from behind the phone instead of being pasted over it. Title Space Left mirrors the layout.
5. The end card
The outro settles the device and leaves room for the last message: the app name, a tagline, a download link. Hold it for at least two seconds so people can read it.
Template used: End Card Pull. The camera drifts up and away until the device sits small.
For something more theatrical, Close the Lid rises as a MacBook lid swings shut, and Set Down lifts overhead as a phone settles onto the desk.
Close the Lid, live. Press play or drag the scrubber.
Timing: let the music decide
Camera moves look professional when they land on something: a beat, a cut, a tap in the app.
- Start moves on beats. Import your track and SmoothCapture marks its beats on the timeline, so you can snap each camera move to an accent.
- Ease every move. Real cameras speed up and slow down. Every template already eases in and out.
- Don’t move the camera and the UI at the same time for long. Let the screen change while the camera rests, then move again.
A 20-second film is usually opener → orbit → push-in into the demo → title → end card. That’s the film at the top of this page.
The lighting recipe
Good camera moves still look cheap on a flat render. These are the settings behind the film above, all available in the editor:
| Setting | Laptop shots | Phone shots |
|---|---|---|
| Scene | Brown Photostudio environment as the backdrop, rotated 111° | Blue Studio |
| Surface | Wood table | None |
| Depth of field | On, amount 0.5 | On, amount 0.5 |
| Device shadow | Strength 0.55, light from 95° at 81° elevation | Same |
| Screen reflection | 0.08 | 0.08 |
| Motion blur | On | On |
Depth of field keeps the screen tack-sharp while the room behind falls away. Motion blur makes fast moves streak like a real camera instead of stepping frame to frame.
Bonus moves: devices that open, and devices inside devices
Two reveals only work with devices that move. A MacBook lid can open while the camera swings down, and an iPhone Duo can unfold from its cover screen. You can also wrap a whole film inside another device and pull back to reveal it: a phone inside a MacBook inside a Studio Display, up to eight layers deep.
How the film was built
Each shot is one clip with a 3D device, one motion template and the lighting above:
- Opener: the web page screenshot on a MacBook Air (Midnight), Open from Above
- Orbit: the Simulator recording on an iPhone 18 Pro (Glacier), Signature Orbit
- Push-in: the same recording at Alcatraz, Establish to UI
- Title: a Maps screenshot, Title Space Right, with the title “Film it in real 3D.”
- End card: the web page again, End Card Pull, with the closing line
None of it was placed by hand. Claude Code built every shot through SmoothCapture’s MCP server, checked each one with rendered contact sheets, fixed what looked wrong and exported, then joined the five exports. The one exception is the wood table, which was switched on in each project’s settings file (agents can also set it with setEnvironment). The full session is in Claude Code video editing.
What it costs
Recording, editing, templates and every 3D feature are free to try. Exporting needs a license: $49 one-time for one Mac, or $10/month. See pricing.
FAQ
Is this 3D product animation or a mockup?
Both. The device is a real 3D model lit by an HDR environment, and the camera moves through 3D space. Your screen recording or screenshot plays on its screen. That’s the same technique as a hardware product film, applied to software.
Do I need Blender, Cinema 4D or After Effects?
No. The models, lighting and camera moves are built into SmoothCapture. You pick a device, apply a template and export. When you want control, every shot is editable: angle, distance, lens, lid and timing.
How is this different from Rotato?
Both put screens on 3D devices with camera moves. SmoothCapture is also a screen recorder and a multi-clip editor, so recording, 3D shots, titles, music and export happen in one app. See SmoothCapture vs Rotato.
Can I export with a transparent background?
Yes. Export ProRes 4444 with alpha to drop the animated device onto a website hero, a Keynote slide or into a motion design project.
Where do I start if I only have screenshots?
Drop one onto the editor. It opens on a 3D device with a camera move and zooms already in place. See 3D mockup generator for Mac.
Ready to create stunning app demos?
SmoothCapture makes it easy to record your screen with 3D device frames, cinematic cursor effects, and professional editing tools.
