Cyberpunk Animated Alerts
Below you can learn about the contents of the folder and how to set up alerts.
The Cyberpunk Animated Webcam is a must-have accessory for streamers looking to make a bold impact. Its cutting-edge design, inspired by the world of Cyberpunk, adds a futuristic edge to your streams and sets you apart from the competition. Whether you're a professional streamer or just starting out, the Cyberpunk Animated Webcam is the perfect way to enhance your online presence and take your streams to the next level.
This product contains
✦ Animated Alerts
✦ 15 alerts with icons + 1 default ( Subscriber, Follower, Donation, Cheer… )
✦ StreamElements One Click Install Alertbox ( Instructions on how to use below )
✦ Streamlabs instructions + ( Custom CSS code for text delay included )
✦ 4 Sounds included
The font used is:
Colors used are: You can use any color that you like, it’s a personal preference
✦How to install/create/use alerts
╰┈➤ Streamlabs with Icons
Alerts Settings
Alert Layout: Text under the image ( First Box)
Alert Animation: Fade In / Fade Out
Message Template: Use default or you can use this templates
- Follower – welcome {name}
- Sub – welcome {name} x {amount}
- Tip – Thank you {name} - {currency}{amount}
- Cheer – {name} x{amount}
- Raid – {name} raid x{amount} viewers
Upload WebM and Sound
Alert Duration: 7 sec
Alert Text Delay: 0 sec
Text Settings Font
Font name: Orbitron or any other font you like
Font Size: 40+px ( choose the size you prefer)
Font Weight: 500
Font Color: Any color you like
╰┈➤ Streamlabs Default Alerts
Alerts Settings
Alert Layout: Text on the image ( Middle Box)
Alert Animation: Fade In / Fade Out
Message Template: Use default or you can use this templates
- Follower – welcome {name}
- Sub – welcome {name} x {amount}
- Tip – Thank you {name} - {currency}{amount}
- Cheer – {name} x{amount}
- Raid – {name} raid x{amount} viewers
Upload WebM and Sound
Alert Duration: 7 sec
Alert Text Delay: 0 sec
For custom delay please use our CSS code ( which can be found in the Alerts Folder )
Click to Enable Custom HTML/CSS
( Copy text from the text document and paste it in the CSS tab )
Update only CSS code
Text Settings Font
Font name: Orbitron or any other font you like
Font Size: 40+px ( choose the size you prefer)
Font Weight: 500
Font Color: Any color you like
Click save when you are done with edits you will need to repeat this step for all alerts you want to use, I do recommend clicking “Save” more times, sometimes Streamlabs has a delay and does not save from the first click
╰┈➤ StreamElements With Icons
The size of the alert box is 500x600 ( use the same size for browser source size in OBS)
Main Settings:
Alert Duration: 8sec
Layout: Text under the image ( Third box in the Layout options )
Text Setting:
Font: Orbitron or any other font you like
Font size: 20 (depends on the amount of text)
Line height: 1
Advanced Text Settings
Margin: -50 ( Adjust if you change the size of the alert box )
Text Color: Any color you like
Animation Settings:
Text animation enter: Fade in
Text animation enter: Fade out
Text appearance: 0.5sec
Text disappearance: 0.5sec
╰┈➤ StreamElements Default Variation
The size of the alert box is 630x300 ( use the same size for browser source size in OBS)
Main Settings:
Alert Duration: 8sec
Layout: Text over the image ( First box in the Layout options )
Text Setting:
Font: Orbitron or any other font you like
Font size: 20 (depends on the amount of text)
Line height: 1
Advanced Text Settings
Margin: 140 ( Adjust if you change the size of the alert box )
Text Color: Any color you like
Animation Settings:
Text animation enter: Fade in
Text animation enter: Fade out
Text appearance: 0.7sec
Text disappearance: 1sec
╰┈➤ One Click StreamElements Install
We have also included one-click installation alerts specifically for StreamElements users.
To access these alerts, please log in to StreamElements before following these steps.
Open the folder you downloaded/unzipped, then open the “Alerts Folder” double-click on the “StreamElements Premade Alerts” file, and the alerts will be created.
To access them, navigate to the “Overlays” tab in StreamElements Dashboard and you can start using your new alerts without any additional setup.
If you want to make changes, it is recommended that you create a duplicate of the alert box and edit the new copy overlay so that you always have a backup of your alerts.