Cyberpunk Stream Design Setup Guide

This Cyberpunk Stream Design Setup Guide will cover most of the information you need to use this product. You are free to re-adjust and edit files as you like.

Notice that these designs can be purchased separately, meaning this guide will cover all settings. If you purchased only Transition you can skip to the transition section for info you need same goes for any other separately purchased product.

Streamlabs alert settings are below, and the StreamElements alert box you will find in the setup folder with a link for the already created alert box.

Cp 1

Bright Turquoise: #02D7F2
Red: #e8060a
Lemon: #fcee0a
Alto: #dadada
Electric Violet: #b813ec

Free Google Font Orbitron – Google Fonts

Free  Font Gamecuben Font | dafont.com

Orbitron font is used for the StreamElements alerts, you can use same font for the Streamlabs alertbox.

Layout: Depending on the alert it’s Text under image and Text on the image.

  • Alert Duration: 7 sec
  • Alert Text Delay 0-1 sec (emulate alert to match)
  • Font size: 28px ( You can use font size you prefer)
  • Font weight: 400
  • Text color default is white
  • Text Highlighted color you use colors in the tab above.

Cyberpunk Animated Settings Streamlabs Alerts Font 1

Cyberpunk Animated Settings Streamlabs Alerts 1

Installation Guide

Currently, we do not support the one-click install feature for the alerts, hopefully, in the future, we will be able to offer you this option.

Here you can find how to manually set up alerts with Streamlabs

For a basic understanding of alerts setup please check this article

Log in to Streamlabs account and on the left side menu click on the “All Widgets”, and after that click on the Alert Box Widget

  1. In the setting window click on the “Manage Themes”
  2.  Click on the “Create Widget Theme”
  3. Name your alert box and click “Create”
  4. Find the new Widget you created and click on “Use”
  5. This will be your active alert box
  • Choose the Alerts you want to be shown on your stream ( Follow, Subscribe, Tip etc..)
  • Leave default settings as they are but you can always change them later if needed
  • Click on the “Follows” in the top menu and select Middle Layout ( Text on the image)
  • Alert animation choose which style you prefer or leave as default
  • Upload image click on the square icon and upload the alert ( Alert will be in the folder you downloaded and unzipped)
  • If an alert comes with the sound in the package upload the sound ( You can choose also any custom sound you might have)
  • If an alert is static you can choose the duration as you like, for an animated alert you can find the duration of the alert in the “General Information” above
  • Alert text delay for static alerts is up to you, for animated please check the general information above
  • Choose the font you would like to use or use a font that was used with this product ( Font name in the general information above)
  • Choose font size, weight, and colors (You can find information general information above for all these settings)
  • Click Save settings your alert is ready for use.
  • In the top blurred “Widget URL” section copy the alert box link and paste it into your streaming program (OBS/SLOBS/XSplit)

Using StreamElements scenes

  1. The first step is to be sure you are logged on to your account in StreamElements
  2. In the files, you downloaded and unzipped after the purchase fined folder StreamElements
  3. Double click on the link in the folder to open in the browser (We do recommend using Chrome as the default browser)
  4. When you double click StreamElements website will open and you should see on the top Green bar notification that overlays are successfully imported into your account
  5. You can find all overlays under “My Overlays” feel free to check the overlays, edit social handles, change anything you think you might need.
  6. If you are using OBS or OBS.Live or SLOBS after you finished editing your overlays click on the “Copy overlays ULR” icon and paste that link in your streaming software “Browser Source”
  7. Most of the scenes are 1920×1080 you need to set up that size in the “Browser Source” when you add the link if it’s not stated otherwise.
  1.  Open SLOBS and open settings ( you will find settings in the bottom left corner as wheel icon)
  2. In the left menu choose the “Scene Selection” tab and click on it
  3. In the window that opened click on the “Import Overlay File”
  4. It will open file explorer please navigate to the folder you downloaded and unzipped and choose the Streamlabs overlay import file
  5. Click open and your scenes are imported
  6. Please check all scenes and adjust everything as you like. Edit social media handles and anything you need.
  7. Notice that you will need to add widgets like Latest Sub, Follower etc.. depending on your needs and depending on what platform you stream.

Using StreamElements scenes

  1. The first step is to be sure you are logged on to your account in StreamElements
  2. In the files, you downloaded and unzipped after the purchase find folder StreamElements
  3. Double click on the link in the folder to open in the browser (We do recommend using Chrome as the default browser)
  4. When you double click StreamElements website will open and you should see on top Green bar notification that overlays are successfully imported on your account
  5. You can find all overlays under “My Overlays” feel free to check the overlays, edit social handles, change anything you think you might need.
  6. If you are using OBS or OBS.Live or SLOBS after you finished editing your overlays click on the “Copy overlays ULR” icon and paste that link in your streaming software “Browser Source”
  7. Most of the scenes are 1920×1080 you need to set up that size in the “Browser Source” when you add the link if it’s not stated otherwise.

If you would like to set up your own scenes or you are using OBS and want to set up all scenes on your own here are some steps to follow:

  1. When you download the file please unzip it first if you don’t know how please check this link
  2. To import images PNG/JPEG click the Add (+) icon in the Sources tab and select Image from the menu and select the file you want to import
  3. To import Video MP4/WebM click the Add (+) icon in the source tab and select Media Source from the menu and select the file you want to import
  4. To add text click the Add (+) icon in the source tab and select Text (GDI+) from the menu and add the text, you can choose the font, the color of the font, and the size of the font
  5. Customize files as you would like.
  6. If you need any help with setting up please contact us.

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 1200
  5. Enable sounds by setting “Audio Monitoring” to “Monitoring and Output” if you are using transition with sound
  6. Click OK

StreamLabs OBS

  1. Click the gear icon above your scenes
  2. Set the “Transition” option to “Stinger”
  3. Set the “Duration” to 2000
  4. Select Browse for the “Video File” and choose the stinger file found in the “Screens” folder
  5. Make sure “Transition Point Type” is set to “Time (milliseconds)”
  6. Set the “Transition Point (milliseconds)” to 1200
  7. Enable sounds by setting “Audio Monitoring” to “Monitoring and Output” if you are using transition with sound.
  8. Leave other settings on their defaults
  9. Click on Done

If you want to edit your Twitch panels/Offline/Other Assets please use the .psd file in the download folder

You may also use the blank/empty panel/background images file with any image editing software.

We recommend editing in Photoshop but If you want a free alternative option to open PSD files and edit images you can use:

Completely Free Online Editor Photopea

This license grants you, the purchaser, an ongoing, non-exclusive, non-transferable, worldwide license to make use of the graphic designs, animated designs, transitions, overlay, template, or digital file you have purchased.
This license is for one copy (one seat, or one usage at any one time) 
You can use our digital products for your personal use.
You can use them on Twitch/YouTube/Facebook or any other streaming platform (for example to receive notifications for donations/cheers/subscriptions and any other events).
Re-distribution is strictly prohibited!
Sharing or using it as a giveaway is not allowed.
You can purchase this product as a gift but it can have only one end user

Additional Information

This version of the animated/static designs is provided as is, we do not offer color changes or additional edits unless it was stated otherwise in the product description.

If there are missing elements or you think something critical needs addressing, please contact us describing the issue and provide the email used to purchase the product or order number.
You are allowed up to 5 downloads per product.
We recommend creating an account so you can find the download link for your purchase on the “My Account” page

22 views
We use cookies to give you the best experience.