Hey what’s up everyone, it’s Derek from Nerd or Die, and you’re looking at Uplink
- our latest stream pack which features alerts and events lists, with overlays and more coming
soon.
The alerts feature 3D effects, full customization on colors and fonts, custom sounds synced
to each of the 7 individual alerts, and the ability to change languages as needed.
The event list let’s you change colors, fonts, and opacities to help you fit this
widget to your stream’s design.
Uplink is available now in the Nerd or Die shop, the event list and alerts work with
Streamlabs and support Twitch, YouTube, and Mixer.
In this video we’ll take a look at setting everything up and take a look at all the options
included.
Please use the timestamps in the video description to jump around the video.
One thing I want to quickly mention is that if you’re using a lower end CPU, you may
want to consider disabling the 3D effect, as this does tend to use more CPU.
Luckily, it’s very easy to do so.
Anyways, let’s get right into it.
Let’s start with setting up the alerts.
This can be done very quickly with our Streamlabs quick setup link.
Once you’ve downloaded and unzipped the files, open up the alert folder.
You’ll see a few folders and links.
You can use the READ ME link to get written instructions on this pack, or the support
link if you have any support requests.
We've included a folder with the sound files as well - please note that these sound files
are named based on the Twitch versions of each alert.
Let’s open up the Streamlabs - Alerts folder to get started with the installation.
Click the Alerts Quick Setup link to begin installing these alerts.
If you’d like, choose “Create Widget Theme” and name it something appropriate such as
“Uplink Alerts”.
The import link will only override your alert package.
This means you combine these alerts with any other scene collection you’ve made in Streamlabs.
If you want to save your old alerts, it’s highly recommended to do this in a new profile.
Select “Use” for the profile you want to import into.
Navigate to “Alert Box” and copy your unique URL.
Paste this URL as a “Browser Source” in your streaming software.
We recommend setting the size to at least 800 wide and 800 tall (more height is recommended
if using messages).
If you need to scale down, you can do so directly inside of OBS Studio.
Once you’ve added this into your streaming software test the alerts to make sure they’re
working properly.
If things aren’t working properly, there’s a chance that your streaming software isn’t
up to date.
Streamlabs OBS has an auto-updater that should work fine, but if you’re using a certain
version of OBS Studio, you may need to re-download and reinstall.
On their website, OBSProject.com, you can see that they mention this issue at the top
of their homepage.
Make sure you’re on version 21.1.2 or higher, or else look at re-downloading.
Also, I want to point out that if you run tests too quickly, it may interfere with the
appearance of the alerts.
This is only an issue when testing the alerts, as the live versions don’t override one
another.
When you’re satisfied that things are working properly, we can get into the custom options.
You can use the built in sound file uploads and volume sliders here, if you’d like to
add your own sounds to the alerts.
Also, you can add the user messages as well, per normal.
However, we built in a ton of custom options that you can find in the custom fields tab.
Let’s check this out with the subscriber alert.
Do you want to clone the entire element, and have it appear behind?
Default: true, basically a copy of the entire alert will appear behind, if you have this
enabled.
Do you want to tilt the entire element?
Please note: we recommend testing this feature with your stream setup, as it uses a decent
amount of CPU.
Default: true.
On my system, which is a mid-tier CPU, I see the CPU jump about 3-4% during alerts.
With this disabled, it jumps only 2% at max, so if you’re struggling with resources,
we recommend disabling this.
Font – What font family do you want to use for the alert?
Font Weight – The thickness of your font.
Note: not all fonts support multiple font weight.
Default: 500 Top Text Area Template – you may use dynamic
tags like {months}, {amount}, {name}, {count}, and {product} here.
Default: {name} Name – Background Color.
Default: #000000 Name – Text Color.
Default: #FFFFFF Name – Background Color Opacity.
Default: 30 Middle Text Area Template – you may use
dynamic tags like {months}, {amount}, {name}, {count}, and {product} here.
Only is in alerts with 3 text field options.
Default: SUBSCRIBER Tag – Background Color.
Default: #FFAA00 Tag – Text Color.
Default: #000000 Tag – Background Color Opacity.
Default: 90 Bottom Text Area Template – you may use
dynamic tags like {months}, {amount}, {name}, {count}, and {product} here.
Default: Welcome!
Bottom – Text Color.
Default: #FFFFFF Accent Elements Color.
The accent elements are generally the orange areas of the alerts.
Default: #FFAA00 Decorative Elements Color.
The decorative elements are generally the green areas of the alerts.
Default: #0D3B3D Misc.
Elements Color.
The decorative elements are generally the whiteareas of the alerts.
Default: #FFFFFF Cloned Background Element – Blur Amount.
Set this to 0 to disable this feature.
Default: 6 Cloned Background Element – Opacity.
Default: 20,this is basically how see-through the background element is, where higher means
it is more solid.
Tilt Amount – left and right.
Default: -20 Tilt Amount – up and down.
Default: 0, both of these will be disabled if you disabled the 3d effects.
Delay Time – the amount of time to wait after the intro animation completes to animate
out.
Default: 6… this is not the total time of the alert, but more of the time to pause when
the animations are done.
Overall there’s about 2 seconds of intro animations, and 1 second of an outro animation.
So, in the Streamlabs default alert duration, you will want to add 4 seconds to the time
here, generally we put the alert duration around 10.
Sound File – Used when alert is played.
If you want to add your own sounds, do so in the base Streamlabs option, rather than
here, as this sound file is timed to play at a precise moment in the alert.
Sound File Volume.
Default: 50
That pretty much wraps up all the options the alerts have.
I’ve had a lot of fun messing around with the color combos, typically I’ve found my
favorite to be a dark base color mixed with a saturated accent color… but can’t wait
to see all the different designs our users can come up with.
----
If you’ve used our event lists before, then setting things up should be very familiar.
If not, don’t worry - we’ll walk through the setup and custom options - which should
only take a few minutes.
After you download and unzip the files, open up the event list folder.
Click the Widget Quick Setup link in your downloaded files to begin installing these
alerts (found in the Event List folder).
If you’d like, choose “Create Profile” and name it something appropriate such as
“Uplink”.
The import link will only override your event list.
This means you can combine this event list with any other scene collections you’ve
made in Streamlabs.
If you want to save your old event list, it’s highly recommended to do this in a new profile.
Select “Use” for the profile you want to import into.
Navigate to “Widget URL” and copy your unique URL.
Paste this URL as a “Browser Source” in your streaming software.
We recommend using a size of at least 1000 by 1000.
If you need to scale down, you can do so directly inside of OBS Studio.
Fire off a few test events to make sure that things are working properly.
If you see some errors in the preview area, don’t worry about it, it is completely normal
for things not to look 100% right here, as the code used does not work in the preview
section.
You might see blank spaces and stacked events, but this will not happen in the versions you
add
into your streaming software.
Anyways, let’s get into customizing these events.
First, we’ll take a look at the Streamlabs base options.
Theme and Theme Color — will have no effect on this widget
Enable Events — allows you to decide which events you want to display inside the widget
Min Options — let you set how many viewers for hosts, bits, or raiders for raids will
trigger an event Max Events — let’s you change how many
events are displayed at once Background Color — is only for preview purposes
Text Color — will have no effect on this widget
Font — allows you to pick the font family user in this package, the default is Rajdhani.
Animation and Animation Speed — will have no effect on this widget
Fade Time — will hide the widget after X seconds, 0 always displays the widget.
Other Options — will allow you to flip the widget.
For example, enabling the Flip Y will make the events come from the bottom.
Flip X will enable the animations coming from the right side.
DO NOT — change the custom HTML/CSS options unless you know HTML/CSS/JS – we do not
support custom changes.
Next, we have our custom options.
These options are found in the Custom Fields tab.
Name – Font Color.
Default: #FFFFFF Name – Font Size.
The font size of the names.
Default: 24 Tag – Font Color.
Default: #FFFFFF Tag – Font Size.
The font size of the names.
Default: 24 Separator – Font Color.
Default: #FFFFFF Font Weight – The thickness of the font
for the names.
Not all fonts support multiple font weights.
Default: 500 Icon – Fill Color.
The color of the icon.
Default: #FFAA00 Accent Color – The colors of the bottom
pieces of each event.
Default: #FFAA00 Flash Color – The color of the flash that
appears when your event is shown.
Default: #FFFFFF Background Opacity - the opacity of the background
gradient.
Default: 50% Background Gradient Starting Color – The
first color for your background gradient.
Default: #000000 Background Gradient Ending Color –
The second color for your background gradient.
Default: #000000 Text Offset – Offset the text vertically
to properly align if needed.
Default: 0 Fade Out Position – Where do you want to
start events fading out at?
Default: 4 Fade Out Opacity – The opacity of faded
out elements.
Default: 50 Flash Opacity – The opacity of flash when
the event is shown.
Set to 0 to disable.
Default: 60
Once you’re done checking out all the options, tweak them to your liking, and hit save settings.
Go ahead and test the events again, we recommend doing so in OBS Studio or Streamlabs OBS.
---
With that, we’re all done setting up and customizing the Uplink alerts and event list.
Let us know if you have any questions in the comments below.
We’ll be releasing the overlay pack in the next few days, so make sure to subscribe with
notifications on so you don’t miss that.
If you found this helpful, don’t forget to leave a like.
And as always, thanks for watching.