A webcam bubble is a small, movable camera overlay that keeps you on screen without covering content. To add one, record with the camera enabled, choose the bubble shape, place it in a corner, and remove the background on-device. Apps like Zella add and animate a webcam bubble.
That floating camera circle in modern tutorials and demos is called a webcam bubble — a small, movable camera overlay that keeps you on screen without covering the work. The fastest way to add one is to record your screen with the camera enabled in a tool that captures the bubble live, then drag it into a corner and style it. On a Mac, here's exactly how to do that, plus how to make it look professional instead of like a sticker pasted on top.
Add the bubble in three steps
- In Zella, start a screen recording with camera enabled.
- Choose the bubble overlay shape.
- Drag it to a corner and size it to taste.
That's the whole flow. The camera feed is composited into the recording as you go, so when you stop you already have a finished bubble — no second video to line up, no separate camera file to drag in. See capture for all overlay options, and the full screen plus webcam walkthrough if you want both sources recorded as one take.
Which tools record a webcam bubble
Most modern screen recorders show a live bubble the moment you pick a screen-plus-camera mode. They differ in whether the result stays on your machine, whether there is a watermark or time cap, and how much you can restyle the bubble afterward.
| Tool | Bubble shapes | Style during recording | Edit bubble after | Local / private |
|---|---|---|---|---|
| Zella | Circle, rounded rectangle | Position, size, background | Reposition, resize, animate | Yes — 100% on-device |
| Loom | Circle, rounded square | Position, frame | Limited | Cloud upload |
| QuickTime | Rectangle (window) | Float on top only | No (manual overlay) | Yes |
| Open-source bubble apps | Circle | Position, size | No (separate capture) | Yes |
The DIY route also works: open QuickTime, start a New Movie Recording for your webcam, choose View then Float on Top, and the camera window sits above everything while a second tool records the screen. It's free, but you're compositing two files by hand afterward and you don't get a soft-edged circle. A purpose-built recorder that bakes the bubble in is far less fiddly.
Style it to look professional
A few small choices separate an intentional bubble from an accident the recorder left on:
- Shape — circle reads as a person rather than a window; a rounded rectangle works when you want more of your upper body in frame.
- Background — blur, on-device AI removal, a solid color, or a live background. A busy room behind your head competes with the screen for attention, so clean it up.
- Edge — a subtle feather or thin, low-contrast border so the bubble blends into whatever is behind it instead of cutting a sharp hole in the composition.
None of these are expensive decisions, but together they are the difference between a bubble that looks directed and one that looks pasted on.
Where to place it
Bottom-left or bottom-right usually avoids app UI. Keep it small enough not to cover the action, big enough to read your expression. If something important ends up behind the bubble mid-recording, drag it to the opposite corner. For reels, make sure it clears platform UI at the top and bottom of the frame.
How prominent the bubble should be depends on who is watching and why. For a trust-driven founder update or a sales walkthrough, lean larger and stay visible more of the time, because the human connection is much of the point. For a dense technical tutorial where the screen does the heavy lifting, keep the bubble small and tuck it away during the most detailed moments. For short-form vertical content, the bubble often works best appearing only for the hook and the payoff. There's no single correct size, only a correct size for the moment.
Animate it so it isn't wallpaper
A bubble that never moves becomes wallpaper; one that moves constantly is a distraction. The middle path is purposeful motion. Use keyframes to park the bubble in a corner and shrink it during dense on-screen work so nothing important is hidden, then bring it back larger for intros, transitions, and the moments where your expression carries the message. You set where the bubble sits and how big it is at each point, and it animates smoothly between them. Done well, the audience never consciously notices the resize — they just feel attention shifting between you and the work, exactly how a good in-person demo feels.
Light and frame the source
The bubble can only look as good as the camera feeding it, and because the bubble is small, viewers are effectively watching a tight close-up — flaws that vanish in a wide shot become obvious. Face a soft light such as a window or a lamp bounced off a wall, rather than letting a bright source sit behind you and turn your face into a silhouette no software can rescue. Raise the camera to about eye level so the lens looks at you straight on instead of up at your chin. Frame yourself with a little headroom and slightly off-center, leaving room for the bubble's crop. Get the input right and the overlay reads as deliberate; get it wrong and no amount of edge feathering will save it.
Why the bubble beats a full-screen camera
You could film yourself full-frame and cut to the screen, but the bubble keeps both things alive at once. The viewer watches the work and reads your reaction in the same glance, with no cut to break the flow. That continuity is why the bubble became the default look for tutorials, founder updates, and async walkthroughs — it preserves the feeling of someone sitting beside you, narrating as they go. The trick is that the bubble has to stay subordinate to the content. It's punctuation, not the sentence. When it starts covering the very thing you're explaining, it has stopped helping.
Do it for free on a Mac
In Zella the whole bubble workflow lives in the free plan: unlimited recording, no watermark, 1080p export, plus AI cleanup, captions, and auto-zoom — and everything runs locally with no account and no cloud upload. If you later want 4K export and the full creative suite (color grading, every transition, speed ramps, auto-reframe to vertical, and all caption presets), there's an optional one-time $89 Pro unlock — no subscription. For the companion piece on getting both sources captured cleanly, see recording your screen and webcam at the same time, and the Loom-style video without Loom guide for async messages.
FAQ
Can I remove my background without a green screen? Yes — on-device AI removal cleans up the bubble background with no green screen and nothing uploaded.
Can I add the bubble after recording? The camera is captured during recording, but you can fully reposition, resize, restyle, and animate the bubble afterward in editing.
Circle or square — which looks more professional? Circles read as personal and are the short-form default; rounded rectangles suit longer talking-head sections where you want more of yourself in frame.
Will the bubble survive reframing to 9:16? Yes — keep it inside the vertical safe zone, clear of platform UI, and it travels with the reframe.
The bottom line
A great webcam bubble is mostly about restraint: capture it live with the camera enabled, pick a clean shape and background, place it where it won't cover the action, and let it move with purpose. Get the lighting and framing of the source right, keep the bubble subordinate to the screen, and a modest laptop camera looks like it belongs in a polished demo.
Download Zella and add a webcam bubble to your next video.
Make your next video with Zella.
Record, edit and ship on your Mac — local, private, free to start.
RELATED