Animations are overlays that allow you to personalize your alerts so that your livestream reflects your style and channel design. In the following paragraphs, you will learn how to create and customize your overlays with Sound Alerts.

Did you already create your overlays and want to assemble your alerts? Then click here.

Your first Animation

To create overlays, select Animations in the navigation bar on the left.  Our Store will open, where you can choose from many different animations for free.
Head to Inevntory to see all of your Animation. You can not delete the Default overlay.

  • To create a new overlay, select Add New Animation

Now, our Alert Animation Editor opens.
Select one of the Templates, or choose Blank if you want to start from scratch.

  • Now add some Media and a Text
  • Adjust all the parameters on the right until you are happy with your Animation.

How do I create visual Animations with Sound Alerts.webp

Remember for the Event Message:
The alert animation text can be customized later when assigned to an alert

  • Now rename the Animation and hit the SAVE button at the top right.

Your next step will be to assign your new Animation to your Alerts.

If you have any questions left, please get in touch with us and visit our Sound Alerts Discord Server.

This is not the right solution? We are happy to help you!

Contact us
More articles
Elements Widgets Showcase
Elements Widgets Showcase

This article will show you how to use the Elements Widgets in the Sound Alerts Scene Editor.

Posted by Mr. Leeroy
0
Alert Animation Editor
Alert Animation Editor

With the Alert Animation Editor, you can assemble an alert animation focused on your stream's requirements in a simple yet powerful web editor in the Sound Alerts Dashboard.

Posted by Mr.Bubi
1
How to customize your own Font in the Sound Alerts Scene Editor
How to customize your own Font in the Sound Alerts Scene Editor

This article will show you how to edit the font for your widgets in the Sound Alerts Scene Editor. Moreover, we will show you how you can select one of your font files by adapting the CSS of the browser source.

Posted by Mr. Leeroy
0