General Information

Thanks for checking out the Predator Alert 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.

The alerts, overlays, and widgets have been designed for use with OBS Studio, Streamlabs OBS, and XSplit. Please make sure your streaming software is up to date before using this product. If you are not familiar with how to set up and use streaming software, we strongly suggest checking out the below tutorial before moving on:

OBS Studios Tutorials by NerdOrDie

Before You Install

Fonts Used

If you’d like to match the style of the overlay and alerts, use the fonts listed below.

Helpful Tips

  • To ensure the best results, please make sure that your streaming application (OBS Studio, Streamlabs OBS, or Xsplit) is closed during import process (Alerts/Widgets).
  • Head to Streamlabs.com and sign in with your preferred streaming platform.
  • After importing the alerts to your Streamlabs account. You may open your streaming application for testing.

Installation Guide

Installing the Alerts

In your downloaded files, open up the standard alert folder.

  1. Click the Alerts Quick Setup link to begin installing these alerts.
  2. If you’d like, choose “Create Widget Theme” and name it something appropriate such as package name. The import link will only override your alert package. This means you can combine these alerts with any other scene collection/widgets you’ve made in Streamlabs. If you want to save your old alerts, it’s highly recommended to do this in a new profile.
  3. Select “Use” for the profile you want to import into.
  4. Navigate to “Alert Box” and copy your unique URL.
  5. Paste this URL as a “Browser Source” in your streaming software.

Once you’ve added this into your streaming software test the alerts to make sure they’re working properly.

Delaying Text-to-Speech

If you’re planning on using text-to-speech you may need to delay them from being read, as there is an intro animation and sounds. To do this, you can change the Alert Text Delay in the Streamlabs base options. If you’re using alert variations (such as re-subs) you will need to  update in the variations as well.

Width and Height of Source

We generally recommend setting the size to 1920 wide and 1080 tall (more height is recommended if using messages), however, depending on your stream adjust the size here may work better for you. 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.

Custom Alert Options

These options are found in the Custom Fields tab.

  • Font Picker — Choose your font
  • Alert Animation Type — Choose from 8 intro animations
  • Intro Text — Yes/No — Do you want to show an intro text?
  • Intro Text — Top Line Enter a text you want displayed for the top line
  • Intro Text — Bottom Line — Enter a text you want displayed for the top line
  • Main Text Template — This is where the {name} is displayed.
  • Intro Text Color — Default color #FFFFFF
  • Intro Text — Top Line Font Size
  • Intro Text — Bottom Line Font Size
  • Accent Color — Default color #e18c2a
  • Shapes — Main Color — Default color #FFFFFF
  • Shapes — Scale Percentage — Choose how big you would like the Shapes
  • Name Bar — Background Color — Default color #2e302d
  • Name Bar — Highlight Shape Color — Borders the background color. Default color #40433e
  • Name Bar — Text Color — Color of the Main Text Template text. Default color #FFFFFF
  • Name Bar — Vertical Text Shift — Use this to adjust the vertical location of text  to ensure it is aligned
  • Name Bar — Font Size — Adjust the size of the Main Text font.
  • Floating Text — Align or Hide 
  • Floating Text —  Text Box — Text or symbols you would like displayed.
  • Floating Text — Vertical Offset — Adjust the vertical offset from the middle of the Name Bar
  • Sound — Volume — Adjust the customer alert sound volume

Customizing the Image shown when “Box Above with Image” is selected

In the “Alert Animation Type” section, you can choose to have a custom image shown within the alert. To customize this image:

  • Go to your Alert
  • Add an Image in the Streamlabs default image selection by clicking “Change Media”
  • Choose or Upload the media you would like displayed
    • This can be animated or static
  • Click “Select”

After choosing your image, make sure to click “Save” at the bottom of the page.

Installation of this product involves using media, image, and text sources. If you’re unfamiliar with these, please make sure to familiarize yourself with the streaming software you use.

  1. Unzip the files you’ve downloaded onto your computer.
  2. Open your streaming software. Add animated parts (WEBM files) by adding “media sources” and locating your desired overlay elements. There are preset layouts OR modular elements to customize to your needs. Mix and match as needed.
  3. 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.
  4. To add dynamic supporter tags, add in text sources and connect them to the appropriate text file. This will be done using apps like Streamlab’s Stream Labels or the Muxy Ticker. We recommend using the fonts listed in the “before you install” section.
  5. Any scenes can be set up in a similar process (Starting Soon, BRB, etc.). In your new scenes you will add in media files from the “Screens” folder, images from the “Icons”, and text sources to add custom text needed. Again, please use the recommended font.
  6. Please use any demo images or movies for reference on recommended layouts.

Editing the Language and Text in Your Overlays

To change the language or text used in your overlays you may use the blank versions of our supporter sections / overlays. From there, you will need to add text sources with the text needed on top of your supporter sections. We recommend using the fonts listed above in the “before you install” section. You can also use image sources to add the icons we’ve included in your downloads as well.

Setting up your scenes in standard streaming software:

  1. The scenes will be divided up into media sources (video files), image sources, and text sources.
  2. Add any new media sources for each scene
  3. Set thees sources to looping, and select a local file
  4. To reduce CPU or encoding resources, make sure “Close File When Inactive” is checked
  5. Add in image sources for icons (found in the icon folder) if desired
  6. Add in text sources, using the recommended font, and place next to the icon if desired.
  7. Duplicate scenes and change as needed.

Using Streamlabs OBS import for scenes? All scenes will be set up once you’ve imported the package, please refer to the “Streamlabs OBS” tab.

Setting up a stinger transition between scenes is easy with OBS Studio.

OBS Studio

  1. Under the “scene transitions” section, click the drop down and select “Stinger Transition”
  2. Click the gear icon and select properties
  3. For “video file” click browse and select the stinger.webm found in the “Screens” folder
  4. Set the “transition point type” to time and “transition point” to 1000ms
  5. Enable sounds by setting “Audio Monitoring” to “Monitoring and Output”
  6. Click OK

StreamLabs OBS

  1. Click the gear icon above your scenes
  2. Set the “Transition” option to “Stinger”
  3. Select Browse for the “Video File” and choose the stinger file found in the “Screens” folder
  4. Make sure “Transition Point Type” is set to “Time (milliseconds)”
  5. Set the “Transition Point (milliseconds)” to 1000ms
  6. Leave other settings on their defaults
  7. Hit Done

Editing the Stinger After Effects File

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.

  1. Click the appropriate “Quick Setup” link in your downloaded files (widgets folder) to begin installing these goal widgets.
  2. If you’d like, choose “Create Profile” and name it something appropriate such as the name of the package. 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.
  3. Select “Use” for the profile you want to import into.
  4. Copy your widget URL.
  5. 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.

Custom Settings

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.

Recommended Height of Source

We recommend using 1050 width and 100 height. You can scale down within your streaming software if needed.

After Effects project file (source)

While we have prepared this file up to be very user friendly, we do expect that you have experience with After Effects and methods of exporting video files. If you are not comfortable with the software, we do not recommend you include this in your purchase. Here are some basic instructions to get you started:

  1. Open the AE File
  2. Select the “@Master Control” composition from the project list
  3. Find the “Color” layer within the composition, inspect the Effects and you will find global controls for the color of the entire package. You can use F3 to show the Effect Controls (or toggle it from the Effects menu) if they are not displayed
  4. Tweak these values to your liking
  5. “File > Export > Add to Render Queue” each composition as required. You will need to save as a format that supports alpha (.mov and .webm).
  1. Click the Streamlabs Chat Box – Quick Setup link in your downloaded files to install this widget.
  2. If you’d like, choose “Create Profile” and name it something appropriate such as the name of the package. 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.
  3. Select “Use” for the profile you want to import into.
  4. Navigate to “Widget URL” and copy your unique URL.
  5. Paste this URL as a “Browser Source” in your streaming software. Select a desired width and height.

Custom options included

Towards the bottom of the widget, you’ll find a tab for “Custom Fields”. Click this tab to reveal more options. Please DO NOT click “Reset Code” or “Remove Custom Fields”. Also, please note that we do not support changes to the HTML, CSS, or JavaScript sections.

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.

Event List

  1. Click the Widget Quick Setup link in your downloaded files to begin installing this event list.
  2. If you’d like, choose “Create Profile” and name it something appropriate such as “Interface”. 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.
  3. Select “Use” for the profile you want to import into.
  4. Navigate to “Widget URL” and copy your unique URL.
  5. 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.
  6. 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.
  7. Fire off a few test events to make sure that things are working properly.

Usage Terms

The user may use these alerts for personal and commercial use. It is intended for one (1) user and one (1) device only. These usage permissions do not expire. Re-distribution is strictly prohibited. The alert graphics and code remain the property of Twitch Temple and Nerd Or Die unless written permission is granted.

Please refer to our Terms and Conditions for more information.

Future Reiterations, Errors and Updates

This version of the alert is provided as is. If there are missing elements or you think something critical needs addressing, please contact us outlining the issue and provide the email used to purchase the product. You are allowed up to 5 downloads per product.

Please follow @NerdsPwn on Twitter for update information.


Changelog

To receive these updates simply re-download the product via the email link, or on your account page when logged in.

  • No major updates yet!