Our Alert Animation Editor is one of the most powerful tools to customize the design of your alerts freely according to your wishes. In this guide, we explain all of its features.

1. Open the Alert Animation Editor

  1. Head over to the Sound Alerts Dashboard
  2. Visit the "Animations" section
  3. Open your Alert Animation Inventory
  4. Click on "Add new Animation"
  5. Select "Custom"

AnimationEditor1.gif

2. Main Features of the Alert Animation Editor

This image and its explanation underneath will help you to navigate around the Alert Animation Editor and understand its structure.

AlertAnimationEditor2.png

1. This section lets you easily switch between the different layers to select which of these you want to edit.
2. You can add new elements to your Animation Editor here. Create text animations here or upload images, videos, and GIFs. You can also choose one of the GIFs out of our library.
3. This area shows you a preview of your animation. You can also adjust the size and position of your added elements here.
4. You can name your Alert Animation and edit variation settings here.
5. This is where you can save your design or discard changes to start fresh from scratch.
6. Here, you have the option to turn guidelines and snapping on or off.
7. This area lets you test a Sound Alert with your animation. You can also select the alert type you want to test here.
8. This section lets you adjust your current selected layer's settings.

3. How to create a new Alert Animation (Example)

In our example, a GIF was selected in the bottom left corner. But you can also upload your GIF images and animations, if you wish. Furthermore, a text was added because the GIF had no own text. The text can be customized later within an alert. Press the save button in the upper right corner if everything looks good. You will now find your animation in your Animation Inventory!

Animation_Editor3_1.gif

4. Add the Animation to an Alert

If you want to add the Animation to an alert, follow the next few simple steps. For this example, we will also create a new alert event for followers.

  1. After you have created your Animation, visit your Sound Alerts Dashboard and go to "My Alerts".
  2. Go to "Other Alerts" click on "Add new Alert Event" and choose "New Follower".
  3. Now click on "Animation" and select your Animation to add it to the Sound Alert.
  4. Choose a Sound, add a Text Alert and adjust the Text message to your liking.
  5. Click on "Save".

Animation_Editor4.gif

Congratulations, you have created a new Sound Alert event with your own Animation. If you need help creating new alert events, this Article will help you.

5. Implement in OBS and Test

To implement the Sound Alerts browser source in your OBS do the following:

  • Select "Settings"
  • Go to "Setup"
  • Select your broadcasting software
  • Copy the browser source URL or use the copy and paste method.
  • In OBS, you must choose the right resolution corresponding to your animation. By default, this is 1920x1080.
  • Now test your new alert. To do this, go to "Other Alerts" and select an alert that contains your animation.
  • Select "Test Alert in Browser Source" and see if everything looks good to you.

This video guide will also show you how to implement the browser source in tool such as Streamlabs Desktop or Twitch Studio.

Animation_Editor5.gif

Need Help or Found an Issue?

If you need help with the setup of new alert animations through Sound Alerts, feel free to use our general video setup guide or join our Discord to create a ticket and talk to our team.

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

Contact us
More articles
Alert Animation Store Showcase
Alert Animation Store Showcase

A smooth viewing experience needs some stylish visuals: You can enhance the look of your stream by using our Alert Animation Store in the Sound Alerts Dashboard.

Posted by mahween
17
How to use your customized Font for Sound Alerts
How to use your customized Font for Sound Alerts

This guide will show you how to implement your font files in Sound Alerts by adapting the CSS (Cascade Style Sheets) in your streaming software. This is a great way to give your livestream and Sound Alerts a personal touch.

Posted by Mr. Leeroy
0
My Sound Alerts Chatbot fails to join my Channel
My Sound Alerts Chatbot fails to join my Channel

If you need assistance with the Sound Alerts Chatbor joining your channel, this article will help you solve the issue.

Posted by Mr. Leeroy
0