Facecam Layout for Gaming Shorts: 3 Layouts That Work
Nemo · · 7 min read
For most gaming Shorts, the facecam layout that works is the stacked one: your webcam in a band across the top third of the 9:16 frame and the game cropped to fill the rest. Use a small floating bubble when the game needs the full height, and drop the camera for clips where your face adds nothing.
A facecam layout is the way your webcam and your gameplay share one vertical frame. On a horizontal stream the webcam sits in a corner and nobody minds. On a phone, the same corner camera shrinks to the size of a stamp, and a 16:9 game squeezed into a 9:16 frame leaves most of the screen empty. The layout decides whether a viewer sees your reaction and the play at the same time, or neither.
Which facecam layouts work for vertical gaming clips?
Three layouts cover almost every clip. The table shows where each one fits on a 1080x1920 frame.
| Layout | Webcam area | Game area | Best for |
|---|---|---|---|
| Stacked (camera on top) | Full width, about 1080x670 (35% of the height) | Full width, about 1080x1250, cropped | Reactions, jump scares, talking over a play |
| Floating bubble | A circle or rounded box, 250 to 400 px wide, over the game | The whole frame | Shooters and racing games where the action needs the height |
| No camera | None | The whole frame | Pure skill clips, scenery, clips recorded without a webcam |
The 35% band is the starting point we use in GameClip, not a rule. A webcam band between 30% and 40% of the height keeps your face readable without stealing the game. Go lower and the face turns into a thumbnail again; go higher and the game loses the detail people came for.
How do you set up a stacked facecam layout?
The stacked layout is the default for most gaming creators on TikTok and YouTube Shorts because it gives the face and the game their own space. Here is how to build it in any editor:
- Make a 1080x1920 project. Every vertical platform takes this size, so start there.
- Place the webcam on top. Scale it to the full 1080 px width and crop it to roughly 1080x670. Crop to your face and shoulders; empty wall behind you is wasted pixels.
- Crop the game below it. A 1920x1080 recording scaled to the remaining height is wider than the frame, so you crop the sides. Center the crop on what matters: the crosshair in a shooter, the character in a third-person game.
- Move the crop when the action moves. A fixed center crop cuts off a kill feed or an enemy at the edge. Shift the crop, or add a short zoom at the peak (see zoom effects in gaming videos).
- Keep the seam clean. A straight edge between the two halves reads better than a gap. Skip borders on the stacked layout; they eat height.
The crop step is where most of the work is. Converting gameplay to 9:16 explains Cover and Fit framing in detail, including when a blurred background beats a hard crop.
When should the webcam float instead?
A floating bubble keeps the full game frame and puts your face on top of it. It fits games where the vertical space matters: a racing line, a sniper scope, a platformer jump. Keep these limits:
- Size: 250 to 400 px wide on a 1080 px frame. Smaller than that and the reaction is lost on a phone.
- Shape: a circle or a rounded rectangle looks intentional; a raw rectangle looks like a stream overlay that was not cropped.
- Position: move it away from the action, the minimap and the kill feed. A bubble covering the enemy defeats the clip.
- Border and shadow: a thin border or soft shadow separates your face from a busy game background.
Where should the facecam go to stay clear of the app buttons?
TikTok, YouTube Shorts and Instagram Reels all draw their own interface over your video. The like, comment and share buttons run down the right edge, and the caption and username sit across the bottom. Anything important placed there gets covered.
| Zone | What covers it | What to keep out |
|---|---|---|
| Right edge | Like, comment, share, remix buttons | A floating facecam, the kill feed, captions |
| Bottom area | Username, caption, sound name | Captions, the facecam in a bottom layout |
| Top edge | Some apps show a search or tabs bar | Tiny text; the stacked camera band is fine here |
This is why the camera usually goes on top. Your captions then sit in the middle of the frame, over the game, where no button covers them. Captions for gaming videos covers placement and size for each platform.
What if your webcam is baked into the recording?
Many streamers record one file with the webcam already composited into a corner of the game. You can still build a stacked layout from it: crop the webcam region out of the frame for the top band, then crop the game region for the bottom. The catch is resolution. A webcam that filled a 480x270 corner of a 1080p recording gets scaled up more than 2x to fill a 1080 px band, and it will look soft. If you plan to post vertical clips often, record the webcam as its own file at 1080p, or at least 720p.
How do you keep the layout the same across every clip?
Consistency is what makes a channel look like a channel. Pick one layout, one bubble shape, one border, and use it on every clip of a session. In most editors that means saving a template or copying the attributes from one clip to the others. Re-dragging the webcam by hand on twenty clips is where time and consistency both get lost.
How does GameClip handle the facecam?
GameClip is a desktop app for macOS and Windows that turns long gameplay recordings into a highlight video and vertical clips with captions, zooms and sound effects. For the facecam it works like this:
- Separate webcam files: add your webcam recordings next to the gameplay, and line them up on a Sync timeline with both waveforms visible.
- Baked-in webcam: if the camera is already in the gameplay file, you draw its region once.
- Layouts: camera on top with the game below, floating over the game, or hidden. You drag and resize the webcam on the preview, and pick rectangle, rounded or circle, with a border and a shadow.
- Apply to all cuts: fix the layout on one vertical cut, press Apply to all cuts, and every clip of the session gets it. You can also save it as a template for the next session.
The limits: the built-in recorder (macOS 15 and later) shows a webcam bubble on screen and records it into the capture, rather than saving the camera as a separate file. If you want the stacked layout from a recording, record the webcam as its own file in your usual capture tool. You can download GameClip for macOS or Windows.
What should you try first?
Take one clip you already have and build it three ways: stacked, floating and no camera. Export all three at 1080x1920 and watch them on your phone, not on your monitor, with the app’s buttons over them. The version where you can read your face and the play at the same time, without squinting, is your layout. Save it as a template and use it on every clip from then on.
FAQ
What size should a facecam be in a TikTok gaming clip?
In a stacked layout, a band about 30% to 40% of the 1920 px height works, so 580 to 770 px tall at full width. As a floating bubble, 250 to 400 px wide on a 1080 px frame keeps the face readable on a phone without hiding the game.
Should the facecam go on top or on the bottom?
On top, in most cases. The bottom of a vertical video is covered by the username, the caption and the sound name on TikTok, Shorts and Reels. A camera on top also leaves the middle of the frame free for captions.
Can I make a facecam layout without a separate webcam recording?
Yes. If the webcam is part of the gameplay file, crop the camera region out for the face and crop the game region for the rest. Expect the face to be softer, because a small corner camera gets scaled up to fill the width.
Do I need a facecam in gaming Shorts at all?
No. A clean clutch or a funny bug can carry a clip on its own. A facecam earns its space when your reaction is part of the moment: a scream, a laugh, a callout. For more on what makes a moment worth posting, see gaming clips that are worth posting.
Does GameClip record the webcam?
The macOS recorder (macOS 15 and later) captures a webcam bubble together with the screen. For stacked layouts, import a separate webcam file and sync it on the Sync timeline. The Windows recorder is not available yet; on Windows you import recordings from your usual tool.