Thanks for checking out the Kinetic Stream Pack. This guide will cover items downloaded from NerdOrDie.com and TwitchTemple.com and will take you through the setup process. If you have any questions that aren’t answered in this setup guide, please feel free to contact us.
Photoshop and other third party software is not required to use this product, however specific components can be edited in Photoshop and After Effects, as we provide some of the original files.
If you’d like, choose “Create Widget Theme” and name it something appropriate such as “Kinetic Stream Package”. 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.
Paste this URL as a “Browser Source” in your streaming software. We recommend setting the size to at least 1000 wide and 800 tall. If you need to scale down, you can do so directly inside of OBS Studio. If you’re using the Streamlabs OBS .overlay file, you may not need to complete this step if your alert box is already added in.
These options are found in the Custom Fields tab. They will give you additional options to customize your alerts.
Once you’ve downloaded and unzipped the files from Nerd or Die, open up the files included. You’ll see a folder for the event list and standard alerts.
Click the Widget Quick Setup link in your downloaded files to begin installing this event list.
If you’d like, choose “Create Profile” and name it something appropriate such as “Kinetic”. 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.
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 800 by 600. This may change depending on the font sizes and amount of events you’d like to show.
If you need to scale down, you can do so directly inside of OBS Studio. If you’re using the Streamlabs OBS .overlay file, you may not need to complete this step if your event list box is already added in.
Fire off a few test events to make sure that things are working properly.
Font — allows you to pick the font family user in this package, the default font is Titillum.
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.
These options are found in the Custom Fields tab. They will give you additional options to control the appearence of your event list.
Skip this step if you do not need to add custom text to the labels. The easiest way to add your custom text is to load one of the blank WEBM files and add a ‘text’ layer over the top using the recommended font.
Unzip the “Kinetic” files you’ve downloaded onto your computer.
We’ve included the stinger transition After Effects CC file for users that would like to edit the colors used in the stinger transition. This file is intended for users that have knowledge with AE, as we cannot provide support for it.
The widgets included in this package are set up specifically for Streamlabs users and some utilize the customization options now available.
Click the appropriate “Quick Setup” link in your downloaded files (widgets folder) to begin installing these goal widgets.
If you’d like, choose “Create Profile” and name it something appropriate such as “Kinetic”. The import link will only override the widgets that you’re choosing to install. For example: if you’re importing the design for a donation goal, this will not effect your alerts or goal widgets. This means you can import these into other existing profiles.
Paste this URL as a “Browser Source” in your streaming software. The width of this widget will adapt to the width set in your source properties. We recommend using 1050 width and 100 height. You can scale down within your streaming software if needed.
If you’d like to make changes the colors, font, and orientation of the goal widget you can do so in the Settings > Custom Fields tab.
Find the “Color” layer within the composition, inspect the Effects and you will find global controls for the color of the entire package.
“File > Export > Add to Render Queue” each composition as required. You will need to save as a format that supports alpha (.mov and .webm).
Click the Streamlabs Chat Box – Quick Setup link in your downloaded files to install this widget.
If you’d like, choose “Create Profile” and name it something appropriate such as “Kinetic”. The import link will only override your chat box widget. This means you combine these alerts with any other scene collection you’ve made in Streamlabs. If you want to save your old chat box widget, it’s highly recommended to do this in a new profile.
Paste this URL as a “Browser Source” in your streaming software. Select a desired width and height.
If you’d like to edit the color of the alert icons or event list animations, you can do so with a color correction filter. Right click your sources and add a color correction filter, you can adjust the hue, brightness, and saturation of this source. Please note: this will change all the colors in this source. We recommend leaving the custom options at their default in order to get the best results.