OBS Overlay Maker
Design custom stream overlays with a template gallery, drag-and-drop positioning, and transparent PNG export. Compatible with OBS as an image or browser source.
No layers yet. Add an element or pick a template.
Exports a transparent PNG at 1920×1080. Add the file as an Image source or Browser source in your streaming software.
About this tool
- 1
Choose overlay type
Select from webcam frames, alert boxes, stream info panels, or full-screen overlays.
- 2
Design your overlay
Customize colors, text, borders, and opacity. Add your channel name, social handles, or sponsor logos.
- 3
Preview on stream layout
See how the overlay looks on a simulated stream screen with a webcam feed area and game capture area.
- 4
Export as PNG
Download a transparent PNG at 1920x1080 or your preferred resolution, ready to add as a source in OBS.
- Use transparent PNGs with alpha channel so the overlay sits cleanly over your game capture in OBS.
- Keep important elements away from the edges - some platforms crop the stream slightly.
- Use consistent branding colors across all overlays for a professional look.
- Test your overlay at both 1080p and 720p to make sure text remains readable.
- Webcam border/frame designer with rounded corners and drop shadows
- Custom text overlays for now-playing, social handles, and alerts
- Opacity and blend mode controls for each element
- Export as transparent PNG at 1080p or custom resolution
- Template library for quick starting points
- Creating a branded webcam frame for your Twitch or YouTube stream
- Designing a "starting soon" or "be right back" screen overlay
- Building custom alert box templates for stream events
- Making social media handle overlays for the bottom of your stream