![free fog overlay obs studio free fog overlay obs studio](https://cdna.artstation.com/p/marketplace/presentation_assets/000/870/180/large/file.jpg)
FPS: 30 or 60 depending on your current stream settings and computer's capabilities.Height: 1080, unless you've changed the browser source's resolution yourself.Width: 1920, unless you've changed the browser source's resolution yourself.URL: Paste the overlay URL you obtained in the first step of this guide here.The following options should be set in order for the overlay to work correctly: Step 4: Select 'Create new' to add a new browser source and click 'OK'Ī new window will then appear prompting you to set up your browser source properties. Step 2: Select the + button in the bottom left and choose BrowserĪ new window will then appear prompting you to either create a new source or add an existing source. Step 1: Navigate to your Sources panel in OBS How to add your StreamElements overlay to OBS: Just hover over the chain icon in the top right section of your overlay editor and right-click to copy to your clipboard.įor the next step in this process you will need to move over to OBS. If you're already in your overlay editor, you can easily find the option to copy your url to paste into OBS. Now you're ready to paste this URL into OBS, feel free to move down to that section below if you're ready. Step 2: Select the overlay you want to copy and click on the kebab menu (the 3 dots in the bottom left of your selected overlay as shown below) Step 1: Navigate to 'Streaming Tools' -> 'Overlays' The first thing you will need to do is grab the overlay that you are wanting to insert into OBS by copying the overlay's URL. Where to start with adding your overlay to OBS: In this article we will over how you can add any StreamElements overlay into an OBS scene. StreamElements offers both static and animated overlays for you to utilize for your stream. OBS Studio is a powerful tool in making professional streams, so be sure to explore the software for yourself.One of the most important and creative things new streamers like to bring into their stream, is the unique additon of overlays. Now that the most important streaming elements are set up, you’re ready to engage with your audience. You’ve learned to set up alerts, gameplay, and webcam in OBS Studio and Stream Elements. The multiple Follow Alerts appear in OBS. In the Stream Elements dashboard, click Alerts, then emulate the Follow Alerts several times in a row. Test the placement of your alerts in the new overlays in Stream Elements. Resize and position the grouped overlays, then lock the group in the Sources tab. Right click and select “Group Selected Items.” Now you can position both overlays as one. Once correctly positioned, select both Webcam and Camera in Sources by holding the Ctrl key. Lock the camera to help you position the webcam overlays. Next, adjust the Facecam overlay over the webcam. Select your capture card in the Device drop down menu. In OBS, add a new source and select Video Capture Device. Once positioned, return to Stream Elements to change the theme to Dark or a new color. Resize the chat overlay to fit the black rectangles of the overlay template, then Save. The Chat Properties window appears.Įnter the copied URL in the URL field. Name the overlay Chat in the pop-up window and click Save.Ĭopy the hyperlink by clicking the hyperlink icon in the upper right of the toolbar. For now, choose a bright color to help you see the chat overlay when you position it in the template frame in OBS. Scroll down and choose a Background Color. Your new timer opens in a new tab.ĭoubleclick the new Your streams chat 1 layer in the side panel.Ĭlick Settings. Go to After customizing your timer settings, click Get my Timer. Click the lock icon to prevent further changes.Select the source, then right click and select Transform, then Fit to Screen. The new Starting source is now in the Sources tab.Select the Starting Soon file from the file browser.Select Create New and name your image Start.The Create/Select Source popup window appears. In OBS Studio, click the icon under the Sources tab to add a new source.This countdown timer is a free tool I created for you, which can be found at This screen will be showing before your twitch stream begins and features a countdown timer for your audience. Creating a Starting Soon screenįirst, create the Starting Soon screen. You will learn how to set up the following:ĭownload the free template files for this tutorial at using the coupon code FREESTEAMOVERLAY.