gizzMotion Start creating

Guide · Updated

How to make game overlay edits

Add advancement toasts, death screens, badge pop-ups and chat bubbles to your gameplay clips. Transparent overlays, free, no signup.

A gaming edit is mostly gameplay plus a few well-timed overlays: an advancement popping in on the funny moment, a death screen on the fail, a badge on the win. Recording those in-game means replaying the moment. It is faster to make the overlay yourself and drop it on the clip.

Every overlay in gaming starts with a transparent background, no shadow and square corners, so it exports ready to sit on top of your footage.

1. Pick the overlay

Block game: the Block game – Advancement toast, the Block game – Death screen, a Block game – Title & subtitle, the Block game – HUD taking damage with hearts draining, Block game – Live chat for scrolling chat, a single Block game – Chat message line, and a floating Block game – Username.

Obby game: a Obby game – Badge awarded notification, the Obby game – Purchase prompt, Obby game – Chat bubbles above a player, and the Obby game – Stage counter.

Other games and platforms: the Dark fantasy death screen, Bold “Game over” screen, “Mission complete” + reward, the #1 Victory banner banner, a Boss health bar, an Console achievement, a Console trophy, a PC game friend online pop-up, a Voice chat “Playing” activity card, a Live stream chat overlay overlay, a Kill feed, a Leaderboard and an XP / level-up bar.

2. Fill in the text

Everything on screen is a field in the Content tab. The advancement toast takes a type (which sets the frame and the sound-free look of a normal advancement, a goal or a challenge), the advancement text, an optional custom heading and an icon. The death screen takes a mode, a title, the death message and a score, and can show the cursor hovering over Respawn.

The block-game text fields accept color codes: &a for green, &c for red, &l for bold, and so on. That is how you get a colored name in the chat lines or a gold title.

On the obby-game side, the purchase prompt takes an item name, a creator, a price, your current balance and an item emoji or image, and it can play the click on Buy through to "Purchase completed". The obby counter takes a from-stage and a to-stage and counts between them.

3. Match the size to your footage

The block-game overlays have a GUI scale or Scale setting, and the HUD and death screen also take an area width and area height. Set those to the aspect ratio of your gameplay clip so the pixels line up with what the game would really draw. A HUD built at 16:9 and then squeezed into a 9:16 frame looks wrong to anyone who plays.

The same goes for the frame: set Aspect ratio in the Style tab to match the clip you are laying the overlay over, not the platform you post to, and let your editor handle the crop.

4. Time it

Most of these overlays time themselves. The advancement toast and the obby-game badge have a stay on screen setting and a slide out at the end switch. The block-game title has its own fade in, stay and fade out. The HUD damage and the boss bar take a number of hits, and the animation lasts as long as the hits need. Chat lines have a time between lines and can fade out after a while, like the real chat.

The Motion tab still applies on top: a start delay, an animation speed, how many times it plays, and the total video length.

5. Export and drop it on the clip

Leave Background on None and press Export, then For editing. Export a MOV for Premiere Pro, Final Cut Pro or DaVinci Resolve, or a WebM for CapCut. Put it on a track above your gameplay and line the toast up with the moment. Details are in the transparent overlay guide.

Recommended settings

Ideas that work

Common mistakes

Questions people ask

Are these official game assets?

No. They are original designs drawn in the app, and they use no game names or logos. gizzMotion is not affiliated with, endorsed by or sponsored by any game or studio.

Will these work as live stream alerts?

No. They are made for edited videos. There is nothing to connect to a streaming app, and no live trigger. Export a file and place it in your editor.

Is there sound?

No. Every export is silent, so there is no advancement ding or death sound. Add those in your editor.

Can I use my own skin or badge image?

Yes. The nametag takes a small face image, the obby-game badge takes a badge image, and the purchase prompt takes an item image. Uploads stay on your device.

Can I record my gameplay here?

No. gizzMotion makes the overlay only. Record with your usual capture software, then combine the two.

Try it now. 250 templates run free in your browser, with no signup. Browse templates

More guides

How to make motion graphics online, free and without After EffectsA simple way to make motion graphics and animations for Reels, TikTok and YouTube in your browser. No keyframes, no software, no signup.How to make a text message story videoStep by step: turn a conversation into an animated text-message or group-chat video for TikTok, Reels and Shorts.How to use a transparent video overlay in your editorExport animations with a transparent background (ProRes 4444 MOV or WebM) and place them over your footage in Premiere Pro, Final Cut Pro, DaVinci Resolve or CapCut.How to make an animated travel map for a vlogCreate a flight path, road trip or 3D globe animation from A to B for travel vlogs, Reels and TikTok, with real map data.How to add animated captions and titles to your videosMake karaoke-style captions, hook titles and lower thirds that pop in word by word, and add them to Reels, TikTok and Shorts.How to make emoji reaction overlaysMake emoji explosions, emoji rain and floating reactions with your own emoji or images, and export them as transparent overlays.How to make meme videosMake spin the wheel videos, tier lists, POV captions, aura points and error pop-ups as transparent overlays for TikTok, Reels and Shorts. Free, no signup.How to make animated charts and a bar chart race videoTurn your numbers into animated bar charts, line graphs, donuts, rankings and bar chart races for YouTube, Reels and presentations, without Excel or After Effects.How to make a SaaS product launch video with animated graphicsBuild a short launch or feature announcement video from animated pricing tables, feature spotlights, app screens, testimonials and growth numbers.How to make breaking news graphics, lower thirds and documentary titlesCreate broadcast-style breaking news banners, tickers, lower thirds, quote cards, locator maps and cinematic documentary titles for YouTube and social.How to make a sports scoreboard overlay and match graphicsMake a broadcast-style scorebug with a running clock, goal alerts, full-time results, line-ups, league tables and player cards for highlights and match-day posts.How to make a YouTube end screen, subscribe animation and stream alertsCreate animated YouTube end screens, subscriber milestones, chapters, starting-soon screens and follower, raid and tip alerts for streams and videos.How to make an animated location mapDrop a pin on a real street map, show a delivery radius, build a store locator, zoom from the world to a street, or map data by country, all free and without an API key.What are motion graphics?Motion graphics are animated graphic design: text, shapes, charts, maps and icons that move. Here is what they are, where they are used, and how to make them.How to make animated text and kinetic typographyMake word-by-word captions, kinetic typography, animated titles and highlighted text for Reels, TikTok and YouTube, and export it transparent to use over your video.How to make animated lower thirdsCreate clean animated lower thirds with a name, title, photo or logo for interviews, podcasts, news and YouTube, and export them transparent for any editor.How to make animated social media graphicsMake animated graphics for TikTok, Instagram Reels, YouTube Shorts and YouTube: hooks, captions, comment replies, counters, end screens and overlays, with the right sizes and formats.