How to use the Valorant Overlay Maker
- The Valorant 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 OBS, add the PNG as an Image source on top, or paste the animated version URL as a 1920 × 1080 Browser source.
About this Valorant layout
Valorant’s minimap sits in the top-left corner and your abilities at the bottom centre, so this preset puts a compact webcam on the right edge, roughly halfway down, where the screen is usually clear. Drag it if your HUD settings differ.
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
- League of Legends Overlay Maker
- Overwatch Overlay Maker
- Minecraft Overlay Maker
- GTA Overlay Maker
- Just Chatting Overlay Maker
- TikTok LIVE Overlay Maker
Frequently asked questions
What size should a Valorant overlay be?
1920 × 1080 px, the same as your OBS canvas. This preset exports at exactly that size.
Where should my webcam go when streaming Valorant?
Valorant’s minimap sits in the top-left corner and your abilities at the bottom centre, so this preset puts a compact webcam on the right edge, roughly halfway down, where the screen is usually clear. Drag it if your HUD settings differ.
Is this an official overlay?
No. It’s a free, independent overlay maker with Valorant-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 1920 × 1080 Browser source.