

Now from the main menu go Select -> Modify -> Contract.įrom the contract menu enter 5px for contract amount, enable Apply at Canvas bounds and hit OK. You can confirm this by checking for a dotted black and white border around the canvas. Make sure the selection is still made from step 4. With your color selected, click anywhere within the canvas to fill it with your chosen color. If you don’t see this panel, select Window -> Color from the main menu.

Locate the color panel on the right side of the application. Once you long press this button a small drop down will appear so you can select the pain bucket tool. You might need to long press this button if the gradient tool is currently enabled. This will make a selection around the canvas boundary. With the new layer selected, go to the main menu within the application Select -> All. This button will be located in the bottom right of the application within the Layers tab. Finish off by selecting Create.Ĭreate a new layer. They should correspond with the width and height used for setting up the chat feed. Within the New Project pane set the Width and Height. This is a completely free browser based photo editing application. For this tutorial we’re using the Width : 300 and Height : 600. This is important to know before we start creating the frame. Keep a note of the dimensions you used for setting up the chat feed. This is a great and easy to follow method using all free tools and software.īefore we start creating the chat box frame, firstly follow our method for adding Twitch chat to your stream. We’ll show you how to create a stylistic border that will go around your chat feed to give you stream a more professional edge. Confirm everything works by typing in your channels chat.Īdding a chat feed to OBS can appear a little bit basic. It might take a moment to start displaying. The chat overlay will now be added to your scene in OBS.

Then select Browser from the selection dialog. Create a browser source by selecting the + icon in the sources section. Copy this URL and move on to the next step. You’ll be shown a new window which contains a unique URL based on your channel and settings.This will enable bttv emotes for your chat overlay. Select Dark BTTV from the chat theme dropdown.We’re going to leave them disabled and select the Chat Theme dropdown. From the new set up window, enter your channel name.Select Get It to initiate the set up process. However, today we’re going to be focusing on another method using Kapchat. Streamlabs and Streamelements both provide a solution for this. When it comes to adding a Twitch chat overlay to OBS you have a few options available.
