Make Custom Twitch Overlays for Free Online

Twitch overlays can make content look more professional, more personalized, and easier to watch. I'll show you how to make your own Twitch overlays, all for free and online.

Make Custom Twitch Overlays for Free Online

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. In this post, I'll be demonstrating how to design and download your Twitch frame overlay using Kapwing, either from scratch or using one of our Twitch overlay templates.

Here’s what you need to know:

  1. Use a Twitch overlay template or start from scratch
  2. Edit and arrange your design
  3. 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 to help you get started:

Fortnite Overlay Template:

Edit this template

PUBG Overlay Template:

Edit this template

Generic Twitch Overlay Template:

Edit this template

If you’d prefer to start from scratch, head over 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 any of the above Twitch overlay templates, you can customize the text layers and hit “Export” to use the default version.

If you want to make the overlay more your own, though, you can edit different 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 design elements by clicking the “Elements” tab in the lefthand sidebar.

If you’re starting from scratch, begin by making your background transparent. Add shapes, images, and text using the left side toolbar. You'll also want to adjust the canvas size to the correct dimensions for the screen you’re streaming from by editing the "Output Size" in the right side toolbar.

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

When you're satisfied with your Twitch overlay, hit "Export." Your transparent PNG file will be processed and ready to download in just a few seconds. When it's finished, select "Download" from the right side of the screen to save your new Twitch overlay 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.”

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.

Now you're ready to stream with your new, personalized Twitch overlay.

For more creator tips, news, and resources, join our newsletter – you'll get the latest and greatest from our Resource Library delivered right to your inbox.

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