Twitch HUD Bar with Alerts Built in Canva
HTML-код
- Опубликовано: 21 авг 2024
- Today we create a Twitch HUD bar with built-in Alerts, created in Canva. This design uses StreamElements and the Alpha Gaming rotating metric.
Get 30 Days of Canva Pro Free: bit.ly/DHCanva
\\ Where to Find Me //
My Channel // / drheals
The Clinic (Discord) // discordapp.com...
\\ My Streaming Gear //
My Cam: amzn.to/2LFOb2k
My Mic: amzn.to/2SDtzZ8
Capture Card: amzn.to/2SHoOxF
Vault Boy: amzn.to/30Uxaot
Huge shoutout to the creators who inspire me, peeps like Seso, Sam Woodhall, Harris Heller, and Nutty. You guys are an inspiration! If you haven't checked out their content yet, do it!
![FREE Custom Transitions in Canva [Canva for Streamers Tutorial]](http://i.ytimg.com/vi/-huknF1OUFI/mqdefault.jpg)
![FREE Custom Transitions in Canva [Canva for Streamers Tutorial]](/img/tr.png)
![Make FREE animated emotes for Twitch! | [Canva Tutorial + Secret Hack]](http://i.ytimg.com/vi/-2R33nk2Qnc/mqdefault.jpg)
Woah that is so cool! I use canva so much and I didn't even think about crossing those two. Thanks for the video!!!
For sure! Can’t wait to see what you come up with!
That dark side mug. Must. Have.
Haha. Legit my favorite mug!
Dude! You’re killing it with these tutorials! I had no idea Canva also had animation capabilities. So cool!
Thanks bro! I'm loving that Doom series you've got going on! Yeah, I'm realizing you can do a lot in Canva if we think outside the box. Lol.
@@DrHeals Thanks! You’ve got my brain ticking again on some ideas for alerts on my gameplay scene. Keep it up!
@@PastorDoostyn Nice! Can't wait to see what you come up with.
Appreciate this series a lot!! Has been super helpful and very detailed
thank you!!!
Aye man I’m an upcoming streamer and this helped SO MUCH!!! Thank you so much man.
Hey Ian! So glad to hear it man, hope you make something awesome!
this tutorial helps a lot, specially for those who wanna setup their stream and everything, but if i can suggest you for the next video maybe turn off or maybe put ur camera somewhere else so that people can see the whole thing 😁😁
Thank you for the great tutorials as always!
For the longest time I was worried that I was doing something "wrong" by using canvas cos it was easier. But there's so much you can do with it!
Curious what the song used in the background is? It's very chill
Thank you! Nothing wrong with using Canva, it's a n incredibly powerful tool! Also, pretty sure the song is from Streambeats by Harris Heller.
thx man good videos and super helpful new sub for u keep the good work
Yes plz do the video of alert
Everything working and looking great inside Streamelements but when adding it into OBS with the browser source they do not work at all.
Great video! I followed everything step by step. Q: How do you insert the HUD into OBS after you've finished on StreamElements?
So the original bar that just exists will go in as an image or video depending on what it is. Then just center it in the screen. Next, you'll add an "Alert Box" and there you'll add in your actual Alert animation into the correct "follow", "sub", "raid", etc. fields.
Thanks for the valuable information - Subbed...
that was cute actually lol
mine stays on my screen as a black bar the whole time? any one else have this issue? did i do something wrong?
Loved the intro hahaha
Haha. Thank you! I felt so dumb. 😂😂
Love the cup... sorry I snuck in and you didn't see me. LUL
but how do you add the Kitty?
Doesnt post the full image when I add to browser source into OBS, what am I doing wrong??
Were these effects free at the time of making this video? Stomp, Pop, Baseline, Neon & Scrapbook are all pay features. :(
Yeah, I believe they were free. If I’m not mistaken, there are free ones available now. If you want them just for your HUD, you can sign up for a free trial with the link in the description and cancel when you’re done working on them.
So what about gifteds and stuff where the text doesn't fit on the hud strip?
IE: the variations.
getting it the right size is the hard part on streamelements
Yeah, that part is tricky. In the video I show some tricks to getting it right. Otherwise it just takes a little bit of time to line it up.
It's cool I sorted it
I made a HUD bar but it went all blurry can't get the size right
Verify the size of your board is correct by going to "File" and the size should be listed right beneath the file title. It should be at least 400x50 px.
If that is wrong, you may have to recreate it at a larger dimension. If you have a pro account, you can use the resize feature but otherwise it'd be easier to recreate at a larger size. You can always scale it down in StreamElements or OBS.
Yep I try make it big then scale down the size in stream elements
@@PunisherWorld How big did you make it?
450x50
How do I add the rotating widget to it?
Cool vid! I would like to learn how to make the animation for like comment and subscribe for youtube on canva.
lol - that intro is basically my twitch trailer... full cringe. :)
Haha. Know what you make, I’m sure your trailer is 🔥!!
I changed it tonight though because of this