Photon Animated Pack Setup Guide

This is a FREE streaming pack, includes different animated elements you can use for your stream.

Animated stream scenes like Starting Soon, Be right back, Stream End and Intermission scenes.

Webcams 16-9 and 4-3 ratio

Alert with sound included

Transition/Stinger with and without a sound

Color Codes

Blue #00e4ff
Purple #7112ff
Red #ff1234
White #f3f2f2
Green #35ff6e
Orange #ffa11b

Alert Setting:

Alert Layout: Text over the image (choose the middle one)
Alert Animation Fade in/Fade Out
Upload Image/Video
Upload Sound
Alert Duration 7 sec

Alert text delay: 1sec

Text Setting:
Font: Orbitron
Font size 25-30 (depends on the amount of text)

If you want to have text split so it first shows the name and the additional text under please add
between the words

{name}
is now following!

It will show as

Username
is now following!

Photon Alert Streamlabs Settings

Photon Alert Settings

Alert Seting:
Alert Duration 8 sec
Layout: Text over image

Text Setting:
Font: Orbitron
Font size 25-30 (depends on the amount of text)
Line height: 1.2
Text setting Advanced
Margin Top: 200-210 (depends on the amount of text)

Animation Settings:
Text animation enter: Fade in
Text animation enter: Fade out
Text appearance 0.5
Text disappearance 0.5

Photon Streamelements Alert Settings

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 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.

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.

For more additional info on how to manually set up all scenes and overlays, please check our guides: 

OBS Basic Setup

SLOBS Scenes Basic Setup Guide

StreamElements Manual Setup

 

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 or MOV files you purchased from or you have your own animation.
  4. Set the “transition point type” to time and “transition point” to 1200 or higher depending on your own preference.
  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 or higher
  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 will have 5 downloads per product.
We recommend creating an account so you can find the download link for your purchase on the “My Account” page

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