If you watch any streaming content at all, you’re familiar with the overlay frames that top creators add to their Twitch streams. Twitch overlays can make content look more professional, more personalized, and easier to watch. If you find an easy enough way to make yours, you can even make different overlays for different types of streams – for example, using one overlay design for Fortnite streams and another design for PUBG streams can give your channel the look of a top-level streamer, even if you’re new to Twitch.
There are a few different tools you can use, but I recommend using Kapwing to design and download yourTwitch frame overlay. With Kapwing, you can combine any elements you want, from images and text to GIFs and shapes, on the same canvas, and easily erase or remove any part of your project’s background. Plus, it’s free to use, completely online, and gives you cloud storage for your overlay files. Here’s what you need to know:
Free Mixer Overlay Templates; Free Twitch Overlay Creator; Player.me is a networking tool for gamers and streamers that is starting to branch out and become a platform in its own right. Earlier this year, we took a look at a desktop app for Windows that makes it really easy to stream from your PC. What Are Free Stream Overlays? Our Free Stream Overlays include collections of stream graphics to decorate and inform from top to bottom, with cam frames, social media panels, stream info panels to show off follows & subs, and more. Downloads include standard graphic types (PNG, GIF, JPG), all workable with Streamlabs OBS, OBS Studio, and xSplit.
- Use a Twitch overlay template or start from scratch
- Edit and arrange your design
- Download and add to your stream
Step 1: Use a Twitch overlay template or start from scratch
To make the process as quick & easy as possible, we made a few different Twitch overlay templates for you to get started with. Just click “Make It” to start editing.
Fortnite Overlay Template:
Free Mixer Overlay Template Photoshop
PUBG Overlay Template:
Generic Twitch Overlay Template:
If you’d prefer to start from scratch, head over to Kapwing.com and click “Start Editing” to go to the Kapwing Studio. Here, you can add any elements you want, as well as remove the background from an overlay you like, or customize a picture you found online.
Step 2: Edit and rearrange your design
If you started with a Twitch Overlay Template, you can replace the text layers with what you want and press “Publish” to use the default version. But you might want to make the overlay your own by editing parts of the canvas to look just the way you want. Click on a text box to change its font, color, or background. You can also add additional images or designs by clicking the “Images” tab in the top toolbar and searching the web for the layer you want to add, or uploading one from your computer.
If you’re starting from scratch, begin by making your background transparent. Then add shapes, images, and text using the tabs in the upper toolbar. Make sure your Kapwing project has the correct dimensions for the screen you’re streaming from. For some devices, the correct dimensions are 2560x1440, or an aspect ratio of 16:9. For others, the optimal dimensions are a bit taller, at 2560x1600 – this is the aspect ratio of Kapwing's Twitch overlay templates.
Step 3. Download and add to your stream
Free Mixer Templates
When you're satisfied with your Twitch overlay, click 'Publish' in the upper right-hand corner of the Studio. Your transparent PNG file will be processed and ready to download in just a few seconds. Once your overlay is finished processing, select 'Download' from the right side of the screen, and your Twitch overlay will be saved to your device.
To add your custom overlay to your streams, you’ll need to use your streaming software itself. In OBS, for example, it’s simple to add your Twitch overlay to your stream. Select the scene you want to use, click the “+” button under “Sources,” and choose “Image.” Here, enter a name for your new image source, make sure it will be visible, and click “Ok.” Next, find your Twitch overlay PNG in your file browser and add it to your scene. You can click and drag the edges of the image layer to make it fit to your streaming window in the OBS overview.
Remember to tag us @KapwingApp whenever you share your content on social media– we love to see what our creators are passionate about! And be sure to subscribe to the KapwingResources page – we’re constantly writing new tutorial and features to help you make the most out of Kapwing.
Related Articles:
• How to Share a Twitch Stream on Social Media
• How to Repost Videos from Anywhere to Instagram
• How to Make a Zoom Virtual Background
• How to Grow Fast on Twitch
• How to Make Discord Emojis
Overlay Template Twitch
How to make your Twitch stream overlay
Best Overlays For Mixer
Start with inspiration
We hook you up with thousands of professionally designed templates so you’re never starting from a blank canvas. Search by platform, task, aesthetic, mood, or color to have fresh inspiration at your fingertips. Once you find a graphic to start from, just tap or click to open the document in the editor.
Remix it to make it your own
There are lots of ways to personalize your overlay templates. Change up the copy and font. Sub out the imagery with your own photos. Or browse from thousands of free images right in Spark. Spend as little or as much time as you want making the graphic your own. With a premium plan, you can even auto-apply your brand logo, colors, and fonts so you’re always #onbrand.
Amp up the flair
It’s easy to add extra flair and personality to your projects with Spark’s exclusive design assets. Add animated stickers from GIPHY or apply a text animation for short-form graphic videos in one tap. We’ve taken care of all the boring technical stuff, so you can focus on your message and style. You can also add collaborators to your project, so you can have more hands on deck bringing your overlay design to life.
Resize to make your content go further
Gone are the days of having to memorize image dimensions for every single platform. Once you’ve landed on a design you like, you can easily modify it for any social network by using Spark’s handy, auto-magical resize feature. Simply duplicate the project, hit resize, and select the platform you want to adapt it for and our AI will take care of the rest. Boom! Content for all your channels in a fraction of the time!
Save and share your overlay design
Once your stream overlay design is complete, hit that publish button! Be sure to save your design with a transparent background if you’re making an overlay that frames your livestream. Or, create a fullscreen graphic! Download your design to drop right into your streaming software. And, Adobe Spark saves your designs, so you can always revisit your overlay design, or duplicate it and switch it up for future needs.