Have you jumped into some streams and seen that they have a scrolling text bar along the top or bottom of their stream. Maybe it was display a message or their recent followers. It looks like a scrolling text ticker that you might see on a news channel.
In todays article we are going to go step by step through how you can create this scrolling text ticker effect in Streamlabs and OBS Studio. Let’s jump in and get started.
How To Create A Scrolling Text Ticker In OBS Studio
First I am going to show you how to create a scrolling text ticker inside OBS Studio. Luckily for this tutorial we will not need any extra plugins. Everything can be done natively in OBS Studio.
To set up scrolling text follow the steps below:
- Open OBS Studio
- Navigate to sources –> “+” –> Text to add a new text file
- Give your Text file a name –> Click OK
- An options screen will appear where we can edit our text file. Add the text in the text section that you want to be displayed in the scrolling ticker and click OK when you are finished.
- You will now see this Text in your scene and the Text layer will be in your sources. In the sources section right click on the text layer you just created and click on filters.
- In the filter panel go down to the “+” in the bottom left hand corner and select the scroll filter. This is the filter that we use to get the scrolling effect. It comes as standard in OBS Studio. Once you select the scroll filter give it a name and click OK.
- You will now see the Scroll Filter settings panel. For the scrolling ticker effect we want to set the Horizontal speed to around 100. This moves the text at a readable pace from right to left. If you want your text to move in the opposite direction you can set your scroll speed as a negative.
- I would also recommend selecting the “Limit Width” box. Limit the width of the ticker to the width of your scene in OBS. For most people this will be 1920.
- You can then click close and you will see your scrolling text in your scene.
That’s all there is to it for creating a simple, scrolling text ticker inside OBS Studio. You can now move the ticker to your desired location.
Vertical Scroll Speed – If you decide to also increase the vertical scroll speed you will you will get a duplicated text effect. I have included an example below where I set the Horizontal limit to 1920 and the vertical limit to 1080. I turned both the vertical and horizontal scroll speed to 150. As you can see it give us a background text scrolling effect.
How To Create a Scrolling Image Background In OBS
By using the same method as above with an image you can create some really cool animated backgrounds that are light on your CPU. For example if you wanted to have your logo scrolling as a background you can follow the same steps as above but for an image.
- Add your logo as an image source in OBS
- Right click on the source and go to filters
- Apply the scroll filter
- Set Limit width to 1920 Horizontal and 1080 Height
- Set the horizontal and vertical scroll speed to 150
Using these settings you will be able to get the same effect as below. This can be used for a really cool BRB or Starting soon screen with your branding. The quality is a little off in the the Image below but that’s just because it is a GIF. In OBS an on stream it will be smooth and high res. Try it out, it could help make your stream stand out from the rest.
How To Change The Font On Your Scrolling Text
You may want to change the font of your scrolling ticker to make it more on brand with your stream. To do this double click on the text layer in your sources. You will then see the screen below.
Click on the select font button. Here you will be able to choose from any font installed on your system.
You can now have a scrolling text ticker that matches your brand. If you want to add a custom font to OBS make sure to check out our guide to adding custom fonts to OBS Studio.
How To Make A Scrolling Text Ticker In Streamlabs
If you are using Streamlabs OBS I will take you through the steps below to set up scrolling text. It is essentially the same as above however the UI is slightly different.
- Open Streamlabs OBS
- Go to the sources section and click on the “+” icon. In the sources options select Text (GDI+) –> Add Source –> Give Your Source a name –> Add Source
- You will then see the settings menu for your text. Add the text you want to be displayed in your ticker and customise to your liking with the features in the text menu.
- Click on done to create your text source. Now that your source is created right click it and select Filters –> Edit filters. The filter menu will appear.
- In the filter menu select Add Filter. From the Filter Type dropdown click on scroll and then click Add.
- You will now see the options for the scroll filter. To create a ticker effect I recommend setting the Horizontal Speed to 100.
- If you are using 1920×1080 canvas in Streamlabs you can Limit Width to 1920 so that your ticker doesn’t spill over the canvas.
- You can now close the filters menu and your scrolling text ticker will be in your Streamlabs Scene.
That’s all there is to it. You now have a scrolling text ticker on Streamlabs OBS. If you want to create similar background effect as above with an image like the OBS tutorial above you just need to follow the same steps by applying the scroll filter to your logo.
Wrapping Up
You can now have a scrolling text ticker quickly and easily in Streamlabs or OBS Studio. I look forward to seeing what you guys put together with this feature on your Streams. I think the coolest way to use the scroll filter is to apply it to your logo to create an animated background.
Read More From Get On Stream:
