learn to make (cute) FREE overlays for twitch! -- beginner tutorial
Вставка
- Опубліковано 11 тра 2024
- hi friends! today i'm giving you a (way too) in depth tutorial on how to make a basic overlay for your gaming streams on twitch, youtube, facebook (wherever you choose to stream!)
we'll be using these free resources:
www.photopea.com
www.pexels.com
www.pixabay.com
(this is unsponsored / unsolicited btw! lmaoo)
🌷
0:00 - intro
0:44 - what we're making
1:00 - what is photopea.com?
1:36 - what is pixabay.com?
2:05 - creating a new project
2:25 - learning about the layers menu
3:28 - setting up the main background
4:28 - how to gaussian blur
5:05 - how to blend multiple images together
6:55 - how to merge layers
7:40 - setting up game screen shape: rectangle tool, rounded corners
10:25 - setting up webcam shape
11:20 - deleting the shapes from the main background
12:00 - how to add a border/stroke
14:50 - how to create a different border for webcam
18:03 - how to create transparent pngs
18:45 - using the pen tool to cut out images
20:50 - rectangle tool for most recent follower
23:20 - text tool to add username
23:54 - how to save / export as .png
25:50 - the final overlay!
26:09 - how to crop webcam in SLOBS/OBS
26:30 - wrap up
🌼
envato placeit, graphics for streamers (affiliate link)
1.envato.market/BXKAVB
🌼
join my DISCORD community
for artists, streamers, magical minds,
musicians, daydreamers + nerds of all kinds!
/ discord
🌼 FIND ME 🌼
website: www.heyshadylady.com
twitch: / heyshadylady
twitter: / heyshadylady
instagram: / heyshadylady
discord: / discord
paypal: www.paypal.me/tybaka
ko-fi: www.ko-fi.com/heyshadylady
tiktok: / heyshadylady
business only: hello@heyshadylady.com
🌼
my equipment:
(affiliate links! so i earn a small commission if you use these links, thank you uwu)
webcam: (logitech c920) amzn.to/3pxnFsU
microphone from this video: (blue yeti) amzn.to/2SiiHUI
current microphone: (shure sm7b) amzn.to/3w7tzDB
audio interface: (audient evo 4) amzn.to/3gnnpbM
microphone pre-amp: (triton fethead) amzn.to/2RD95DS
mic boomstand: amzn.to/3gzvL0n
lights: amzn.to/3gigMHY
el gato streamdeck: amzn.to/3zbEUV3
🌼 - Навчання та стиль
Anything in specific yall want me to go further in detail on?
More Twitch Overlay, you found your niche in the youtube algorithm
@@LordAlchemist ;w;
i would love it if you could make tutorial of how to put on the streamlab obs... and also a start screen, brb , and a ending screen
Can you show us your set up (webcam, ring light) and also an in-depth tutorial on how to use OBS? Love your video on How to get started on Twitch!!
Would you be able to show how to get chat on screen?
I have never seen a tutorial go so much into detail! I can't tell you how much I appreciate that!!!! Could you do a video on making a "Be Right Back" screen and a "Chat" screen?
Yeah, I would love to make tutorials for those screens!! thanks for the suggestion + for watching :D
Thank you for the tutorial! I really appreciate the helpful content you create, it’s helping me get prepared to stream and to look good while doing it!
Your step by step really helped me out. Sometimes it's those tiny tiny things that you miss. I really appreciate you taking the time to literally zoom on everything. THAT's is patience with editing. Thank you
really appreciate these tutorials they are beyond helpful! 💙
thank you so much for this!! i'm looking forward to customizing my own overlays now, it actually looks like fun
This video was incredibly helpful, straight-up with no over-complication or beating around the bush.
thank you so much for doing this, I have used this numerous times to make layover, I appreciate it very much
My viewers are going to be in for a treat when they see the new layout!! Thank you so much
Honestly love ur vids! They’re so helpful and thorough for someone who’s new to everything, and I lovee having my own overlay rather then the ones you can just download from OBS!
Thank you so much for the tutorial! I've been considering doing streams and this is going to be so helpful!
I have used this tutorial video so many times to make fresh overlays for my stream! I cannot thank you enough for making it!
Thank you so much! You explained it with such great detail and I really appreciate it. I also wanted to add, I created my own starting soon screen using this same tutorial! thank you again.
This was an amazing tutorial! Photoshop has always intimidated me, but you made it so easy to understand and follow along! Thank you for sharing your knowledge with us!
i have referred back to this so many times even for the simplest goof ups I've made for some redirection or to see what I did wrong. love this video so much and her voice is so calming ♥
thank you so much! i just made my first overlay and i had so much fun doing it. thank you for this helpful tutorial! i know nothing about this stuff but with some trial and error i was able to follow along and completed an overlay!
Thank you so much for your tutorials, I really am learning a lot!
I want to say thank you soo much for this video!! I do a little designing with my business related things and just recently made affiliate on twitch and this came in handy in making some overlays for my stream, now my streams will have a little personality to it 😁😁❤ this was super helpful and I was able to put my skills to the test
MANY BLESSINGS oh my GOSH. you are such an angel for all of these amazing resources. thank you so much.
This is a major help. I 've been trying to find a software very close to photoshop. Thank you :)
Thank you so much for these free applications, i find them so helpful.
Thank you so much for this! I can't wait to use my new overlays on Twitch soon!
I been using power point to do this stuff for years. Learning so much. Thank you.
Gonna echo what a lot of other people said and offer the biggest thanks for being so thorough in your explanations. Other videos show the what, how, or why, but you do all three and you make it make sense.
Your tutorials are so helpful!!! I’ve wanted to stream for as long as I can remember but been struggling with how lately. I also wanted to ask you if you see this: I wanna do gaming content but I don’t know how I can make it different, it’s a basic category but it’s what I love the most. I’ve seen a lot of videos saying be extremely good at it but I don’t play online stuff like some big players and more chilled back games. However I do really love the lores and theories of the games I play so I thought maybe while I’m playing I can talk about that stuff and give information about the games I’m playing? And I think you should make a video for niche help cuz I see people struggling with that rhe most
this tut even works on diffrent websites and drawing apps! that proved this tut is genuinely great
THANK YOU SO MUCH for making this video (and all your others) !! i’ve been looking for a tutorial about creating overlays thats easy to understand- it looks so daunting when you’re just starting out. your advice and thorough explanations are truly a streamer god send!
aw you're welcome!!
I was not aware of this site! I'm so excited to make many Twitch overlays!
I like this soo much. Im definately going to play with this.
New to the streaming community and I wanted an overlay of my own. You made that possible, thanks!
This was great and I appreciate the tutorial!
I appreciate that you actually go over WHY you're doing the things, and not using the other similar tools! A really sick tutorial, my guy! ^-^
This is just the thing that I needed! I was looking endlessly for images that could go for overlay, but none of them really hit the thing that I wanted. Now I can make my own!
Thank you! ❤️
you're welcome!!
thank u so much for all the effort ❤❤
thank you so much this was very helpful and easy to follow
I also use photoshop but wow this is a great dupe!! Thank you for sharing 💕
I love how you explain things, thank you for another helpful video!
You're welcome, thank you for watching! 💖
I just used this tutorial to make a few new overlays for an upcoming interview I'll be doing on twitch! Very straightforward! Thank you!!!
If you ever make a follow up to this, I know I spent way too much time deciding on my background, so helping an indecisive streamer zero in on what will fit their brand and also look good would be helpful. Also, the importance of saving *often* (my browser crashed right when I finished one of the overlays. womp womp!). Thanks again, Ms. Shady!
Thank you sooooo much. I didn't think I was savvy enough to make my own but you made it so simple. I made one to start off with that I actually really like!
Yayyyy, way to go moonrise :D !!!
Thank you for helping newbs! You’ve inspired me to start my own Twitch. I love hanging with you on stream and want to do the same for others
you're so welcome, I love havin you chill!!
thank you so much very helpful
This is so helpful thank you!
poppin in real quick to say thank you in advance for this vid - i'm gonna watch it as soon as i have more time!! i always look forward to watching your vids (literally regardless of content, lol
appreciate you so much; thank you!!
This was so helpful!!!! thank you so much!!! :)))))
thanks for the help!!
Thank you for your help!!
Amazing!
Thank you!
you are awesome. you have helped me so much in my twitch. I currently get about an average of 11 viewers and it’s only been my second stream. I can’t wait to add more of your amazing tips and continue growing. thank you ❤️🥺
Wow you're off to an awesome start!! 👏
Hey, I just found you on the 'internets' and wanted to say I'm really enjoying your content. I also wanted to say how much I've enjoyed watching the progression of the improvement of _your_ content over series of videos you have published. It adds a lot of weight to your tutorials that you take your own advice.
Aw thank you so much 🥺💖
Your videos are the best, even for my disaster brain!!! Thank you!!
i just found your channel a couple days ago this is such a pleasant surprise! :D
aww, perfect timing!! :D
Hiii!! I'm here to just thank you for awesome content! It really helps me out, because I'm like a very very beginner in this whole thing! So yeah, thanks! Have a super cool day!!!
aw yay!! you're welcome :D lmk if there's anything in specific you'd like a video on! i'm trying to figure out what to do next :D
Such an awesome video ! Thank u!!!!!!!!!!!!!!
Thank you for the Alt-tip in OBS!
wow, thanks for this tutorial. I'm going to try this out myself right now.
Could you maybe in the future go into details on how to make a custom youtube video intro and outro detail image? Like ones you make for your own channel. If you already have one, point me to it plz :)
I really love your style
Thank you!
just found your chanel and now im early :O this is epic!
welcome welcome!! and thank you, i'm glad you like it!! :D
I hope you do an obs tutorial! Cuz I have no clue what I’m doing and I can’t figure out how to add the video and the camera ontop of the overlay
Thank you so much ❤️💞✨💘
Thank you so much for this ❤️
you're welcome, thanks for watching! ^-^
this is so amazing helpful thank you so much
you're welcome!!!
Thank you!
Your Videos help me so so much, thank you!!
you're welcome! ^-^
Your a really good teacher ♥
Thank you 🥺💜
Wow that is so super helpful
yay, I'm glad!! thank you for watching ^-^
This takes me back to the days of making div layouts for myspace lmao.
SAME LMAO
SHADY LADY TAUGHT ME EVERYTHING!!!
🥺💜💜
So nice
hey!! thank u sm!! can u go in detail how to add the overlay to obs??
Would love a full tutorial on how to set up your overlay in SLOBS and creating other scenes like intermission scenes! Thank you for making this video, as I had almost no clue on how to work any software, especially streaming software!
Hey, I love the tutorial! Im struggling with borders for game play tho. Iv'e followed the steps, but when I try to use 'stroke' on the game play box it outlines the box and the square around it?
Thank you
Wow, I meant to save this to watch later when I'm at my computer but now I'm already 15 minutes in and still glued.
And until I read the other comments, I didn't realize this was just uploaded 4 days ago. That's perfect timing for me. I just started streaming and need A LOT of help. 😅
Now if only I had any design talent. I need to figure out what colors and such I want. I don't have a logo, banner, or anything. 🤦♀️
Lots of work to do.
This is all so exciting and interesting. Thank you so much for the info!
you're very welcome!! i'm on the lookout for new video ideas, so if there's something in specific you're hitting a wall with, lemme know and i can try to do a video on it!
if you tap with two fingers you can color pick n your image so it matches more
I wish I could like your videos more than once, thank you very much.
Aw thank you, im glad they can help you 🥺💜
thank you so much for helping mee, i love the tutorials!! one question tho : what's the keybind to go back? :,) lol
Do you mean like to undo something? If so, it's CTRL+Z
:)
How can i put the overlay in the obs? Thank you for the tutorial ♥️
Ayyyyye nice video Shady! You definitely on top of yo shit! Appreciate the walkthru!!
thank you!! :D
hello, thank you so much for making this video, it helped a lot, but i have a question, if I want to be a faceless streamer but want to add a chat, what do i do then?
Can you make a video on how to set up obs with detail pls
Could you make a video on how to use this overlay on Streamlabs step by step, I still haven’t managed to get the hang of Streamlabs and I’m having some trouble with my overlay when I paste it on my Streamlabs since my gameplay doesn’t really fit and it also covers my camera :( Other than that, this video was so fun and helpful to create an overlay from scratch! Thank you so much!
I love you
You are alive :D
yes!! and doin my best to get in the swing of regular youtube videos lmaoo
Omg ur were saying like i was starting to use photoshop like 2 years ego i was expectin u were gonna say cause u looking fab ❤️ and young 😂
omg thank you 😂😂😂
Hey! Can you make a video on making your Twitch banner and emotes (especially if we can’t draw lol)? Thank you 🧚🏽♀️
Please go more into depth on how to set up the overlay once we make it!
can definitely do that!! thanks for the suggestion :D
this video was very helpful!
once i have the overlay on the stream, how do i make it show the most recent follower and chatbox if i am using obs? also, do you think obs is better for beginners or streamlabs?
Streamlabs OBS has a few more useful integrations for beginners (like adding a streamlabel makes it easy to get your most recent follower to show up)
But SL OBS is also very resource heavy and can lag some computers down so keep that in mind!
If you're using OBS, you'll have to manually add a browser source for the labels... I'll make this my video for next week! I've gotten lots of questions about it lately!
when i choose stroke is not only on the cropped form but on the background line too. Can someone tell me why? cause I followed all the steps
Hey girl thank you so much for these videos!! They are amazing and have helped me so much. Quick question when I add the stroke to the box for a border it adds a border around the entire screen as well as around the gameplay box. I noticed in the video however it doesn't happen to yours. Am I doing something wrong? I guess it doesn't really matter but I would prefer it to not be there lol. Again ty for all your hard work!!
Yeah there's should be a drop down box in the stroke window that you can change from "outside" to "inside" that should fix that!
@@HeyShadyLady Tysm!! It worked!
Thank you so much for this! Serious mode, activate.
So how do you upload it and use it for streaming?
Have you found an easier way to make the webcam border transparent? I'm using Photoshop and I was able to accomplish it once. But for some reason when I try to rasterize the webcam layer it won't allow me to do so.
the one thing I need to know if you could. I watched this video and I put the two boxes at the bottom as you did for new subscribers and followers...I think. I don't know how to get the data to populate to those boxes. Are you able to help with that?
so this helped me alot but now for some reason i can not see the square i make for my gameplay when we first create it... does anyone know how to fix this??
What would be the dimensions if I wanted to add a chat box, video game view & webcam box size?? Idk if I’m doing it right.??
I know this is a year old but hopefully you check back on this still 😅 When I go to delete Layer 2 for the webcam area it’s doesn’t leave a transparent layer it just shows the background with the stroke around it. Do you know what I’m doing wrong?
also does it affect anything that i didnt do the webcam?!
hello i want start streams on twitch but I don't know where to start, please write me some advices .
whenever i try to paste the background in the begging it goes into a different layer and it doesn’t stay in the background layer
How would you add a chat box to this one OBS?