Twitch HUD Bar with Alerts Built in Canva

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/invite/RkU4Ru6
\\ 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!

[@breathingintensifies]

Appreciate this series a lot!! Has been super helpful and very detailed

[@EmiiCreations]

Woah that is so cool! I use canva so much and I didn't even think about crossing those two. Thanks for the video!!!

[@DrHeals]

For sure! Can’t wait to see what you come up with!

[@itsragewing]

That dark side mug. Must. Have.

[@DrHeals]

Haha. Legit my favorite mug!

[@tp3239]

thx man good videos and super helpful new sub for u keep the good work

[@jillianjuliet]

thank you!!!

[@YT.Redman1986]

Yes plz do the video of alert

[@PastorDoostyn]

Dude! You’re killing it with these tutorials! I had no idea Canva also had animation capabilities. So cool!

[@DrHeals]

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.

[@PastorDoostyn]

@@DrHeals Thanks! You’ve got my brain ticking again on some ideas for alerts on my gameplay scene. Keep it up!

[@DrHeals]

@@PastorDoostyn Nice! Can't wait to see what you come up with.

[@FinalExpenseVirtual]

Thanks for the valuable information - Subbed...

[@ianhopman3379]

Aye man I’m an upcoming streamer and this helped SO MUCH!!! Thank you so much man.

[@DrHeals]

Hey Ian! So glad to hear it man, hope you make something awesome!

[@SethWuffer]

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

[@DrHeals]

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.

[@CrimsonBloodCat]

Loved the intro hahaha

[@DrHeals]

Haha. Thank you! I felt so dumb. 😂😂

[@rezn8]

that was cute actually lol

[@QueenItShallBe]

Great video! I followed everything step by step. Q: How do you insert the HUD into OBS after you've finished on StreamElements?

[@DrHeals]

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.

[@BGilbert85]

Love the cup... sorry I snuck in and you didn't see me. LUL

[@igotsnipedintheface4279]

Everything working and looking great inside Streamelements but when adding it into OBS with the browser source they do not work at all.

[@shadezy]

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 😁😁

[@rezn8]

but how do you add the Kitty?

[@bonkersbrady1497]

How do I add the rotating widget to it?

[@ruby_ney8546]

Doesnt post the full image when I add to browser source into OBS, what am I doing wrong??

[@MoleTown]

mine stays on my screen as a black bar the whole time? any one else have this issue? did i do something wrong?

[@ErichMillerTV]

Were these effects free at the time of making this video? Stomp, Pop, Baseline, Neon & Scrapbook are all pay features. :(

[@DrHeals]

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.

[@ethantucker7934]

So what about gifteds and stuff where the text doesn't fit on the hud strip?

[@ethantucker7934]

IE: the variations.

[@PunisherWorld]

I made a HUD bar but it went all blurry can't get the size right

[@DrHeals]

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.

[@PunisherWorld]

Yep I try make it big then scale down the size in stream elements

[@DrHeals]

@@PunisherWorld How big did you make it?

[@PunisherWorld]

450x50

[@ajz00m]

Cool vid! I would like to learn how to make the animation for like comment and subscribe for youtube on canva.

[@PunisherWorld]

getting it the right size is the hard part on streamelements

[@DrHeals]

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.

[@PunisherWorld]

It's cool I sorted it

[@kitbeardstone]

lol - that intro is basically my twitch trailer... full cringe. :)

[@DrHeals]

Haha. Know what you make, I’m sure your trailer is 🔥!!

[@kitbeardstone]

I changed it tonight though because of this