How to use the TikTok LIVE Overlay Maker
- The TikTok LIVE preset is already loaded. Change the theme, colours, font or frame style if you like.
- Drag the webcam (and chat box, if shown) on the preview to fit your own HUD settings.
- Download the overlay PNG, or the full pack with matching scenes, panels and banners.
- In TikTok LIVE Studio or OBS, add the PNG as an Image source on top, or paste the animated version URL as a 1080 × 1920 Browser source.
About this TikTok LIVE layout
TikTok shows your profile and viewer count along the top and comments and gifts along the bottom, so this preset keeps a wide webcam frame near the top-middle and leaves the info bar off.
Everything else works like the main Twitch overlay maker: upload your logo, rename the labels, save your design as a link and grab matching panels, banners and scenes in the full pack.
Presets for other games
- Fortnite Overlay Maker
- Valorant Overlay Maker
- League of Legends Overlay Maker
- Overwatch Overlay Maker
- Minecraft Overlay Maker
- GTA Overlay Maker
- Just Chatting Overlay Maker
Frequently asked questions
What size should a TikTok LIVE overlay be?
1080 × 1920 px, the same as your vertical stream canvas. This preset exports at exactly that size.
Where should my webcam go when streaming TikTok LIVE?
TikTok shows your profile and viewer count along the top and comments and gifts along the bottom, so this preset keeps a wide webcam frame near the top-middle and leaves the info bar off.
Is this an official overlay?
No. It’s a free, independent overlay maker with TikTok LIVE-inspired colours. It uses no game logos or artwork, so it’s safe to use on any channel.
Can I make it animated?
Yes. Pick a frame and panel effect under Animated version and add the URL as a 1080 × 1920 Browser source.