What is the difference between Standard and Continuous curved styles?

Standard uses standard roundRect math. Continuous uses a bezier squircle curve (like iOS icons) for a smoother, seamless transition into the corner.

Rounded Corner Overlay Maker — Free Video Overlay Tool | Effect Control - Free Online Tool

The Ultimate Guide to the Rounded Corner Overlay Maker

The Rounded Corner Overlay Maker is a specialized tool for video editors and livestreamers. It generates custom, transparent PNG overlays with precise cutouts, allowing you to place perfectly rounded facecams or screen-captures over your gameplay or presentation footage without needing complex masks in OBS or Premiere Pro.

Who Will Use This?

Twitch Streamers: Create custom overlay frames (with soft edges or continuous "squircle" curves) for your facecam that easily import into OBS Studio.
Video Editors: Generate 16:9 or 9:16 layout templates with multiple transparent cutouts to easily composite reaction videos or picture-in-picture content in Premiere Pro or DaVinci Resolve.
UI Designers: Quickly generate semi-transparent backdrop overlays to highlight specific UI elements in a presentation.

How to Create Your Custom Overlay

Set Canvas Resolution: Choose your target video size (e.g., 1920x1080 for HD desktop or 1080x1920 for mobile/TikTok). This ensures your overlay fits your video editor timeline perfectly.
Style the Overlay: Pick the color and opacity of the background (the area that will cover your video). For a subtle dimming effect, use black at 50% opacity.
Add Cutout Boxes:
- Use the sliders to adjust the Width, Height, and X/Y position of the transparent hole where your facecam or secondary footage will show through.
- Adjust the Corner Radius to round off the edges.
- Use Border Softness to blur the edges of the cutout for a smooth, feathered transition into the video beneath.
- Click + Add Box to create multiple cutouts (perfect for split-screen layouts!).
Upload a Test Background (Optional): Under PREVIEW CONTEXT, you can upload a screenshot of your gameplay. This image is strictly for preview purposes so you can align your boxes perfectly; it will not be included in the final download.
Export: Click Export Overlay (PNG) to instantly save the transparent file to your computer.

Common Problems & Tips

What is the "Continuous (Squircle)" style? Standard rounded corners look like a straight line that suddenly turns into a circle. A "Continuous" curve (popularized by Apple's iOS app icons) uses a mathematical bezier curve to make the transition between the straight edge and the corner completely seamless.
My overlay is completely black in my video editor: If your video editor does not support PNG transparency by default (or if you accidentally converted the file to JPG), the transparent holes will render as black. Always ensure you are importing the original PNG file.
I can't select my second box: Make sure you click the "Box 2" tab above the sliders to switch which cutout you are currently editing. The tab of the currently active box will be highlighted yellow.

Frequently Asked Questions

Will the preview background I uploaded be saved in the final image?

No! The preview background is automatically hidden when you click Export. You will only download the transparent overlay itself.

How do I use this in OBS Studio?

Add an "Image Source" to your OBS scene, select your exported PNG file, and make sure this Image layer is placed above your game capture and facecam layers in the OBS source list.

Ready to create a custom layout?

↑ TRY ROUNDED CORNER OVERLAY MAKER NOW

PRACTICAL EXAMPLES & WORKFLOWS

THE COMPLETE GUIDE: ROUNDED CORNER OVERLAY MAKER

How to Use This Tool:
1. Under "CANVAS SETTINGS," choose your desired aspect ratio or manually type in the exact resolution of your video project (e.g., 1920x1080 for standard HD).
2. Under "OVERLAY STYLE," select the color of your overlay (usually solid black or white) and adjust the Opacity if you want it to be slightly see-through.
3. Under "PREVIEW CONTEXT," upload a sample screenshot from your video. This image won't be saved in the final download; it simply acts as a visual guide so you can perfectly position your cutouts over your footage!
4. Use the sliders under "CUTOUT BOXES" to adjust the Width, Height, and Position (Left/Right and Up/Down) of your transparent window.
5. Adjust the Corner Radius and Border Softness to get the perfect rounded cutout. If you need multiple cutouts (for example, one for a screen recording and one for a facecam), click "+ Add Box" to duplicate your current box and move it to a new position.
6. Click "Export Overlay (PNG)" to download the final transparent graphic.

How This Benefits You:
Creating custom, multi-window overlays with perfectly matching rounded corners and soft feathered edges usually requires complex masking in Adobe Premiere Pro or After Effects. This tool lets you visually design and export a static, transparent PNG overlay in seconds. You just drop the PNG on the top track of your video editor, place your raw footage underneath, and your video is instantly styled and framed!

Who Should Use This:
• YouTubers & Streamers: Design clean, professional borders for your facecam or split-screen dual-camera setups.
• Tutorial Creators: Create "spotlight" overlays by heavily darkening the frame and creating a single, soft-edged cutout to highlight a specific part of a software interface.
• Video Editors: Standardize the look of a video series by placing the same branded, rounded overlay across all episodes to instantly give raw footage a polished, cinematic "framed" look.

Tool Limitations:
The "+ Add Box" feature allows you to add as many cutouts as you want, but be aware that adding dozens of overlapping boxes with heavy "Border Softness" (blur) applied may cause older browsers or low-end mobile devices to lag while rendering the live preview. For standard use (1 to 5 boxes), it is lightning fast!

Rounded Corner Overlay Maker

MORE GFX TOOLS YOU MIGHT LIKE