Fire an SVG graphic live from scene studio

In this article, you will learn how to fire an SVG graphic live from the scene studio.

Before you begin

To learn how to create a scene in EvoFX broadcast graphics platform studio, refer to this article.
To learn how to select an SVG design in EvoFX's scene, refer to this article.
To learn how to open scene studio, refer to this article.

Fire an SVG graphic live from scene studio

After opening the scene studio, click the "SETTINGS" icon for the SVG graphic, as shown below.



Once clicked, a dialog box titled "Settings for SVG Graphic" will open. Click "EXPAND ALL" to expand all settings for the SVG graphic, or click "COLLAPSE ALL" to collapse them.

When you click "EXPAND ALL," all settings related to the SVG graphic will open:

a) Data settings include Refresh on Live and Refresh Rate (seconds), which control how often the data inside the SVG refreshes.

b) General settings allow you to configure the graphic’s exit settings, such as:

      i) Exit Animation dropdown with options: Slide Left, Slide Right, Slide Up, and Slide Down

      ii) Exit Duration input field and slider (in seconds)

      iii) SVG URL, where you can paste the public URL of your SVG design

c) Position & Rotation settings

      i) Position X input field and slider - moves the graphic horizontally

      ii) Position Y input field and slider - moves the graphic vertically

      iii) Rotate - rotates the graphic

d) Scale settings

      i) Lock Aspect Ratio (true/false) - locks or unlocks the aspect ratio

      ii) Scale X - scales the graphic in the X direction

      iii) Scale Y - scales the graphic in the Y direction

After making the required changes, click the “CLOSE” button located at the bottom right of the dialog box.

Note: To learn how to upload public files in SPAN, refer to this article.

After finalising the settings, click the graphic’s name in the "CONTROLS" column to make the SVG graphic visible in the "PREVIEW" window.

Once clicked, the graphic name’s background in the "CONTROLS" column will turn red, the "SLOTS" dropdown will be set to "ON", and the graphic will be visible in the "PREVIEW" window. After previewing the graphic, click the "TRANSITION" button to make it live and visible in the "LIVE" window.



Upon clicking, the graphic name's background in the "CONTROLS" column will turn green, and the graphic will be visible in the "LIVE" window. To remove the graphic from live, click the "LOSE ALL" button.



Once clicked, the graphic will be removed from live, as shown below..

• Related Articles

• 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 ...

• Open scene studio

  In this article, you will learn how to open the scene studio. Before you begin To learn how to create a scene in EvoFX broadcast graphics platform studio, refer to this article. Open scene studio After opening the scene's Rundown Manager, click the ...

• Locking a graphic on live

  In this article, you will learn how to lock a graphic on live in EvoFX Studio. Before you begin To learn how to remove all graphics from live in EvoFX broadcast graphics platform Studio, refer to this article. Locking a graphic on live Using the ...

• Select a design in scene

  In this article, you will learn how to select a design in EvoFX's scene. Before you begin To learn how to create a scene in EvoFX broadcast graphics platform studio, refer to this article. Select a design in scene Open the scene's Rundown Manager by ...

• Create scene

  A scene is where you can import, modify and manage different graphics in EvoFX broadcast graphics platform studio. In this article, you will learn how to create a scene in EvoFX. Before you begin To learn how to navigate from home page to ...