This will open the overlay editor in a new tab. If you’re already signed in you can go straight there.

Navigate to my overlays from the Streamelements dashboard. Locate the side bar on the left hand side then select Streaming Tools -> My overlays. If you hold Shift + Left Click whilst resizing you can resize the overlay source without being locked to it’s aspect ratio.Īdditionally holding Alt + Left Click whilst dragging the corners will crop the overlay source. You’ll notice that OBS maintains the aspect ratio of the overlay when you resize. Do this by dragging (hold left click) the corners. If the images aspect ratio is different to your canvas resolution in OBS, you’ll need to manually resize the image. To do this quickly, right click the overlay in the preview window and select Transform -> Fit To Screen. Once the image overlay has been added to the scene, you might need to resize it. If you don’t see a browse button in the properties window, confirm that Local File checkbox is enabled. Select ok to finish adding the overlay to your scene. This ensures the animation will start playing again after it finishes. Once you find the overlay file select it and press Open.

Once you select browse a new window will show, use this to locate the overlay file on your computer. As your scenes become more complex a good naming convention will help keep everything organised.įrom the Properties window select Browse and select your overlay file. When it comes to naming sources use descriptive names so that sources can be easily identifiable. With Create New option selected, enter a name for the source and press OK. The alternative option Add Existing can be used if you want to make a copy of an existing source. For the purpose of animated overlays you have to use the media source.Īn alternative way to create a media source in OBS is to Right Click within the Sources area then Add -> Media Source. There are quite a few different sources available to choose from. In the new sources menu select Media Source. Locate the + Icon in the sources section. Enter a name a press OK.Ĭreate a new media source. A prompt will then show asking for the scenes name. Enter a name for the new scene and hit OK.Īn alternative way to create a scene is to Right Click within the scenes area and select Add. Typically this button is in the lower left on the default layout. To create a new scene, press the + icon in Scenes section. If you’ve created a scene before which you would like to add an overlay to, simply select it in the Scenes section to make it active. Launch OBS studio and create a new scene.

Add overlay to obs studio