How to Change the Colors of Your Overlays in OBS - Streamplay Graphics

How to Change the Colors of Your Overlays in OBS

how to change overlay color in obs
Share
Streamplay Graphics

Aug 10, 2018 · 2 min read

Looking for a way to change the colors of the overlays you use in OBS?

In this quick tutorial I’ll show you how!

If you downloaded one of our Twitch overlays from our site or have an existing one you got somewhere else and wish to change its color then this guide will help you out.

You’re going to learn how to be able take an overlay that looks like this:

color of overlay before change

And change the colors to look like this (all in OBS):

color of overlay after color correction

Let’s begin


STEP 1. FILTERS

Under Sources with the overlay selected that you want to change colors, right click on it and select Filters.

STEP 2. COLOR CORRECTION

A window will popup, and you’ll wanna click the + button found at the bottom left of the new window, then select Color Correction.

color correction for changing overlay color

Alternatively you can right-click in the left side of the window, under Effect Filters, and an “Add” menu will show up with the same options.

STEP 3. HUE SHIFT

Now you’ll see a bunch of slider options show up like, Gamma, Opacity, Contrast, etc
 all of these will affect how your overlay will look.

But the main slider we want to mess with is the Hue Shift option.

adjust colors using hue shift

Dragging this slider left and right will drastically change the color of your overlay. So play around with this setting first to see if you can get the color you’re looking for.

The other sliders will also affect the color of your overlay, changing the darkness or lightness of the color, etc
 so feel free to adjust those settings as well if you need.

CHANGE COLOR OF ALERTS & OTHER IMAGES

Like I mentioned at the beginning of this guide, you can use the color correction filter on any image you use in OBS.

So if you have a stream alert that you want to change the colors of then same method applies.

Just follow the same steps above for any image you’re using in OBS and you can change their colors.

ANY QUESTIONS?

That’s it! Like I said, this was a quick and easy tutorial on how to change the color of your overlay in OBS.

If you have any questions feel free to drop a comment below.

And if you’re looking for some new graphics for your channel then check out our huge selection of professionally designed graphics for streamers here.

Want a Custom graphic?

We can make a fully custom set of overlays
and graphics for your stream.

Learn more

Want design tips & business trends (and the occasional promotion) in your inbox?

Subscribers to our newsletter have been scientifically proven to be smarter, better looking and at least 50% more awesome than average.

  • This field is for validation purposes and should be left unchanged.

Our Graphics Are Compatible
With All Streaming Apps

  • Streamlabs
  • Twitch
  • Youtube
  • Stream Elements
  • Facebook gaming