Customize Twitch Sub Goal in OBS - Circular Widget How to

Подписаться 155 тыс.

Просмотров 2,7 тыс.

50% 1

How to turn the Twitch sub goal widget to a circular one in OBS studio. Get the code here: smalldev.tools/share-bin/WwNy...
Get the shaderfilter plugin: obsproject.com/forum/resource...
The other video about the sub goal: • Twitch's SUB GOAL BAR ...
DOWNLOAD FREE/CHEAP OVERLAYS:
gumroad.com/gaellevel
LEARN THE BASICS:
Complete OBS Studio guide: • How to STREAM on TWITC...
Customize your Twitch Channel 2021: • 2021 Guide - How to Cu...
How to setup Twitch Donations: • How to Setup Twitch DO...
AFFILIATE LINKS:
Get Animated Twitch overlay with Nerd Or Die: nerdordie.com/shop/ref/765h7c...
TWITCH: / gaellevel
TWITTER: / level_photo
INSTA: / gael.level
TIKTOK: / gaellevel
MY CAMERA, MIC, LIGHTS, ETC...
USA www.amazon.com/shop/gaellevel
EU www.amazon.co.uk/shop/gaellevel
Follow similar "Stream guru" content creators!
Alpha Gaming Harris Heller: / alphagaminghouse
Epos Vox: / eposvox
Nutty : / nuttylmao
Gaming Careers : / gamingcareers
Stream Scheme : / streamscheme
#obsstudio #obsstudiotutorial #twitchtips

Хобби

Опубликовано:

5 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 36

@mjellings Месяц назад

Don't put your css skills down, you just explained how to create a sub bar in twitch, import it into obs, and do everything from basic style changes to completely modifying it during which you explained the basics of CSS and how to use !important to tag a value as priority. Awesome video!

@TugGamingOfficial 25 дней назад

You are the absolut G.O.A.T BRO TRULY YOU EXPLAINED IN A VERY EASY MANNER

@thebearcollectivetbc Месяц назад

I've had this idea in my head for so long and you have been able to put it into a way I can do it. Thank you, the absolute G.O.A.T!

@XDarkEcho 15 дней назад

Same here! I've always wanted one to be around my camera, like a gauge in KH or something. This'll be great!

@thebearcollectivetbc 15 дней назад

@@XDarkEcho oh dude a KH gauge would be SICK

@IOSARBX Месяц назад

Gael LEVEL, I loved this video so much, I had to hit the like button!

@Gael_Level 27 дней назад

Thank you! 🙏🙏

@Reia.Gaming 29 дней назад

This is so much easier than I imagined! Gonna have to dig out my very old and rusty CSS skills for this one and see what I can come up with. Thank you so much for showing us this.

@CGamer76 Месяц назад

I don't know how you come up with so much cool stuff. I was actually thinking about how this could be done after seeing something similar on a stream I was watching. Thanks for this. 🎉🎉

@ToriksLV Месяц назад

This would look cool arround circular camera mask.

@Gael_Level 27 дней назад

Truuue

@TheFrenchBiff Месяц назад

Hey Gael those dot prefixed names are actually called class selectors allowing you to target specific elements to style. Now relying on weird class names like you did has a very high probability to break in the future i.e. when Twitch update their code because those names probably are randomly generated by automated tools unlike other meaningful class names you also rely on. So I would advise you to learn about CSS selectors and find more robust ones that would fit.

@minimumviablepizza Месяц назад

This is a fair point, I was looking at those weird class names and wondering who made those 😅 automated naming would make sense. Either this video is a great way for OBS users to begin looking into the wonderful world of CSS.

@Gael_Level 27 дней назад

Ohhh this makes sense, I was cursing those names lol. Thanks for the heads up! 🙏🙏

@minimumviablepizza Месяц назад

Hey Gael, great vid. In regards to whether your text will go out of alignment after cropping, I'd be thinking it depends on how OBS crops. If it actually crops the margins and padding off the original text div, then yes it might. If you centre the text then crop it in OBS, but the original margins and padding from the code remain unchanged, it should be fine. I'm thinking it would be the latter and no issue.

@T-Gunner Месяц назад

Who's holding you hostage bro? TELL US! 😂

@Gael_Level 27 дней назад

Jeff Bezos

@FrioX_GT Месяц назад

nike! broo

@OhhDatzShoota Месяц назад

Hey bro who did your overlay that has your body on it? That is so fire.

@Gael_Level 27 дней назад

I make all my stuff

@OhhDatzShoota 25 дней назад

How much would you charge for something like that? Or is that an exclusive only thing?

@LalaizSoRandom 26 дней назад

Do I understand what was said? Not really. Will I be implementing this in my stream? Not likely. Do I still watch every single one of Gael Level’s videos with extreme attention and good intentions of what I want my stream to one day be? Absolutely.

@jackwood6214 Месяц назад

@machothecat 27 дней назад

mine doesn't want to become a square :C, i basically get this: C its not fully half a circle its idk it looks strange idk where i messed up

@Gael_Level 27 дней назад

Set the height and weight to the same value, add the polar shaderfilter. You can try bigger or lower values.

@machothecat 27 дней назад

@@Gael_Level i actually did same as u n put it on 1200 x1200 it just seems my bar is not filling out the space n it just looks strange from the start even if i did all step by step and copied the code.

@Gael_Level 27 дней назад

@@machothecat try to right click > transform > reset transform. Otherwise idk

@machothecat 27 дней назад

@@Gael_Level nope still have a wierdass ci dont get that, from the start my Sub bar is basically halfed thats the issue i guess, why doesnt it translate as dose yours?

@machothecat 27 дней назад

@@Gael_Level OOOOh, i went to see ur link on 1.20 and i did noticed i have more info there mine goes /sub... and that one is a weirdass c, i deleted that out of the browser source and it is a cyrcle now. hm... but i dont have the progress...