Putting an app on a phone screen in video: live, overlay, tracked or keyed
Before you open an editor, ask whether the content can simply run on the phone. This guide ranks the routes by how much work they save: film it live, drop a PNG frame over a recording, track a dark screen, or key green as the last resort.
Published: · Last reviewed:
One question decides the whole shot
Can the thing you want to show run on the handset you are holding? If yes, stop reading about keyers. Put the app on the phone, press record, and the glow, the reflections and the tapping thumb all arrive in camera. Every other method on this page exists because sometimes the content is not ready, not allowed on the device, or must change after the shoot.
Searches for "phone screen green screen" push people toward the hardest method of the lot. A phone screen is a small mirror with fingers moving across it, and a bright green panel colours the skin of whoever holds it. That is why the list below runs from least work to most.
The routes, ranked by effort
| Route | Shoot | Edit | Best when |
|---|---|---|---|
| Live screen | Real content on a real phone | A normal cut | The content runs on the phone, with or without a hand |
| PNG frame over a recording | No phone at all, just a screen capture | Frame, mask, optional glare layer | Demos, slides and posts where the phone floats |
| Dark screen, tracked | A hand with a phone that is off or black | Planar track, then composite | A hand is in shot and the content changes later |
| Green screen, keyed | A phone showing flat green | Key, spill control, tracking, finger masks | Content that cannot exist on a phone yet |
Filming the real screen
This route costs nothing in the edit and a little in preparation.
- Pin the phone to one app. iPhone has Guided Access, which locks the device to a single app and lets you draw around zones that should ignore touch. Android calls its version app pinning, and it holds the chosen app until you unpin it.
- Kill the interruptions. Do Not Disturb on, so a banner never sneaks into the best take. More screen hygiene sits in recording a wallet screen for video.
- Solve the camera problems. Flicker and moire respond to shutter speed and distance, covered in filming a phone screen without flicker or moire.
Film sets lean on the same trick on a bigger scale, building screen graphics that run on the prop handset itself. See fake apps for film and TV.
A PNG frame over a recording
When no hand is needed, you never have to shoot a phone. You capture the app on a screen, then lay a handset image on top. The only requirement is that the frame has a see-through screen opening.
- Pick a frame saved as a PNG with transparency. PNG can store an alpha channel, so the corners and the air around the handset stay empty; a JPEG would fill them with a solid colour. For a still screenshot, the transparent iPhone mockup PNG page does this in the browser and keeps the shadow.
- For a moving recording, place the clip on the track beneath the frame and scale it to the opening.
- Mask the clip with a rounded rectangle, camera cutout included, otherwise its square corners show outside the glass.
- Bring the background and the phone into the same colour temperature, with a little blur or grain if the phone sits on video.
Glare that stops it looking pasted on
Real glass is never spotless, so a perfectly clean overlay feels fake. Add a faint streak of light on its own layer and set that layer to a lightening blend mode. Apple's Final Cut Pro documentation explains Screen mode as letting the image below show through wherever the top layer is black. Soft white streaks on black therefore add light and nothing else. Keep the opacity low, and let the glare drift slightly with the phone, never with the app.
If a real phone was filmed, borrow the reflection from the footage instead. A PremiumBeat After Effects tutorial duplicates the original clip, cuts out the screen with a track matte and sets that copy to Lighten, Add or Screen, so the room's own reflections sit over the new content.
Filming a dark screen and tracking it
When a hand must hold the phone and the screen must be swapped later, the shoot should look as little like a green screen as possible. A visual effects supervisor writing on Frame.io advises leaving the screen off if fingers never touch it, then following it with a planar tracker. The reason he gives: where dark glass meets a lighter bezel, you "basically never need to add tracking markers", since the edge is already a feature. Final Cut Pro's object tracker leans on the same idea, asking for a high contrast reference pattern.
His second point is about realism. A dead screen still mirrors the real room, and a screen with no reflection reads as artificial. He also calls green paper over a display "hokey". The weak spot is the hand: a finger touching the screen should be lit by the screen, and a composite has to invent that light.
Keying green off a phone
Chroma keying wants a big, flat, evenly lit area that nobody touches. A phone is none of those. Apple's guide says the hard part is shooting a background with "a uniform color" that is well lit, and a phone only meets the evenness half of that. The rest goes wrong in five ways.
- Glass reflections. Windows, lamps and the lens all show up in the green, punching holes in the matte.
- Green spill. The screen acts as a green lamp, so thumbs pick up a tint that the spill tools must remove without greying the skin.
- Taps. A finger on the screen needs a clean contrast against green or a hand drawn mask.
- Soft edges. Rounded corners, the camera notch and the blur of a moving hand all weaken the matte.
- The performer. A screen graphics designer quoted by Pushing Pixels says directors prefer real graphics on set, even temporary ones, so the actor reacts to something other than "a giant green square".
If you must key, do this
- Dim the phone until the green looks like colour, not a light source.
- Tilt it away from lamps and the lens.
- Keep the hand slow and still; plan taps where a cut can hide them.
- Roll ten seconds on the blank screen in identical light, a clean reference for the keyer.
Stock clips and PNG templates: read the licence
Search results for a phone green screen video or PNG are mostly stock libraries. Each download is one of three things, and none of them contains your app.
| File type | What it is | Check in the licence |
|---|---|---|
| PNG still | A handset with a green or transparent screen | Commercial use, editing rights, brand on the handset |
| Stock clip | Someone else's hand holding a marked phone | Attribution, budget caps, editorial-only labels |
| Editor template | A project with a frame, motion and a slot for your capture | The template's own terms and the editor it needs |
| Library | What its licence page says |
|---|---|
| Vecteezy | The no-cost tier "requires attribution" and fits video projects with budgets up to $1,000; skipping attribution needs a paid plan. Editorial Use Only files stay out of commercial work. |
| Pixabay | Free to use and edit, but content with recognizable trademarks or brands is off limits commercially in relation to goods and services, and nothing may be used in a misleading or deceptive way. |
| Pexels | No credit needed, yet you must not imply endorsement by the people or brands shown. |
The licence belongs to the individual file, not to the site hosting it. The brand clause bites hardest: dropping your own app into a clip that shows a recognizable handset, to promote it, is close to what Pixabay and Pexels exclude. For wallet footage in particular, see crypto stock footage and its licenses.
Matching the route to a real shot
Three small scenarios show how the ranking plays out.
- A product walkthrough over a coloured backdrop. Nobody holds the phone, so there is no reason to film one. Record the app, drop it inside a transparent frame, add a soft glare layer and you are done in minutes. If the walkthrough must also show a thumb, record the thumb separately or accept a tap indicator in the capture.
- A character reading a message in a cafe. The hand, the face lit by the glow and the reflection of the window all matter. Put the message on the handset and film it live. If the legal team insists on swapping the text later, shoot with a dark screen and track it, and plan a glow on the face as a separate light layer.
- A trailer for an app still in design. The app does not exist on a device, so a live shot is impossible. Here a keyed or tracked insert is justified, but shoot a clean plate first, so the edit has something to fall back on when a finger crosses the screen.
Making any composite sit in the shot
Whichever route you pick, a composite fails in the same three places. Brightness comes first: a phone screen in a dim room is bright, but rarely pure white, so pull the highlights of the inserted content down. Sharpness follows, since the camera softens the screen a little, so add a touch of blur to the insert rather than sharpening the plate. Last comes colour: warm lamps push the glass towards orange, so tint the content toward the room instead of leaving it at screen-white. If you can only fix one, fix brightness; it is the one viewers notice first.
When the app is a crypto wallet
This is where the choice stops being only technical. Compositing a wallet needs a source image, and a real wallet capture carries an address, a token list and a history into your edit. Bitcoin.org's privacy page is blunt about it: anyone can see the balance and the transactions of any address. Hiding that afterwards is a fight of its own, explained in why blur leaks. A still graphic avoids the leak but freezes the prices, and a column of numbers that never moves looks like a photograph within a few seconds.
Filming your own wallet live puts your own holdings on camera, which no editing trick can undo. A crypto wallet app simulator, sometimes called a larp wallet, sidesteps this. It draws a believable wallet screen from balances you type, holds no funds and never touches a blockchain. Because it runs on the phone in your hand, the live route works: real glow, real reflections, real taps, moving prices. The larp wallet guide defines the term.
Flexdger Wallet is one such app. You pick the tokens, amounts and wallet name, the built-in tokens follow live market prices, and it opens full screen on the phone you film. A skit that puts a viewer behind that screen is covered in how to make crypto TikToks, POV trader videos included.
Keep it honest
A composited or simulated screen is an illustration. TikTok's community guidelines ask creators to label significant edits that show realistic scenes, and a balance that viewers could mistake for someone's real money deserves the same candour on any platform: keep a visible Mockup label for as long as the wallet is on screen. Every figure in a simulated wallet was typed in by a person, so it proves nothing about holdings, and passing it off as a real balance or as proof of gains is a deception our terms of use forbid.
Flexdger Wallet is not affiliated with Apple, Google, TikTok, Vecteezy, Pixabay, Pexels, Adobe, Frame.io or PremiumBeat. Their names appear only to describe their rules and tools.
Looking for something else?
- Your own phone went green or tinted? That is a hardware fault, not an effect. Contact the manufacturer's support; no editor repairs it.
- A person standing before a green wall? That is ordinary chroma keying, which your editor's own keyer manual covers. A small glossy screen is a harder target than a backdrop.
- Only filming a phone, not replacing its screen? Filming a phone screen without flicker or moire covers shutter, brightness and angle.
Sources
- Apple Support, Green Screen Keyer in Final Cut Pro for Mac, read 2026
- Apple Support, Object tracking in Final Cut Pro for Mac, read 2026
- Apple Support, Blend modes in Final Cut Pro for Mac, read 2026
- PremiumBeat, Screen Replacements with Reflections in After Effects, 2020
- Frame.io Insider, Planning a screen replacement shot, 2016
- Pushing Pixels, Screen graphics and movie user interfaces (interview), 2014
- Vecteezy, License Agreement, updated June 22, 2026
- Pixabay, Content License Summary, read 2026
- Pexels, License, read 2026
- Apple Support, Guided Access on iPhone or iPad, read 2026
- Android Help, Pin and unpin screens, read 2026
- TikTok Community Guidelines, Integrity and Authenticity, effective September 24, 2026
- Bitcoin.org, Protect your privacy, read 2026
Questions
Should the phone show green, black or the real app while I film?
Show the real app whenever it can run on the phone, because then nothing needs replacing. If it cannot, a dark or switched-off screen is usually easier to track than a green one, and the room's real reflections stay in the shot.
How do I composite a video onto a phone screen?
Follow the screen with a planar or corner-pin tracker, put your clip on the tracked surface, then match its brightness, softness and grain to the footage around it. Fingers that cross the glass need a mask.
What exactly is a phone screen overlay?
Most often it is a phone frame exported as a transparent PNG and laid over a screen recording, so the recording seems to play inside the handset. A few results are something else: a viewfinder frame with a record dot and timer, meant to make footage look phone-shot.
How can I stop a notification ruining the take?
Turn on Do Not Disturb. On iPhone, Guided Access limits the device to one app and can disable touch in areas you circle; on Android, app pinning holds one app on screen until you unpin it.
Do I have to place tracking markers on the phone?
Normally no. A dark screen inside a lighter frame has an edge the tracker can grab. Markers are for a blank green panel with nothing to follow, and they have to be painted out afterwards.
Are free phone green screen clips safe for commercial work?
Only after you read the licence attached to that clip. Vecteezy asks for attribution on its no-cost tier and caps project budgets, Pixabay restricts recognizable brands in commercial use, and Pexels asks you not to imply that people or brands in the footage endorse you.
Where do I download a phone screen template?
Stock libraries such as Vecteezy, Pixabay and Pexels carry stills, clips and editor templates for phone screens. Each is only a frame, so the screen content is still yours to supply.