Hey everyone it's Derek from Nerd or Die.
Today I’m excited to show you how to set
up one of our most popular stream packages,
Electro Junkie.
Let’s get right into it.
Electro Junkie is currently available in the
Nerd or Die shop as a premium package and
like many of our designs it’s meant to be
modular--allowing the user to pick and choose
what elements work best for them.
One of the ways that this is achieved is through
the color correction filter in OBS Studio.
It’ll allow the user to customize the colors,
and shift the design to match their channel’s
brand colors.
Electro Junkie includes screen designs and
animated scenes that you can use at the start
or end of your stream, as well as one for
when you need to step away for a moment.
These screens are basically a canvas that
you can populate with whatever you want.
Icons, messages, you name it.
Next, we can look at the overlay itself, these
elements fill up your screen when you’re
in a game.
The overlay includes individual icons, as
well as preset layouts.
Basically a one-stop shop or individual pieces,
it’s all up to you.
All of these aspects are designed to be unintrusive
to the content that you’re streaming.
While Electro Junkie has a lot of eye-grabbing
elements to it, we want to make sure that
you and your content will be center stage.
Of course, we can’t forget about the custom
alerts included.
Electro Junkie’s animated alerts work well
with most platforms, such as StreamLabs and
Muxy, but Muxy is our personal choice because
of the quick and easy 1-click setup.
The panels included are the final, invigorating
jolt to Electro Junkie.
These static images keep in the sharp-toothed
style of the package, each with an illustrated
icon to define the panel.
These icons are also found on their own within
their respective folder for custom use.
-----
Once you’ve purchased and downloaded Electro
Junkie you can open through the usual ways,
such as 7zip or Winrar.
Inside the download, you’ll find a readMe
file that’ll help the setup move quickly.
One of the big ways that’s done is by pointing
you towards the font downloads we recommend
using with Electro Junkie.
Make sure to download and install those fonts
-- we’re going to be using them later.
Let’s start with the first screen your viewers
will see, the intro screen.
In OBS Studio, let’s get our scene built.
Call it whatever your heart desires but make
sure you can easily identify this as your
Intro scene.
Next comes adding the media source, which
is how we can get our animated intro into
OBS Studio.
You’ll find this intro in your Electro Junkie
download folder, then in “Screens”.
The one you’ll want to choose is the .mp4,
“StreamStarting_loop”.
Just as the name of the file would suggest,
we’re going to loop this video so the, looming
radioactive cloud that announces your arrival
to stream never stops rolling.
You’ll notice on your looped video, there’s
a perfect place to include some helpful information
like social media links or Discord channels.
Let me show you how to add these in.
Still staying within your same scene, make
a “Text” source.
From the fonts that you downloaded earlier,
choose “Roboto Condensed”.
This look is going to pair well with the “Road
Rage” that’s smoldering above.
Size is completely up to you, but size 72
will fit over the bar.
I’m going to write “Join our Discord”
and drag it to the bar.
Keep in mind you may want to scale this text
down based on the more information you want
to add.
This is a good time to mention “Source Alignment
Snapping”, which is found inside of OBS’s
“Settings” in the “General” tab.
With all of these options selected, I’ll
be able to center the words, “Join our Discord”
with ease.
For these words to pop, let’s go grab some
of those icons we were talking about earlier.
We’ve got quite a few to choose from, but
I’m going to select from the “Large”
folder to grab the biggest Discord icon that
comes within the package.
Drag it over to let it sit right next to the
words, “Join our Discord”, then, using
CTRL, select both of them to realign them
with the center of the screen.
There we go, things are looking good!
Let’s repeat this process for whatever other
information you’d like to be housed on your
intro screen.
For whatever you’re going to add next, I
find that copying the image and text I’ve
already created, then pasting the duplicates
will allow for the best way of keeping things
uniform.
I’ll show you what I mean as I make another
source for my Twitter handle.
When we copy the sources it is extremely important
that you use paste duplicate for this to work
properly.
If you paste in a different way the changes
that you make will also happen to the original
source.
Pasting as a duplicate will basically separate
the sources, so that we can change which icons
are used and what the text says.
With duplicates created, we can finish updating
the icons and text to whatever else we’d
like to add in, then move them to their part
of the bar--either by dragging with the mouse
or by using the arrow keys to nudge for precision.
Lastly, using the “Road Rage” text, let’s
put your stream name at the top, nested right
above the words, “Stream” of “Stream
Starting”.
Remember, with OBS Studio it’s always best
to choose a large text size.
This is because when you scale text up, it
can become blurry.
We can always scale text down if needed.
Everything we just learned for this screen
is applicable for the other sections.
All you have to do is create a new scene and
repeat the process for any other scenes you’d
like to design.
----
Let’s talk about setting up the overlays.
The overlays themselves, they’re no sweat
compared to the screens we’ve just set up.
Just remember to start things off as a new
scene.
Inside the Electro Junkie folder, then in
“Preset Layouts”, choose whether you’d
like the animated or static version of any
of our presets.There are a few selections
of each, so choose the one that fits your
look.
If you choose any of the animated versions,
remember to loop it so the electricity effect
is always moving on-screen.
While I’m going to move forward with one
of our presets, which I’m adding as a media
source, always remember that you can customize
your Electro Junkie overlay even further by
using the “Overlay” folder to pick and
choose whatever you’d like.
For right now, I’m going to use the “SupporterBar+CamLeft”
file.
With this selected, you can begin to see what
I meant when I said we wanted this overlay
to be impactful, but still out of the way.
Your info bar at the bottom is small, but
you’ll still got plenty of room to list
your “Top Tipper”, “Last Tip”, and
“New Follower”.
This information is of course added by creating
a text source, preferably in “Roboto Condensed”
text font, then aligning the text under the
corresponding info title.
Size 36 font will work nicely here.
You’ll also notice with this preset, your
webcam can sit above a defining line of electricity
that fits with the rest of the theme.
As you would in all cases, just make a source
for “Video Capture Device” is put here
and scale it to fit under the bar.
Remember, if you want to change the size and
position of the webcam bar, not only do we
have a couple of presets, but within the “Webcam”
folder, you’ll find the element on it’s
own, so you can add it, size it, and position
it as you’d like.
----
Let’s move on to setting up the alerts.
Muxy is the easiest of the two, as you’ll
be able to use the provided “MuxyAlerts”
link found within the “Alerts” folder
to copy our shared files directly into your
Muxy profile.
From there, it’s all just a matter of scaling
things to your liking before finally copying
the top-most link of the page as a “Browser
Source” within OBS Studio.
If you’d prefer, you can have these animations
work inside of StreamLabs as well.
Those of you who are familiar with StreamLabs
and prefer it over Muxy will just need to
go into your “Alertbox” in the “Widgets”
section and begin to add these individually
from within the “WebMs” folder of the
package.
Of course, you can customize further as you’d
like.
As far as alerts go, you should be set.
Test it out a few times under your prefered
platform to make sure that the hard-hitting
Electro Junkie theme is blasting its way into
your stream before riding off once more into
the digital distance.
----
To finish off our stream design, we just need
to add in our Twitch panels.
There’s a wide selection to choose from,
found within the “Panels” folder.
Within your Twitch account, find the “Edit
Panels” switch below your broadcasting window.
Use the “Add Image” buttons to existing
panels to make the switch to your Electro
Junkie theme, or begin to add new panels with
the giant plus sign.
You’ll see the new panels as soon as you
hit “Submit” in the corresponding panel.
---
Electro Junkie is a power-package that’ll
get your blood pumping, but it also may leave
you with some questions if overlays is still
a new territory for you.
As always, we’re here to help, so make sure
you list any questions you have in the comments
below.
And don’t forget, I’m a streamer myself.
Even if I’m playing games on stream I’m
happy to answer any questions you might have.
I also make and test new overlays, and do
some fun creative stuff as well.
Find me on Twitch.tv/NerdOrDie weekdays at
5PM Eastern.
If this was helpful, please throw us a like.
This kind of content is always available to
our subscribers, so don’t forget to subscribe
and turn on the notifications so we can keep
you updated with our new overlays, free graphics,
and gaming content.
Thanks for watching.
