StreamerGenie.
  • Software
  • Equipment
  • Gaming
  • Marketing
    • Growth
    • Branding
    • Money
    • Resources
  • News
No Result
View All Result
StreamerGenie.
  • Software
  • Equipment
  • Gaming
  • Marketing
    • Growth
    • Branding
    • Money
    • Resources
  • News
No Result
View All Result
StreamerGenie.
No Result
View All Result

How to Make a Twitch Overlay Using Gimp

admin by admin
September 27, 2022
in Branding, Software
0
Share on FacebookShare on Twitter

Streaming can be both a fun experience and a daunting one. Daunting because of the various technical skills you might need. One of the staples of any good twitch channel is a unique overlay. You might think that you need to hire a designer or need photoshop and a lot of skills to make one yourself. But I am here to prove you wrong!

Making a twitch overlay using the free software Gimp is very easy. You just need to position a few elements and text with transparent areas for your stream and webcam. Then you can export it as a PNG and start streaming with it decorating your streams.

You might also like

discord

Why Your Discord Won’t Unmute

January 10, 2023
How to record Discord

How To Record Discord Audio

December 1, 2022

That’s the short of it. In this article, I will be explaining all the different steps you will need to follow, what you need to keep in consideration, and how to set it all up. I can assure you; it is a lot easier than you think it is. So, without further ado, let’s get right into it.

How to Make A Twitch Overlay in Gimp?

You might think that there is a high skill requirement to make and set up an overlay on twitch. But there really is not. You can make a really good and unique overlay yourself with a minimal amount of skill and a free software that is really easy to use.

What You Need

First of all, you will not be using any expensive graphic designing software such as photoshop. Rather you will be using an alternative called Gimp. Gimp is a free and open-source image manipulation software. It is really easy to use and very beginner-friendly. So, you won’t have any trouble making your overlay with this.

You will need the software of course, and you will need an image if you do not want to make a background yourself. Making a background yourself might require a bit more editing and designing skill, and just using flat colors is not ideal.

It is recommended that you go with a royalty-free image as that will both decrease the cost and cancel out the chances of any copyright issues. It is better to go with abstract artworks than scenic images, but depending on your stream you can always make a choice.

What You Will Be Making

You will not be making many different complicated designs. What you will be making here is a PNG file that will just be used for cosmetic purposes on your stream. A PNG file with transparent sections for your gameplay or whatever you will be streaming and your webcam view is all you will need.

Your file will have a border, sections where you have some descriptions or social media details written, and transparent sections. After that, you will be using that with OBS to use an overlay on your stream. So, with all that out of the way, let’s get into making the actual file.

Making the Base Overlay

Step 1: Make a Canvas

First, you will need to create a new canvas. You can use the keyboard command “Ctrl+N” to do this. You should create a canvas the same size as your stream. These days most people stream at 1080p, so your canvas size should be 1920 by 1080. But, if you have a different sized stream, make sure to follow that size.

Step 2: Color Your Current Layer

Next, you need to copy the layer and make it another color. Which color you pick here does not matter as we will be using this to crop out the section for your stream. Resize it as you would like, keep the necessary sections and borders as you would like.

Step 3: Make the Webcam Box

Then create another layer, this will be the section for your webcam. Resize it again to your preference, similar to how we did in the last step. Now, let us move on to the image you will be using as a background. I recommend a source such as Pixabay to look for a good royalty-free image that works with your channel’s theme.

Step 3: Make Your Background

Now you need to put the image in a new layer and put that layer between the previous two layers. Now select the first section layer and right-click and select the option “Alpha to section”. Now select the image layer and press “Delete”; this will subtract that section from the image and create a transparent area.

Step 4: Add Graphics to Webcam Box

After that, you will have to do the same thing for the webcam section. Again, select the layer and move it to alpha. And then delete that section from the background image layer. Now if you disable the section layers and the original background canvas, you will see that you have a background with transparent sections for both your webcam view and stream.

This is your base file. It has a background and transparent sections for your stream and webcam. You can very well use this and it will most definitely be an improvement over streaming without an overlay. But the ideal situation is adding decorations over this. Let’s discuss that.

Adding Decorations to Your Overlay

If you have made the base overlay file then you have a png with two transparent sections and a border. You will also have empty sections where you can put quite a few details. If you have made a file with just a bit of border then you will not have space to put your logo, social details, etc. It’s a good idea to add the extra details in their separate layers.

So, in the empty spaces, you can put a channel logo if you have one. Or you can put a slogan or something to make it more engaging for your viewers. You can also put your social media details such as Twitter, Instagram, Facebook links on there. It is recommended to have the logos of the social media sites next to the logo.

Some people even leave a space blank so they have somewhere to put the chat widget. Finally, you can tidy it all up by adding effects to the logos and text. Maybe you can even add borders and lines to accentuate everything. It’s all up to you, just be aware that you should not make it too cluttered and keep things simple.

Now all you need to do is disable any background layers so the transparent sections stay transparent and export the file. Make sure of one thing; export the file as a PNG. A PNG file will have the transparent sections as transparent. Other formats will not so do not make this mistake.

How to Set Up A Twitch Overlay?

Now let’s discuss a bit about how you will set up the overlay and use it on twitch. This part is fairly simple too.

Go into OBS, select source, and select image. Now pick the image that you just created and put that.

Your overlay is set up. Just make sure that your stream sections align with the transparent sections properly and you will be good to go.

Conclusion

We discussed how you can make your twitch overlay using gimp. It is very easy to use this free software to make an overlay. There is not much skill required. You can even advance from here by tinkering with Gimp as it is very easy to use. Keep a theme in mind and your design will be great.

I hope this detailed guide on how to make a Twitch overlay using Gimp helped you in improving your streams. Hopefully, this article answered all of your technical questions and you now have a clear idea on making overlays. Thanks for reading till the end, and happy streaming!

admin

admin

I'm the One who gets things done around here.

Related Stories

discord

Why Your Discord Won’t Unmute

by admin
January 10, 2023
0

Discord is a popular communication platform that allows users to chat, voice and video call with friends, family and coworkers....

How to record Discord

How To Record Discord Audio

by admin
December 1, 2022
0

Discord is a great platform for gamers and online communities, but sometimes people want to record their conversations for various...

The Best Twitch Chat Bots (2022)

The Best Twitch Chat Bots (2022)

by admin
July 15, 2022
0

As Twitch becomes increasingly popular, so does the need for tools to improve the streaming experience for both broadcasters and...

Moobot

Moobot: The best Chatbot for Twitch streaming?

by admin
September 8, 2022
0

Moobot is a chatbot that helps Twitch streamers manage their chat and grow their channels. Launched in early 2016, Moobot...

Next Post
Stream on PS4

How to Stream PS4 with OBS without Remote Play?

StreamerGenie

We are a resource for content creators and viewers on Twitch and Youtube.

  • Contact
  • About StreamerGenie
  • Privacy Policy
  • Sitemap

© 2022 StreamerGenie.

No Result
View All Result
  • Software
  • Equipment
  • Gaming
  • Marketing
    • Growth
    • Branding
    • Money
    • Resources
  • News

© 2022 StreamerGenie.