Stream Pack - QUANTIC DREAM
Installation with Streamlabs
Pre-requisites
You must be familiar with Streamlabs OBS, and know how to set up a basic stream (Gameplay + Camera).
If not, please check the Streamlabs Get Started Guide and/or Streamlabs Support.
Import overlay
- Go to Streamlabs settings (within the desktop software, not the website)
- Select Scene Collections in the left hand menu
- Click on Import Overlay File and select the QUANTICDREAM_STREAMPACK.overlay
Import widgets
- Click on the following link: widget import, and please wait until you are invited to choose a widget theme (it can take up to one minute)
- Choose (or create) a Widget Theme where you want to import the widgets
- Widgets are already placed where they belong, the only limitation is that you can only have one Goal (Sub / Follow / Donate / Bits) active at the same time
Configuration in Streamlabs
The default Stream Pack setup is almost ready to use, but first you’ll want to customize some of the elements like your camera, your own social networks and a break message.
Social Networks
Updating Content
- From the Scene menu, select 06_SOCIAL_PANELS
- From the Source menu, select either the SLOT_1, SLOT_2 or SLOT_3 group
- Within it, change text as you wish
- To change social icons (if you use other networks than Facebook and Twitter) double click on ICON.png, select Browse and select one from the directory: /ASSETS/PRE_BREAK_POST_SCREEN/SOCIAL_ICONS
Adding a fourth social network
If you need to add a fourth social network, Copy then Paste Duplicate the SLOT_3 group and place it on its proper position on your screen, then simply update content as explained in the previous section.
Info Bars
In the bottom left hand corner of the pack, you’ll have some info about your viewers’ last important actions:
- Top Donator
- Last Donator
- Last Subscriber
- Last Follower
All these bars can be found in the 01_GAME scene within the group TOP_BARS.
If you need fewer bars than this:
- Double click on BACKGROUND.png, select Browse and choose one from the directory: /ASSETS/INFO_BARS/BACKGROUNDS
- Hide the one(s) you don’t need, and adjust text/icon placements to fit the new background
Goal Bars
By default, the Donation Goal, Follower Goal and Sub Goal widgets are placed at the bottom of the camera in the 01_GAME scene.
From the 01_GAME scene, open the CHOOSE YOUR GOAL BAR group, then hide the unwanted goals and optionally set up the goal you want to display.
Pre/Post/Break Screens
You can set your own messages for each of these screens:
- Go to the relevant scene: 03_BREAK SCREEN, 04_PRE SCREEN or 05_POST SCREEN
- From sources you can edit TOP_LINE and BOTTOM_LINE text
Twitch Settings
You should already be familiar with Twitch Settings, if not please read
https://help.twitch.tv/customer/portal/articles/2416760-how-to-edit-info-panels
and
https://help.twitch.tv/customer/en/portal/articles/2853486-channel-page-setup
Please note that some images are accompanied by their PSD sources. You must use suitable software (Photoshop, for example) to modify them.
Panels
Panels can be found in ASSETS/TWITCH_PANELS, you’ll already have pre-designed panels for:
- Discord
- Donations
- FAQ
- Subscribe
- Youtube
There is also a generic PANEL_TEMPLATE.psd so you can create your own panels (fonts are in ASSETS/FONTS).
Offline Screen
Offline Screen can be found in ASSETS/OFFLINE_SCREEN
This screen is to be set up directly in your Twitch account. There is also a PSD file with placeholders to make filling in additional info as straightforward as possible.
Installing on other broadcasting software
If you are not using Streamlabs, we are assuming you already know what you are doing with your preferred broadcasting tool.
Therefore below we list all package contents so you can use them as you wish. To help you make nice compositions, you can find recommended layouts in ASSETS/LAYOUTS.
QUANTICDREAM_STREAMPACK.overlay
Setup.html
ASSETS/
ALERTS/
ALERT_AUDIO.wav
ALERT.webm
INFO_BARS/
BACKGROUNDS
BAR_BACKGROUND_1.png
BAR_BACKGROUND_2.png
BAR_BACKGROUND_3.png
BAR_BACKGROUND_4.png
LAYOUTS/
IN_GAME.jpg
POST_STREAM.jpg
PRE_STREAM.jpg
BREAK_STREAM.jpg
MAIN/
CAMERA_FRAME.png
STREAM_FRAME.png
OFFLINE_SCREEN
OFFLINE_SCREEN.jpg
OFFLINE_SCREEN.psd
PRE_BREAK_POST_STREAM/
BACKGROUND.mp4
SOCIAL_ICONS
BACKGROUND.jpg
SOCIAL_ICON_DISCORD.png
SOCIAL_ICON_FACEBOOK.png
SOCIAL_ICON_TWITTER.png
SOCIAL_ICON_YOUTUBE.png
SOCIAL_ICON_INSTAGRAM.png
STINGER
STINGER.webm
TWITCH_PANELS
PANEL_DISCORD.png
PANEL_DONATIONS.png
PANEL_FACEBOOK.png
PANEL_INSTAGRAM.png
PANEL_FAQ.png
PANEL_SUBSCRIBE.png
PANEL_TEMPLATE.psd
PANEL_TWITTER.png
PANEL_YOUTUBE.png
Resolving frequent Streamlabs issues
During scene import, some assets may not be displayed correctly. If this happens you can check ASSETS/LAYOUTS to see how the expected display should look.
Missing Assets
To resolve the issue, just open the missing asset from the Sources menu and save it again.
If you encounter other problems, it may be due to your current version of Streamlabs. You can check for the latest updates here:
https://streamlabs.com/dashboard#/changelog
and feel free to ask the community any questions:
https://support.streamlabs.com
Duplicated Elements
If you spot any duplicated elements, just delete one of them.