How to Create a Twitch OBS Stream Overlay in Photoshop

Do you live-stream on Twitch? Ever wanted to make your own live-stream Twitch overlay graphics from scratch? In this tutorial, we'll walk through the basics of creating a stream overlay, for your custom Twitch live-stream, in Adobe Photoshop. We'll make a custom Twitch overlay from scratch, and then we'll put it to use in Streamlabs OBS. If you're looking for a super easy, OBS stream overlay maker, you might want to give Placeit a peek! placeit.net/?...
Subscribe to our OBS playlists to be sure you don’t miss a thing: • OBS
Assets Used in this Video:
• Quinta Font Family elements.envato.com/bw-quinta...
• Social Media Icons elements.envato.com/social-me...
• Webcam Placeholder Image elements.envato.com/female-ga...
• Space Racing Game Imagery elements.envato.com/space-rac...
Read more on How to Create a Twitch OBS Stream Overlay in Photoshop on Envato Tuts+: design.tutsplus.com/tutorials...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?...
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: elements.envato.com/?...
► Subscribe to Envato Tuts+ on TH-cam: / tutsplus
► Follow Envato Tuts+ on Twitter: / tutsplus
► Follow Envato Tuts+ on Facebook: / tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

[@john_d_john13]

I was scared to do it myself and was probably going to pay for a service. watching this video gave me the confidence to do it and you probably saved me a ton of money

[@NosightTactics]

this was so well explained. Thank you!

[@Shikaru101_]

This was the most informational video I've found yet! Thank you so much! :)

[@FreakyChumy]

Thanks for sharing this one, I love the outlines you made, "Cyberpunk Polygons" simple & clean (I'll make mine yellow). We could also minimize the process of adding each individual layer by making a "video overlay" out of them in After Effects, in there we could also add animation to each individual element or make them Glow with the Saber plugins. That way, we could just add a single "media source" in OBS or SLOBS.

[@TheMZ11]

Very well explained and very simple. Thank you

[@xxFLOWoo]

Very helpful tips! Definitely going to implement some of these for recording content. thank you for these guidelines 👍🏽

[@envatotuts]

Glad it was helpful!

[@boothys_sim_racin]

Perfect tutorial, short and sweet with everything i needed to know 👌

[@envatotuts]

Glad you liked it!

[@eddieconner2274]

Great tutorial I considered creating my own overlay

[@ShawnDelaney]

Brilliant
THANK YOU

[@hc4stillo02]

WOW esto me ayudo muchísimo, muchas gracias por compartir sus conocimientos.

[@allan.adimoolah]

Excellent Tutorial.... Learned some good photoshop tips for creating those wierd shapes :)

[@smoovesoul]

Super Helpful!

[@dineshrathod66]

Very well explained

[@ladyfritzler]

Very helpful tutorial! I am not seeing any stream widget options in regular OBS.

[@franckjmn]

nice!! Thank you for the video

[@jacksonbrocklebank9582]

so helpful thanks i made my first one today:)

[@LoreleyLz]

Thank you so much!

[@envatotuts]

You're welcome!

[@sadzia4847]

My hero

[@jphamzz]

thanks!

[@lizr1630]

What dimensions are being used?

[@blessyponnachen9528]

Can't we able to add overlay like this in OBS

[@GothdomEx]

I love the fonts for new followers and others. The link provided gives error 404. Can you link me to the font please? Thanks

[@datadreamsit8514]

awesome video thank you so much! this turned out perfect. however you might wanna change the title from OBS to SLOBS as its a bit different between them :)

[@chethanahettiarachchi9616]

Can you do a tutorial to make this overly to animation if can ❤️ thank you

[@tarodkenney5561]

Can I create console stream overlays the same way

[@luna__n0x]

how do you make the whole background animated while still being able to place a game frame over top of it so i can still be seen? I've made one with video editing software but now of course i cannot make the section where the face cam and game play window is transparent. Send help!

[@bully008gaming9]

use some green screen effects and make it in a video editor. combine the overlay and the green screen animation. this is the easiest method of making animated overlays.

[@gabrielepettinato5277]

I can't fill with color wtf...I select the color square, but once I point the poly i created i can't fill it.

[@jazzymorris732]

whats the sizes ?

[@blessyponnachen9528]

Is that we can use overlays only if we are recording games ?
Can a TH-camr who upload voice over video lecturers can use this kind of overlays ?

[@DemonicBloop]

You may be able to. Try doing a recording with the overlay active and see if the overlay shows in the recording. I haven't tested it myself as I'm still in the process of making an overlay

[@dman7000]

How to Create a Twitch OBS Stream Overlay in Photoshop
Me: What's OBS?

[@blessyponnachen9528]

But here you haven't used OBS ?
Here you have used stream labs?

[@SteveTadGaming]

It’s easier in Illustrator

[@undergroundanonymousdj]

less your a pro in PS.

[@flixco3572]

your photoshop looks odd