Creating and converting a text-only SVG lower third into an EvoFX graphic

You can create or design SVGs using tools such as Adobe Illustrator, which may take time depending on your level of expertise. To save time and with little to no experience using design tools, you can also use AI tools such as ChatGPT or Google Gemini to generate SVG designs based on your requirements. After generating your SVG design, you can quickly convert it into a broadcast-ready graphic in EvoFX. In this article, you will learn how to create and convert a text-only SVG lower-third into an EvoFX graphic.

Before you begin

To learn how to create a scene in EvoFX broadcast graphics platform studio, refear to this article.

To learn how to open scene studio, refer to this article.

Creating a text-only SVG lower third in ChatGPT

1. Below is the prompt used in ChatGPT to generate a text-only SVG lower-third.

Note: While writing a prompt to generate an SVG using an AI tool, or while creating an SVG in design tools such as Adobe Illustrator (and converting it into an EvoFX graphic), make sure:
      a) All text should be written using <text> elements only (do not convert text to paths) so you can customise the text using input fields.
      b) The viewBox can be any dimension, but the SVG should not specify height and width, so it can use 100% of the available space defined by the viewBox. 

2. And the above prompt generated a text-only SVG lower-third design, as shown below.

Converting a text-only SVG lower third into an EvoFX graphic

1. Once you design or generate a text-only SVG lower-third, you can upload it to SPAN as a public file using the Upload Public Files feature. After uploading the SVG, copy its URL.

Note: To learn how to upload a public SVG file and copy its URL in SPAN, refer to this article.

2. Then, paste the URL into the SVG graphic settings in the scene studio to convert it into an EvoFX graphic.

Note: To learn how to paste the public URL of an SVG file into the scene studio, modify its settings, convert it into an EvoFX graphic, and fire the SVG graphic live from the scene studio, refer to this article.

3. Once the settings are updated, you can fire the graphic live and use the scene studio's live output link for your broadcast by pasting it into broadcast software such as OBS or vMix.
For example,
if your scene studio link is: https://app.banyanboard.com/#/public/scenes/e08f47ab-15da-4bd5-85c7-8320414709ac/studio/
then the live link is: https://app.banyanboard.com/#/public/scenes/e08f47ab-15da-4bd5-85c7-8320414709ac/live/
In other words, replace "studio" with "live" at the end of the URL.

• Related Articles

• Lower third

  In this article, you will learn how to fire an lower third graphic like the below one in EvoFX broadcast graphics platform studio. Before you begin To learn how to select a match in EvoFX studio, refer to this article. Currently, the EvoFX studio ...

• 3D lower third

  In this article, you will learn how to fire the 3D lower third graphic like the below one in EvoFX broadcast graphics platform studio. Before you begin To learn how to select a match in EvoFX studio, refer to this article. The 3D lower third graphic ...

• 3D lower third

  In this article, you will learn about the 3D lower third graphic, which can be used in multiple sectors like corporate events, sports, and news channels to highlight an issue, important information, or statistics. On 1920x1080 screens, the 3D lower ...

• Player stats lower third

  In this article, you will learn about the player stats lower third graphic, primarily used in sports to highlight information and important statistics of a particular player. On 1920x1080 screens, the player stats lower third graphic, once launched ...

• Basic lower third with smooth edges

  In this article, you will learn about the basic lower third with smooth edges graphic, which can be used in multiple sectors like corporate events, sports, and news channels to display information live while the video stream is ongoing. On 1920x1080 ...