The Visual Designer is a powerful tool to design animated graphics with dynamic content. This documentation covers everything you need to know to get started with Visuals in Visual Radio Assist.

About Visuals

Visual Templates

Creating your first Visual

You can start your design by creating a new Visual on https://visualradio.cloud/outputs/designer

To save a Visual you need to provide a name and add at least one layer to the design. After you’ve saved the Visual, the item is available in the complete VRA Cloud.

Playback

In the Output Editor you get the option to select the fresh Visual for playback, this requires you to set a fixed duration for the Visual playback time.

Available Layer Types

Instead of the default plain layers you create in your existing design software, the Visual Designer gives you a lot of power by choosing one of the following Visual Radio specialized layer types:

TEXT

The text layer is one of the most used elements in the Visual Designer. The element gives you the ability to display your own input and style it with all the well-known text properties

Refer to Using live/dynamic data for the usage of dynamic data in your text elements. With dynamic data you are able to show for example Nowplaying or Scheduling information in the Visual.

<aside> 💡 Tip: Use the Text Sized Box option in the properties panel in combination with setting a background color to create a “text block” which automatically sizes according to the text length

</aside>

SHAPE

The shape Layer enables you to create a simple creative layer containing a background and/or border

MEDIA

With the Media Layer you can select still-image from your ‣ list. The Visual Player in the Outputs will automatically load the correctly sized version of this image and will make sure that the Visual transition can only be started after the media is loaded.

DYNAMIC MEDIA

Dynamic Media layer allows you to use an external still-image URL in the Visual. This image URL can be fixed or dynamic using data from one of your configured Output Variables or AutomationLink artist information. The Dynamic Media field expects you to use the exact same format as the Text Layer’ dynamic data, instead for the Dynamic Media the content should always resolve to a accessible URL.