Vertical Screen Recordings for TikTok, Reels & Shorts
TikTok, Reels and Shorts turned "product demo" into a vertical format, and screen recordings translate awkwardly: your screen is landscape, the destination is 9:16, and naive cropping amputates half the UI. But vertical demo clips demonstrably reach people the landing-page video never will — so here's how to make a horizontal recording work hard in a vertical frame.
The core move: canvas, not crop
Don't crop the recording to 9:16 — place the 16:9 recording on a 9:16 canvas. The recording sits in the middle at readable size, a designed background fills the rest, and captions live in the space below. Every polished vertical demo you've seen in a feed does this; the "background with a floating screen" look is the format.
In DemoReel: Scene tab → Canvas → 9:16. The recording re-frames instantly, backgrounds fill the frame, and the same project can flip back to 16:9 for YouTube — one edit, both deliverables.
Vertical-specific editing rules
- Zooms are mandatory, not decorative. A 16:9 recording inside a phone-width frame is small; every beat needs a punch-in so the action fills the width. Run auto-zoom, then tighten: scales that look aggressive on a monitor look right on a phone.
- Captions carry the video. Feeds autoplay muted, so the words on screen are the narration. Big captions — bump the size well past what you'd use for YouTube — positioned in the empty canvas, not over the UI.
- First second = payoff, not setup. Vertical feeds give you under a second before the swipe. Open on the most impressive state, then show how you got there.
- Length: 15–45 seconds. One feature, one payoff. Your 2-minute demo is four vertical clips, not one.
- Music at feed energy. A bed track matters more here than anywhere; keep it instrumental and let the platform's loudness normalization do its thing.
Export settings per platform
| Platform | Canvas | Length | Notes |
|---|---|---|---|
| TikTok | 9:16 | 15–60s | Burned-in captions outperform TikTok's own in reach tests |
| Instagram Reels | 9:16 | 15–90s | Keep critical content away from the bottom 25% — UI overlays it |
| YouTube Shorts | 9:16 | ≤3 min | Also surfaces on desktop; text can be slightly smaller |
| LinkedIn feed | 1:1 or 4:5 | 30–90s | Square outperforms vertical on desktop-heavy LinkedIn; DemoReel's 1:1 canvas covers it |
The one-edit, many-formats workflow
- Record once, landscape, native resolution.
- Do the real edit at 16:9 — trims, cuts, zooms, captions, music.
- Export 16:9 for YouTube/landing page.
- Switch canvas to 9:16, nudge caption size up, re-check each zoom fills the width, export again.
- Optionally once more at 1:1 for LinkedIn. Same project file, three platforms.