How to use the League of Legends Overlay Maker
- The League of Legends 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 League of Legends layout
League’s minimap is in the bottom-right corner and the scoreboard in the top-right, so this preset keeps a small webcam in the top-left corner and skips the info bar, which would cover your abilities and items.
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
- Overwatch Overlay Maker
- Minecraft Overlay Maker
- GTA Overlay Maker
- Just Chatting Overlay Maker
- TikTok LIVE Overlay Maker
Frequently asked questions
What size should a League of Legends 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 League of Legends?
League’s minimap is in the bottom-right corner and the scoreboard in the top-right, so this preset keeps a small webcam in the top-left corner and skips the info bar, which would cover your abilities and items.
Is this an official overlay?
No. It’s a free, independent overlay maker with League of Legends-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.