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! https://placeit.net/?utm_campaign=yt_tutsplus_ytNCKIDzd8E&utm_medium=referral&utm_source=youtube.com&utm_content=description&search=twitch%20stream%20overlay

Subscribe to our OBS playlists to be sure you don’t miss a thing: https://www.youtube.com/playlist?list=PLgGbWId6zgaXVt9r1lZ4KJLSWpkiQrbiZ

Assets Used in this Video:
• Quinta Font Family https://elements.envato.com/bw-quinta-font-family-WFV566?utm_campaign=yt_tutsplus_ytNCKIDzd8E&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Social Media Icons https://elements.envato.com/social-media-icons-6DLSCG?utm_campaign=yt_tutsplus_ytNCKIDzd8E&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Webcam Placeholder Image https://elements.envato.com/female-gamer-in-eyeglasses-streaming-online-playth-FGZ85SC?utm_campaign=yt_tutsplus_ytNCKIDzd8E&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Space Racing Game Imagery https://elements.envato.com/space-racing-game-creation-kit-3DB7P5?utm_campaign=yt_tutsplus_ytNCKIDzd8E&utm_medium=referral&utm_source=youtube.com&utm_content=description
Read more on How to Create a Twitch OBS Stream Overlay in Photoshop on Envato Tuts+: https://design.tutsplus.com/tutorials/how-to-create-a-twitch-obs-stream-overlay-in-photoshop–cms-34013?utm_campaign=yt_tutsplus_ytNCKIDzd8E&utm_medium=referral&utm_source=youtube.com&utm_content=description

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com?utm_campaign=yt_tutsplus_ytNCKIDzd8E&utm_medium=referral&utm_source=youtube.com&utm_content=description

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: https://elements.envato.com?utm_campaign=yt_tutsplus_ytNCKIDzd8E&utm_medium=referral&utm_source=youtube.com&utm_content=description

► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

source

15 comments

  • Allan Adimoolah 2 months ago

    Excellent Tutorial…. Learned some good photoshop tips for creating those wierd shapes 🙂

  • Jackson Does Bikes 2 months ago

    so helpful thanks i made my first one today:)

  • Blessy Ponnachen 2 months ago

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

  • Blessy Ponnachen 2 months ago

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

  • Blessy Ponnachen 2 months ago

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

  • Midi Taylor 2 months ago

    love how you explain things you dont go on and on about other stuff so thank you x

  • Sadzia 2 months ago

    My hero

  • Lou 2 months ago

    Thank you so much!

  • Mr Loa 2 months ago

    this was so well explained. Thank you!

  • hc4stillo02 2 months ago

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

  • LunaLutra 2 months ago

    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!

  • Jessica Fritzler 2 months ago

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

  • Dinesh Rathod 2 months ago

    Very well explained

  • Shawn Delaney 2 months ago

    Brilliant
    THANK YOU

  • DMan7 2 months ago

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

Comments are closed.