How to Add, Customize, and Manage Overlays in AirStudio

Modified on Mon, 26 Oct at 1:28 PM

The Overlays feature in AirStudio allows you to enhance your live streams, recordings, and podcasts with visual elements such as scrolling tickers, information cards, countdown timers, clocks, and recording indicators.


You can customize these elements and add multiple overlays to individual shots to make your production more engaging and informative.

This article explains how to add, customize, edit, and remove Lower Thirds and Widgets in AirStudio.


1. Access Overlays

To access Overlays:

  1. Enter AirStudio and select a shot.

  2. Click Overlays from the right-hand toolbar.

  3. Choose between Lower Thirds and Widgets.



The Overlays panel contains two main sections:

  • Lower Thirds: Add scrolling tickers or information cards.

  • Widgets: Add clocks, dates, countdown timers, and recording indicators.



2. Lower Thirds

Lower Thirds allow you to display information on screen during your production.

There are two types of Lower Thirds: Ticker and Info.


2.1. Ticker

A Ticker displays scrolling text on screen, making it useful for announcements, updates, or important messages.



To add a Ticker:

  1. Navigate to Overlays → Lower Thirds → Ticker.

  2. Enter your message under Text Items, with one item per line.

  3. Configure the available settings.

  4. Review the ticker in the Preview section.

  5. Click Add to Current Shot.


a. Ticker Customization Options


SettingDescription
Text ItemsAdd one or multiple scrolling messages.
SeparatorChoose how individual text items are separated.
SpacingAdjust the spacing between text items in pixels.
HeightSet the ticker bar height.
DirectionChoose the scrolling direction.
SpeedSelect 1x, 2x, or 3x scrolling speed.


b. Styling

Expand Styling to customize the ticker's font, text size, color, bold/italic formatting, bar color, and opacity.


c. Label

Enable Label to display a fixed label alongside the scrolling text, such as LIVE or BREAKING NEWS.

You can customize:

  • Label text

  • Font size and family

  • Label background color

  • Label text color


2.2. Info

The Info overlay displays information cards on screen, ideal for announcements, speaker introductions, product updates, or key messages.




To add an Info overlay:

  1. Navigate to Overlays → Lower Thirds → Info.

  2. Choose the information you want to display.

  3. Enter the relevant content.

  4. Select a template and customize its appearance.

  5. Click Add to Current Shot.


Info Customization Options


SettingDescription
HeadlineAdd the primary message or title.
DescriptionAdd supporting information.
TagDisplay a short label or category.
LogoInclude a logo in the information card.
PositionAdjust horizontal and vertical placement using Left and Bottom values.
TemplatesChoose a predefined design, such as Episode Slab or Topic Card.
StyleCustomize the visual appearance of the information card.
AnimationConfigure how the information card appears on screen.

Use the Show options to select which elements appear in your Info overlay.



3. Widgets

Widgets allow you to display dynamic information within your production, such as live time, dates, countdowns, and recording indicators.

You can add multiple widgets to a particular shot.



3.1. Available Widget Types


WidgetDescription
ClockDisplay the current time.
DateDisplay the current date.
Date & TimeDisplay both date and time.
CountdownDisplay a countdown timer.
Rec DotDisplay a recording indicator.



3.2. Add a Widget

  1. Navigate to Overlays → Widgets.

  2. Select the required Widget Type.

  3. Configure its available settings.

  4. Review the widget in the Preview section.

  5. Click Add to Current Shot.


3.3. Widget Customization

Available settings depend on the selected widget.

For example, the Countdown widget includes:

  • Mode: Select the countdown display format, such as Duration (HH:MM).

  • Count from (seconds): Enter the starting countdown duration.

  • Label: Add optional text, such as Going Live In.

Expand Styling to customize the widget's appearance.

Note: You can add multiple widgets to the same shot to display different information simultaneously.


4. Edit or Remove Overlays

Once an overlay is added to a shot, you can manage it using the Shot Elements panel in the bottom Producer Toolbar.




4.1. Edit an Overlay

To modify an existing overlay:

  1. Select the shot containing the overlay.

  2. Click Show Shot Elements (eye icon) in the bottom toolbar.

  3. Locate and select the overlay you want to edit.

  4. Open its available settings and update the content, styling, or position.

  5. Apply or save the changes, where prompted.

You can modify settings such as ticker text, label appearance, information card content, and widget configurations, depending on the overlay type.





4.2. Remove/Hide an Overlay

To remove/Hide an overlay from a shot:

  1. Select the shot containing the overlay.

  2. Open the Overlay Elements panel.

  3. Locate the overlay you want to remove.

  4. Select its Delete or Hide option.



Note: Removing an overlay affects only the selected shot. Overlays added to other shots remain unchanged.


4.3. Manage Multiple Overlays

You can add multiple Lower Thirds and Widgets to the same shot.

Use the Shot Elements panel to identify and manage individual elements. Make sure overlays are positioned appropriately to avoid overlapping important content.


5. Troubleshooting Common Overlay Issues


IssueRecommended Solution
Overlay is not visibleEnsure the overlay has been added to the correct shot and check its position.
Ticker text is not scrollingVerify the ticker direction, speed, and text items.
Ticker label is missingEnable Label and check the label text and styling.
Info overlay content is missingVerify that the required Headline, Description, Tag, or Logo options are enabled.
Overlay text is difficult to readAdjust the font size, text color, background color, or opacity.
Widget is not displaying correctlyCheck the selected widget type and its configuration.
Countdown duration is incorrectVerify the Count from (seconds) value and selected mode.
Overlays overlap with other elementsAdjust their positioning or modify the shot layout.
Unable to edit or remove an overlayConfirm that the correct shot is selected and locate the overlay in the Shot Elements panel.



Overlays Workflow at a Glance

Enter Studio → Select Shot → Open Overlays → Choose Lower Thirds or Widgets → Configure Settings → Preview → Add to Current Shot → Manage via Shot Elements

AirStudio Overlays help you display announcements, important information, and dynamic visual elements while maintaining a professional and consistent production experience.




Need more help? Contact support@airmeet.com or visit our 24*5 Customer Support Lounge. 

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article