#twitch overlay tutorial

Twitch has boomed lately by becoming the one of the best live streaming platform in the world. Many people with aspiring dreams are joining twitch and trying their luck at becoming a world known live streamer.  So are you someone who has recently started your streaming career and do not know you to appeal to your audience? Do you need a cool looking twitch overlay? Well you have come to the right place.

If you wish to create a twitch overlay in Photoshop then this is the perfect guide for you. I will give you a full overview of how you can easily make twitch overlay in Photoshop.

1. First of all, open Photoshop and create a new image inside the program with dimensions set as 1920 x 1080.

2. Now take a screenshot of the game you want to stream on twitch and upload it as your canvas to use as reference on how the overlay should be. You can get an idea on where to place the overlay elements. Make sure the image is full sized to your dimensions for perfect measurement.

3. Create a new layer. Give it an upper banner name. Now choose the rectangle tool positioned on the left side on menu. There is also a color selector option. Click color selector and set your desired background color. Create a top banner by clicking and dragging the top part of your uploaded layer.

4. Then create a new layer and choose blending options to make a border for this banner. Select the stroke option from menu and set its color and width to your preference.

5. Enable the move tool by pressing” V” and drag the banner upwards. Allow enough space to input whatever text you wish to put on top of your banner. Please make sure it does not block the game screen too much and remember to set opacity to 75%.

6. To make a bottom banner you just have to right click upper banner and choose duplicate layer. Create a new layer similarly and name it bottom banner. Using the move tool, now move it anywhere you see fit at the bottom of your screen.  Place the banner on top and bottom left and right sides.

7. We are almost done, to add text, first create a new layer. Use the text tool and make a new text box. Select the font of your choice and color in character menu. Position the text on the respective banner by using move tool. Now select duplicate layer to create a text for the other banners on your canvas and move them into perfect positions.

8. Finally save the work as Photoshop document first. Then, select the eye icon to make the background transparent on both your game screenshot and other background layers. This will mean only your overlay parts are left in place.

9. Save the file in a .png format and you’re done. That’s how you create your own twitch overlay on Photoshop. This might seem like a lot of steps but if you have any knowledge of Photoshop then you can easily tell this is about 30 minutes of work. It is that easy.