Superimpose Overlays: How to Layer Graphics on Photos, Video and Live Calls

The short answer

To superimpose an overlay, you place a graphic, such as a logo, name banner, frame or text, on a layer above your image or video, then position it, size it and set how transparent it is. Where that layering happens depends on what you are working with. A still photo is layered in an image editor and exported. A recorded video is layered in a video editor and exported. A live webcam feed is layered in compositing software, which then sends the combined picture to your call app through a virtual camera.

The rest of this guide focuses on the live webcam case, because that one has the most moving parts. Photos and recorded video are covered briefly at the end.

Key terms

• Overlay: any graphic drawn on top of your main picture, such as a lower-third name bar, a border, a watermark or a logo.
• Layer: one stacked element in a composition. Layers higher in the stack cover those below them.
• Alpha channel (transparency): extra image data that marks which pixels are see-through. Without it, an overlay arrives as a solid rectangle that hides everything behind it.
• Compositing: combining several layers into one final picture.
• Virtual camera: a software device that appears in your camera list like a real webcam but outputs the composited picture instead of the raw sensor feed.

Choose the right method

What you are working with | Where the overlay is added | What you end up with

Still photo | Image editor with layer support | A new image file with the overlay baked in

Recorded video | Video editor with multiple tracks | A new video file with the overlay baked in

Live video call or stream | Compositing software that outputs a virtual camera | A live feed with the overlay, selected as your camera in the call app

Some call apps have built-in effects, such as frames, stickers or name tags, which can be enough if you only need something simple. What each app offers varies and changes over time, so check your app's own video or effects settings. No specific app's feature set was confirmed for this guide.

Prepare the overlay graphic

• Use a format that keeps transparency. PNG supports an alpha channel. JPEG does not, so transparent areas in a JPEG become solid colour.
• Make the graphic at, or close to, the resolution of your output picture so it does not blur when scaled up.
• Keep text large and high-contrast. Call video is often compressed and shown in small tiles, so thin or small lettering can become unreadable.
• Keep important elements away from the very edges. Some apps crop or zoom the picture, especially on phones or in gallery views.
• Use only graphics, logos and fonts you have the right to use.

Add an overlay to a live webcam feed, step by step

• 1. Close any app that is currently using your webcam. Many systems let only one app use a physical camera at a time, and the compositing software needs it.
• 2. Open your compositing software and add your physical webcam as a video source. If the preview stays black, check that the operating system allows this app to use the camera.
• 3. Add your overlay image as a separate source or layer, and make sure it sits above the webcam layer in the stack.
• 4. Position and resize the overlay in the preview. Adjust its opacity if you want it semi-transparent.
• 5. Start the software's virtual camera output.
• 6. Open your call app or browser, go to its video settings, and choose the virtual camera instead of your physical webcam. If you are using the call in a browser, the browser may ask for camera permission again. That permission now covers the virtual camera.
• 7. If the virtual camera does not appear in the list, restart the call app or browser after starting the virtual camera output. Many apps only check for cameras when they launch.

Check the result before it matters

A working setup involves three separate things: the camera being accessible, the video actually being captured, and the picture looking right to other people. Check each one in order.

• Access: the compositing software shows a live image from your webcam rather than a black or frozen frame.
• Capture: the call app's preview shows the composited picture with the overlay in place, not the bare webcam image.
• What others see: join a test call or ask someone to confirm how the overlay looks on their screen. This is the only reliable way to judge readability and video quality on the receiving end.

Text that looks backwards in your own preview is usually not a problem. Many call apps mirror your self-view by default while sending an unmirrored picture to everyone else. Confirm this with a test participant before you flip anything. If you flip the overlay to fix your own view, it will appear reversed to everyone else.

Common problems and limitations

• Overlay is a solid box: the file has no transparency. Re-export it as PNG with a transparent background.
• Overlay is blurred or partly hidden: the call app's own background blur or virtual background may be processing your whole feed, overlay included. Try turning off the app's background effect, or apply the background effect inside your compositing software instead.
• Overlay is cut off: the call app or the viewer's layout is cropping the picture. Move the graphics further from the edges.
• Video stutters or lags: compositing uses processing power. Try lowering the output resolution or frame rate, or closing other heavy apps.
• Camera shows as busy: another app still has the physical webcam open. Close it, then reselect the source.
• Sound is unaffected: a virtual camera handles video only. Microphone selection and audio problems are handled separately in the call app's audio settings.

Overlays on a still photo

• 1. Open the photo in an image editor that supports layers.
• 2. Import or paste the overlay so it lands on its own layer above the photo.
• 3. Move, resize and set the opacity or blend mode.
• 4. Save a layered working copy in the editor's own format so you can change it later.
• 5. Export a flattened copy for sharing. Use PNG if you need to keep transparency, or JPEG for a smaller file with no transparency.
• 6. Open the exported file and view it at full size to check the edges and text.

Adding a graphic overlay is different from replacing a photo's background. An overlay sits on top of the whole image. Background replacement separates the subject from what is behind them and changes only the area behind the subject.

Overlays on a recorded video

• 1. Import the video and the overlay into a video editor that supports multiple tracks.
• 2. Place the overlay on a track above the video.
• 3. Set when it appears and how long it stays by trimming it on the timeline.
• 4. Adjust its position, size, opacity and any fade-in or fade-out.
• 5. Export the video, then play the exported file from start to finish to confirm the overlay appears at the right moments and stays sharp.

What this guide does not cover

No verified information was available for this guide about particular compositing programs, call apps or editors, including their specific features, system requirements or costs, and none was available about how much overlays affect performance on particular hardware. Check the documentation for the software you choose for its exact menus, supported formats and virtual camera support on your operating system.