Retro Computer Stream Package

Thanks for purchasing Retro Computer Stream Package

Here are some basic instructions on how to set everything up.

Quick Installs

Streamlabs .OVERLAY

  1. Launch Streamlabs OBS and go to "Settings"
  2. Press the "Import Overlay File" button under the "Scene Collections" tab
  3. Locate and click the .overlay file in "2. Quick Install\Streamlabs\"
  4. Woo-hoo! Everything is set up in your Scene Collection

OBS Studio .JSON

  1. Extract the main folder of your downloaded stream package to the C:\ drive
  2. Launch OBS Studio
  3. Open the "Scene Collection" tab and press "Import"
  4. Press the "Add" button and navigate to "\2. Quick Install\OBS Studio\*Color*\"
  5. Locate and double-click the Retro_Computer_Animated.json file from the folder 
  6. Press "Import"
  7. Switch to your imported scene in the "Scene Collection" tab
  8. Congratulations! Your Package is ready to use

How to Add New Elements to the Screens

Our Quick Installs for this Stream Package include a preconfigured scene with all the screen elements we've prepared. To use them, follow these steps:

Using Preconfigured Elements

  1. Open Your Overlay Package: Launch OBS Studio or Streamlabs Desktop and open your overlay package.
  2. Navigate to "Screen Elements": Go to the "Screen Elements" scene in your overlay package.
  3. Choose Your Element: Open the folder with the elements you want to use and unhide the desired element.
  4. Copy the Element: Right-click on the element and select "Copy."
  5. Paste in Your Scene: Return to your original scene, right-click in the Sources section, and select "Paste (Reference)."
  6. Adjust as Needed: Adjust the position and scale of the element to fit your layout.

Adding Elements Directly from Individual Files

  1. Open Your Overlay Package: Launch OBS Studio or Streamlabs Desktop and open your overlay package.
  2. Select or Add a Media Source: Double-click the asset you want to replace or add a new Media Source.
  3. Browse for Files: Click "Browse" in the "Local File" field.
  4. Choose Your Asset: Navigate to "3. Individual Files\Screens" and select the asset you want to use.

Alerts

Streamlabs Quick Install

  1. Log in to your Streamlabs account
  2. Open the "Quick Installs" folder in the downloaded archive
  3. Open the "Streamlabs" folder
  4. Open the folder with the color you want
  5. Double-click the Retro Computer Alert - Streamlabs.URL file 
  6. Victory! Streamlabs will let you know that your alert is successfully imported

StreamElements Quick Install

  1. Log in to your StreamElements account
  2. Open the "Quick Installs" folder in the downloaded archive
  3. Open the "Streamelements" folder
  4. Open the folder with the color you want
  5. Double-click the .URL file that corresponds to the platform of your choice 
  6. Success! StreamElements will let you know that your alert is successfully imported

Adding Alert to Streamlabs OBS

  1. Install your alert via the Retro Computer Alert - Streamlabs.URL file
  2. Open Streamlabs OBS
  3. Press + button in the sources section
  4. Select "Alertbox" in the pop-up menu
  5. Give it a name and press "Add Source"
  6. Press "Done"

Adding Alert to OBS Studio

  1. Install your alert via the corresponding .URL file
  2. Copy the alert's URL from your streaming platform (Streamlabs or StreamElements)
  3. Open OBS Studio
  4. Press + button in the sources section
  5. Select “Browser” in the pop-up menu
  6. Give it a name and press "OK"
  7. Paste your alert's URL in the corresponding field
  8. For Streamlabs Alerts set Width to 800 and Height to 600; For Streamelements Alerts set Width to 1920 and Height to 1080
  9. Press "OK"

Stinger Transition

Our Stinger Transitions come preconfigured with Quick Install .overlay and .json files but in case you want to use it outside of the downloaded pack here's a little guide covering all the steps needed to set it up

Streamlabs OBS

  1. Press the gear icon in the upper-right corner of your scene
  2. Press the "Add Transition" button
  3. Give your transition a name in the "Name" field
  4. Press the "Type" field and choose "Stinger"
  5. Press on the "Video File" field
  6. Browse to "\3. Individual Files\Other\Retro Computer_Transition.webm" and press "Open"
  7. Choose "Time (milliseconds)" in the "Transition Point Type" field
  8. Set your transition point in the corresponding field

    Please note that all of our stinger transitions have a transition point set at 1000ms, but it can be different if you're adding your own transition so don't forget to configure it accordingly.

  9. Your stinger will appear in the general list of transitions. Activate it by pressing the circle on the left side and press "Done"
  10. Success! Your stinger transition is set up

OBS Studio

  1. Press the + button under the "Scene Transitions" bar
  2. Choose "Stinger" and give your transition a name
  3. Press on the "Video File" field
  4. Browse to "\3. Individual Files\Other\Retro Computer_Transition.webm" and press "Open"
  5. Choose "Time (milliseconds)" in the "Transition Point Type" field
  6. Set your transition point in the corresponding field

    Please note that all of our stinger transitions have a transition point set at 1000ms, but it can be different if you're adding your own transition so don't forget to configure it accordingly.

  7. Awesome! Your stinger transition is ready to use

Additional Info

Colors

Black: #1d1f1e

White: #eceadf

Red: #ef4522

Yellow: #ffcc00

Green: #14c47c

Blue 1: #00acee

Blue 2: #170577


Fonts

Rubik


Related Products 

Retro Computer Stream Package

Retro Computer Animated Alerts

Retro Computer Stinger Transition

Retro Computer Overlays