DEV Community

jacak
jacak

Posted on Originally published at Medium

How to Clean Up Logos and Text Overlays in Your Own Demo Videos

You just recorded the perfect screen demo for your launch post or README. Then you notice it: a recording-tool logo in the corner, a burned-in timestamp, or an old "draft" label from a previous cut.

Your options are usually bad. Re-recording is slow. Cropping changes your framing. Blurring makes viewers wonder what you are hiding.

AI inpainting gives you a fourth option: mark the area you want removed and let the tool rebuild those pixels from the surrounding scene. Here is a practical workflow for doing that on video, where cleanup is trickier than on a single screenshot.

Why video is harder than a still image

On a screenshot, the tool fills one region once. In a video, the same region appears across hundreds of frames, and the background behind it may move. The patch has to look plausible in every frame, not just the first, or it will flicker.

So with video, preparation matters more:

  • Know exactly where the overlay sits and whether it moves
  • Check what is behind it (flat UI, a moving camera shot, a talking head)
  • Trim the clip to the part you actually need before processing

Step 1: Trim first, clean second

Cut the clip down to the section you will publish. Shorter clips process faster and leave less footage to review. If the overlay only appears for part of the video, isolate that section.

Step 2: Test on one representative frame

Before running the whole clip, test on a still frame from the busiest part of the video. In Clearframe, you brush over the logo or text stamp and let inpainting fill it in. If the still looks clean, the video pass has a good chance of looking clean too. If it does not, fix the brush before you spend time on the full run.

Step 3: Brush with a little margin

Paint slightly past the edge of the overlay, especially where it has soft shadows or anti-aliased text edges. A tight mask often leaves a faint outline.

  • Flat backgrounds (app UIs, terminals, solid colors): you can stay tighter.
  • Textured or moving backgrounds: give the model more surrounding context.

Step 4: Review at full speed and paused

Watch the result twice:

  1. At normal speed, to catch flicker.
  2. Paused on a few frames, to catch smudges.

Pay extra attention to moments where the camera pans or something passes behind the removed area, like a cursor or a dropdown opening.

Step 5: Export at the original resolution

Keep the cleaned file at the same resolution as the source. Clearframe is built to preserve resolution, so don't push the output through several other tools. Every extra re-encode adds compression artifacts, and they show up right where the patch is.

Dev checklist: demo clips, README GIFs, and launch videos

If you ship product demos regularly, a few habits save a lot of rework:

  • Keep the raw recording. Always clean a copy, never your only source file.
  • Clean the clip, then regenerate the GIF. If your README or docs GIF comes from a screen recording, fix the source video first and convert it afterwards, rather than editing a compressed GIF.
  • Step through the frames you care about. Check the first frame, the last frame, and any frame where the UI changes behind the removed area.
  • Check the thumbnail or preview frame. That is the frame people see before they hit play.
  • Fix the cause for next time. Turn off the recorder watermark, the on-screen timestamp, or the "draft" label in your project before the next take.
  • Keep the project file. For hard cases, re-exporting from the original project beats any cleanup.

Good fits and poor fits

Inpainting works best on:

  • Corner logos over static or slowly changing backgrounds
  • Burned-in timestamps and small text labels
  • Screen recordings with leftover app or tool branding
  • Demo and course clips you made yourself

It struggles with:

  • Large overlays covering faces or fine detail
  • Tiled watermarks spread across the whole frame
  • Overlays on fast, complex motion

For the hard cases, re-exporting from the original project file is usually the better answer.

Only use it on content you have the rights to

This workflow is for your own recordings, your company's assets, or media you have permission to edit. Removing another creator's watermark from their work is not a legitimate use.

Try it

Grab one short demo clip with a leftover logo, test a single frame, then run the full pass. Clearframe runs in the browser, so there is no desktop editor to install.

Try Clearframe: https://www.clear-frames.com/

Top comments (0)