Categories
OBS Streaming

OBS Design Fundamentals – Text Source

Text Sources have a lot of versatility in OBS for just displaying text as there are many ways you can design and place text on your stream. With the text source, you’ll be able to do the following and more:

  • Change the font
  • Change font style
  • Add effects (strikeout or underline)
  • Transform text
  • Display text vertically
  • Change color
  • Add gradient
  • Add a background color
  • Change opacity
  • Change alignment
  • Add outline
  • Display text from a file

For this lesson, we will be focusing primarily on the text and alignment properties. If you would like to learn more about selecting the color of the text, please refer to OBS Design Fundamentals Color Source to understand how to set colors in OBS.

Font

With the text source you can use any font that you have downloaded. You can select the font, the font style (if supported by the font), the font size, and effects such as strikeout and underline. If you need to use a different language, then you can select the Writing System drop down list and select the language you need. Fonts that support that Writing System will be shown in the Font list.

Read From File

Read from file is a checkbox in the text source properties that allow you to add a *.txt file (also known as notepad) to the text source. Any text within that file will be adjusted to the font that you have set in the text source. Read from file is a good solution that can save you time from having to type out the text you need to display.

Text Transform

Text transform adjusts the text source to the following.

  • None – No adjustments to text.
  • Uppercase – Converts all text to uppercase letters.
  • Lowercase – Converts all text to lowercase letters.
  • Smart Case – Converts all first letters in a word to uppercase.

Vertical

As you can see from the picture below, when you click the vertical check box in the text properties, the text while formatted vertically does is not legible.

Gradient

When you select the gradient checkbox in text properties, the gradient color options appear. You’ll be able to select a second color for the text, adjust the opacity, and adjust the direction of the gradient.

Background Color

By default, all text sources have a background color of black with the opacity turned to 0%. If you would like to have a square background behind your text, you can increase the opacity slider to your desired level. You can also change the background color using the same options as a color source.

Opacity

You can set the opacity of the text and the background to make text appear solid, transparent, or invisible.

Alignment

You can set the alignment and vertical alignment of the text source.

Outline

By enabling this checkbox, you will be able to add an online to the text source. Increasing the value of the outline size will increase the thickness of the outline. You can also set the outline color and the outline opacity.

Create a Text Source

For this exercise, we will be making a text source and you can either put in your name or a social media handle such as @YourName. We will also be positioning the text into the lower right-hand corner.

1.      Click on the + sign and add select Text (GDI+) and press the OK button in the pop-up window.

2.      In the text box, type in your name or username or social media handle.

3.      Click OK to confirm changes.

Text sources are great for short lines of text such as a person’s name, a song, or summarizing information in a single sentence.