Twitch HUD Bar with Alerts Built in Canva

Поделиться
HTML-код
  • Опубликовано: 20 ноя 2024

Комментарии • 48

  • @itsragewing
    @itsragewing 4 года назад +1

    That dark side mug. Must. Have.

    • @DrHeals
      @DrHeals  4 года назад

      Haha. Legit my favorite mug!

  • @EmiiCreations
    @EmiiCreations 4 года назад +3

    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
      @DrHeals  4 года назад

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

  • @SethWuffer
    @SethWuffer 3 года назад +3

    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
      @DrHeals  3 года назад

      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.

  • @QueenItShallBe
    @QueenItShallBe 3 года назад +2

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

    • @DrHeals
      @DrHeals  3 года назад +1

      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.

  • @PastorDoostyn
    @PastorDoostyn 4 года назад +1

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

    • @DrHeals
      @DrHeals  4 года назад +1

      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
      @PastorDoostyn 4 года назад +1

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

    • @DrHeals
      @DrHeals  4 года назад +1

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

  • @breathingintensifies
    @breathingintensifies 3 года назад

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

  • @YT.Redman1986
    @YT.Redman1986 3 года назад +1

    Yes plz do the video of alert

  • @ianhopman3379
    @ianhopman3379 3 года назад +2

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

    • @DrHeals
      @DrHeals  3 года назад

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

  • @igotsnipedintheface4279
    @igotsnipedintheface4279 2 года назад

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

  • @shadezy
    @shadezy 2 года назад

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

  • @tp3239
    @tp3239 3 года назад

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

  • @rezn8
    @rezn8 9 месяцев назад

    but how do you add the Kitty?

  • @ErichMillerTV
    @ErichMillerTV 3 года назад +1

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

    • @DrHeals
      @DrHeals  3 года назад

      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.

  • @jillianjuliet
    @jillianjuliet 2 года назад

    thank you!!!

  • @BGilbert85
    @BGilbert85 4 года назад +1

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

  • @FinalExpenseVirtual
    @FinalExpenseVirtual 3 года назад

    Thanks for the valuable information - Subbed...

  • @ethantucker7934
    @ethantucker7934 2 года назад

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

  • @bonkersbrady1497
    @bonkersbrady1497 3 года назад

    How do I add the rotating widget to it?

  • @ruby_ney8546
    @ruby_ney8546 3 года назад

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

  • @PunisherWorld
    @PunisherWorld 3 года назад +1

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

    • @DrHeals
      @DrHeals  3 года назад

      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
      @PunisherWorld 3 года назад +1

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

    • @DrHeals
      @DrHeals  3 года назад

      @@PunisherWorld How big did you make it?

    • @PunisherWorld
      @PunisherWorld 3 года назад

      450x50

  • @rezn8
    @rezn8 9 месяцев назад

    that was cute actually lol

  • @MoleTown
    @MoleTown 2 года назад

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

  • @PunisherWorld
    @PunisherWorld 3 года назад +1

    getting it the right size is the hard part on streamelements

    • @DrHeals
      @DrHeals  3 года назад

      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
      @PunisherWorld 3 года назад

      It's cool I sorted it

  • @CrimsonBloodCat
    @CrimsonBloodCat 4 года назад +1

    Loved the intro hahaha

    • @DrHeals
      @DrHeals  4 года назад

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

  • @ajz00m
    @ajz00m 4 года назад +1

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

  • @kitbeardstone
    @kitbeardstone 4 года назад +2

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

    • @DrHeals
      @DrHeals  4 года назад +1

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

    • @kitbeardstone
      @kitbeardstone 4 года назад

      I changed it tonight though because of this