Add graphics to Livestream Studio productions

Titler Live products let you output graphics to Livestream Studio via NDI and display graphics as overlays with alpha channel support. This article describes how to add a Titler Live source to your Livestream Studio production and create an alpha channel for your graphic.

Add a Titler Live source

  1. Open Titler Live and create a channel of layers that you want to include in your Livestream Studio production. For details, see Channel panel management.
  2. In Titler Live, set your output to NDI.
  3. In Livestream Studio, navigate to the Inputs Tab in the bottom panel of the Advanced or Basic view.  (You can also click the Settings livestream-icon-settings.png button in the top-right corner where you will be redirected to the Inputs tab.)
  4. Click the Add livestream-icon-add-input.png button > Remote > Select Your system Name ( NewBlue Channel 1).
  5. Ensure the correct Video Source is selected from the drop-down list and select the NDI source from the list of NDI-enabled sources on your network.
    Screen_Shot_2022-04-27_at_4.43.59_PM.png

    Note: Your Project Settings within Titler Live 5 must match your Project Settings within Livestream Studio.

Your Titler Live graphic appears with all other inputs in your Livestream Studio multi-view. You can switch your graphic between Preview and Program monitors just like any other source.

Back to top

Create an alpha channel for a Titler Live graphic

  1. To enable an alpha channel with NDI, in Livestream Studio, navigate to a GFX menu and click the Add livestream-icon-add-input.png button > New Layer.
  2. Click the Add video source livestream-icon-paintbrush.png button.
  3. In the GFX Designer, click the Enter settings... livestream-icon-camera.png button to bring in your NDI source as a graphic. The first input source will appear.
  4. Click the input source graphic in the GFX Designer.
  5. Click the input source graphic's Settings livestream-icon-source-settings.png button, then select the NDI source.

    livestream-gfx-designer-settings.png

    Notice the graphic has a transparent background rather than a black background.

  6. If desired, use the available settings to adjust the graphic's appearance. In the following example, we scaled the title to create a full-screen graphic.

    livestream-gfx-designer-preview.png

  7. When you are satisfied with your graphic's appearance, close the GFX Designer.

Now you can use the graphics overlay controls in the top-right corner of Livestream Studio to bring in your Titler Live graphic as an overlay with alpha channel support.

Back to top

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request