hey there! sorry to bug here. Since you mentinoed you are a dev for SVGator, i get a runtime error everytime I try to upload a png image. "Failed to execute 'insterAdjacentHTML' on 'Element': The provided markup is invalid XML and therefore it cannot be inserted into and XML document." Thought would be worth posting here just in case someone is running into this too.
@@BearClaymore i am going to message you privately for more details, but at a first glance it just seems like a typo: instead of insterAdjacentHTML it should be insertAdjacentHTML
@@nicholasbonelli4514 you should be able to export higher resolutions as well. i just exported a 1440p, it just needs any animation in it, which you can actually just "emulate" by adding an animation to any of the elements, with the same values on both keyframes. also i probably should have mentioned in the original post that exporting PNG format is a feature for paying customers. my bad on that one. however also as an alternative you can export in GIF format which is available for free users as well and it's also accepted by OBS afaik as an image mask and even more so, that can also be animated (but it might use a lot of RAM, depending on long the animation is and what the framerate is and such)
THANK YOU, NUTTY!! I was the guy that asked how you did it, in chat, after the vertical video. :D This is such a helpful video, amazing content again, thank you.
I watched this twice, and decided to give it a shot. I felt my vertical canvas was pretty basic and I want to spice it up a bit. Thanks again for being amazing and posting such indepth tutorials. Love these videos.
I had this idea as soon as vertical streaming started but have been too lazy to sit and mask it out and deal with TH-cam comments etc. You’ve solved a problem and inspired me Nutty. Thank you, King 👑
Does using source clones make it harder for your computer to stream? Like does it take up a significant amount of extra resources? I'm not on the most beafiest computer so... 😅
I have a pretty cheap pc. I stream to 3 platforms at the same time, and youtube horizontal and vertical, using this method for vertical, and have no issues.
GREAT video as always Nutty! Question: Do you know if there is a performance issue if you are streaming and recording clips with vertical plugin at the same time? I tried this but no matter what I do, if my Vertical plugin is recording clips, the streaming keeps lagging. Thanks!
This is cool, the only bad thing about this, is that since it always covers the exact spot on the screen, if you are playing a game like warzone and you are searching for a match or in the lobby, its just gonna show that blank space from where the UI was supposed to be and it looks really weird imo. Unless i made a specific "in game" scene with the UI which i might actually do.
Great tutorial! Could we potentially see a more in depth video on how to get live counters for likes, views, uptime, total subs, etc for TH-cam live streams?
Bro!! Let's go! I've been waiting for this since your comment last week! I did, however, find a way to do it with source clone! So, I'm excited to see if that's the same option you have here today!
Man, what a job! Amazing. I will try it tomorrow at home and also i'll try to find the video you mentioned about those additional plugins... also I want to discover how to cut the camera image and to know more about that plugin too. Thanks, this video was very helpful. Greetings from Colombia.
Yo! Much love nutty! Videos are always helpful and this made the vertical look so much cleaner. Sucks that there's so much to do, to get it looking that good but it's easy and straight forward
Thanks for the videos! I am not very technologically savvy. I just tried out using the vertical format for streaming through OBS but my streamlabs alerts would not work for the vertical stream. I was wondering if you had encountered this problem. I assume it is because it has a new/ separate stream key? Any help or link to a helpful video would be appreciated.
Alternatively, what I do, Is do a source clone and use Advanced Mask plugin to cut the area. Is not as clean as drawing a cookie cutter mask but it gets the job done quickly.
@@FriendlyLoserFN Hey I just reinstalled it and it's pretty easy. you'll need a couple of things An addon that mirrors or clones sources the advanced mask plugin. What you'll wanna do is Have your normal gameplay and then make a source clone/mirror of that gameplay. Then on that mirrored source, add the Advanced Mask plugin to crop the area you want to crop and move around. The plugin has rounded corners and feathering integrated so you can do some nice stuff. I just uploaded a short video with a healthbar so you can check out how it looks. Hope it helps!
You're pushing excellent content! Truly appreciate it. My question is this, as I'm not the content creator or the one seeking to be on stream. Is there a way to set this up Live or will it always be sharing file dumps? Like is there a producer tool?
I can only say, you are a true G! It took me a while to figure out but I managed to get a map and gun load out in black ops. I am learning so much from your channel! Question, can you provide the link to your video on how to do the circle webcam? Also, how do you create a circle line around a circled map for example. Keep up the good work! update: unfortunately, I tried to add additional elements so I created a new screenshot, followed all the steps but for some reason, it cuts out the wrong elements in the screenshots and I am not able to fix it :-(
I'm going to revamp my entire vertical layout because it's...just a shrunken down gameplay scene with a source clone of it but blurred in the background to fill out the canvas...oh and my face but no ones watching my streams for my face.
Had this idea a while ago, but sea of Thieves fades out parts of the UI when your health is full and weapons stowed. So it ends up looking pretty fugly adding a drop shadow or some filters probably would have fixed it a bit though.
If you're saving the mask to PNG anyway, you don't need to use vector creation software to create it. You can also make masks with Photoshop or, if looking for a free alternative, Krita or Photopea
Any idea why when i stream vertically to TH-cam using OBS, the resolution is different depending on what device I use? For example if i watch back my vertical stream on the xbox TH-cam app its always 360p or 480p, but that same exact stream is 1080p 60 on the ps5, TV, or phone TH-cam app. My older roku device also plays them in a low resolution, but the TH-cam app on the roku tv is at 1080. I don't understand why. I've seen other people's streams be a higher resolution on the xbox TH-cam app so I don't get what in doing wrong.
how do i make it so once in on a linked vertical scene all my sources within the vertical scenec hanges as i chnage the sources in the main hprizonal screen?
i have problem when change between vertical scene, i cant change vertical scene with hotkeys, i have 2 spesific vertical scene that show in vertical mode. and i have a lot scene in normal mode, how to spesifically change between vertical scene with hotkeys?
Nutty man i love your videos ive learned alot and i need help, im trying to do the custom ui for fortnite and ive spent 4 hours on it and the alignment keeps messing up in testing recordings and such when i go fullscreen mode it doesnt show my weapons or any info that i clipped for the ui idk what im doing wrong. Please someone help its so frustrating im done for the night but ill be back at it tmr.
Getting this error when trying to upload the game screenshot to SVGator, anyone having this too? "Failed to execute 'insterAdjacentHTML' on 'Element': The provided markup is invalid XML and therefore it cannot be inserted into and XML document."
You definitely want source clone. I tried doing the masking and just duplicating the source makes the mask layer stick on my original pc stream. So yeah.
![[LIVE] นาทีนี้ต้องพี่ทนาย | ทนายแก้ว vs ทนายไพศาล | #คุยให้เด็กมันฟัง EP.47 (02/11/67)](http://i.ytimg.com/vi/HmquaO-PL_M/mqdefault.jpg)
To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/nutty
You’ll also get 20% off an annual premium subscription.
hey @nutty SVGator dev here. you can actually export as a PNG file right from us, if you check under the GIF export tab, you can do it from there
hey there! sorry to bug here. Since you mentinoed you are a dev for SVGator, i get a runtime error everytime I try to upload a png image. "Failed to execute 'insterAdjacentHTML' on 'Element': The provided markup is invalid XML and therefore it cannot be inserted into and XML document." Thought would be worth posting here just in case someone is running into this too.
@@BearClaymore i am going to message you privately for more details, but at a first glance it just seems like a typo: instead of insterAdjacentHTML it should be insertAdjacentHTML
Exporting directly as a png only allows low resolutions. I think 256x256 is the max.
@@nicholasbonelli4514 you should be able to export higher resolutions as well. i just exported a 1440p, it just needs any animation in it, which you can actually just "emulate" by adding an animation to any of the elements, with the same values on both keyframes. also i probably should have mentioned in the original post that exporting PNG format is a feature for paying customers. my bad on that one. however also as an alternative you can export in GIF format which is available for free users as well and it's also accepted by OBS afaik as an image mask and even more so, that can also be animated (but it might use a lot of RAM, depending on long the animation is and what the framerate is and such)
I saw that original Google search at 3:43 👀
Bruh animal crossing p**n
omg :o
no you didn't xD
he just type that for content maybe (positive mindset be like) 🤣🤣
Wym positive mindset 😂😂 I had to pause the video and reply it to make sure 😅
omg - the prefilled Google search had me spit my drink all over my keyboard 🤣
Makes me think of the good ol days of Etika, when he'd have porn tabs on his browser, and would never deny/hide it.
This is so much better than how I've added mine with multiple game sources. Nutty coming in clutch again.
THANK YOU, NUTTY!! I was the guy that asked how you did it, in chat, after the vertical video. :D This is such a helpful video, amazing content again, thank you.
3:43 i love it :D it's little things like that so subtle but makes you laugh.
Thanks, i've been hung up on how to make shorts out of my old recordings for ages. This helps a lot.
3:43 SIR!
I watched this twice, and decided to give it a shot. I felt my vertical canvas was pretty basic and I want to spice it up a bit. Thanks again for being amazing and posting such indepth tutorials. Love these videos.
I had this idea as soon as vertical streaming started but have been too lazy to sit and mask it out and deal with TH-cam comments etc. You’ve solved a problem and inspired me Nutty. Thank you, King 👑
This was very helpful, learned source clone plus the appropriate way to cut out UI elements. Video is a W
Does using source clones make it harder for your computer to stream? Like does it take up a significant amount of extra resources? I'm not on the most beafiest computer so... 😅
It consumes little, but you don't lose anything by trying.
I have a pretty cheap pc. I stream to 3 platforms at the same time, and youtube horizontal and vertical, using this method for vertical, and have no issues.
Thank you man! I see so much potential to use this for clip records for TikTok and shorts
GREAT video as always Nutty! Question: Do you know if there is a performance issue if you are streaming and recording clips with vertical plugin at the same time? I tried this but no matter what I do, if my Vertical plugin is recording clips, the streaming keeps lagging. Thanks!
This is cool, the only bad thing about this, is that since it always covers the exact spot on the screen, if you are playing a game like warzone and you are searching for a match or in the lobby, its just gonna show that blank space from where the UI was supposed to be and it looks really weird imo. Unless i made a specific "in game" scene with the UI which i might actually do.
This is incredible. Thank you Nutty!
Great tutorial! Could we potentially see a more in depth video on how to get live counters for likes, views, uptime, total subs, etc for TH-cam live streams?
I’m literally setting this up TODAY. This is such amazing info. Great video!
Thanks for existing, king
Bro!! Let's go! I've been waiting for this since your comment last week!
I did, however, find a way to do it with source clone! So, I'm excited to see if that's the same option you have here today!
This is game changing...Cant wait to add this to my streams!!!
Man, what a job! Amazing. I will try it tomorrow at home and also i'll try to find the video you mentioned about those additional plugins... also I want to discover how to cut the camera image and to know more about that plugin too. Thanks, this video was very helpful. Greetings from Colombia.
definitely implementing this tonight!
3:35 as a arch user I'm highly offended
Wtf is Arch
@ElVixe I think it's like a shape or something idk dude
Great video Nutty!!
Nutty killin it again
fantastic! I tried to make an easy UI for my stream but this beats it! For the next live I will have it ready! thanks nutty!
Wow absolutely amazing thanks alot I'm trying to make my verticals look a lot better and you just helped alot
Great work. Didn't know you had a Kofi!
Yo! Much love nutty! Videos are always helpful and this made the vertical look so much cleaner. Sucks that there's so much to do, to get it looking that good but it's easy and straight forward
Where would you suggest the camera go and should we use one?
Keeeeeeeeeen on the Mario Kart one. Cheers, mate
No but seriously… how much more of a 🐐 do you need to be Nutty?
Thanks for the videos! I am not very technologically savvy. I just tried out using the vertical format for streaming through OBS but my streamlabs alerts would not work for the vertical stream. I was wondering if you had encountered this problem. I assume it is because it has a new/ separate stream key? Any help or link to a helpful video would be appreciated.
Alternatively, what I do, Is do a source clone and use Advanced Mask plugin to cut the area. Is not as clean as drawing a cookie cutter mask but it gets the job done quickly.
How? is there a tutorial for this
@@FriendlyLoserFN I don't know, I did this by testing stuff up
@@FriendlyLoserFN Hey I just reinstalled it and it's pretty easy. you'll need a couple of things
An addon that mirrors or clones sources
the advanced mask plugin.
What you'll wanna do is Have your normal gameplay and then make a source clone/mirror of that gameplay.
Then on that mirrored source, add the Advanced Mask plugin to crop the area you want to crop and move around. The plugin has rounded corners and feathering integrated so you can do some nice stuff. I just uploaded a short video with a healthbar so you can check out how it looks. Hope it helps!
@@FriendlyLoserFN forgot to say, the Advanced Mask Plugin is is used as a filter on top of sources
@@umamisoy Thanks for taking the time to explain!! ill try and see if i can do it when i go live on tiktok again ahahahah
Nutty is a modern day Bob Ross-- but funny 🔥idea
You haven't watched enough bob ross if you don't know that he stayed having jokes.
@@VoyivodaFTW1 I actually had no idea. I gotta watch some now lol
but you can actually export PNG sequence from SVGator.. you can find it in the GIF tab.
You're pushing excellent content! Truly appreciate it. My question is this, as I'm not the content creator or the one seeking to be on stream. Is there a way to set this up Live or will it always be sharing file dumps? Like is there a producer tool?
THIS IS SO HELPFUL!
I can only say, you are a true G! It took me a while to figure out but I managed to get a map and gun load out in black ops. I am learning so much from your channel! Question, can you provide the link to your video on how to do the circle webcam? Also, how do you create a circle line around a circled map for example. Keep up the good work! update: unfortunately, I tried to add additional elements so I created a new screenshot, followed all the steps but for some reason, it cuts out the wrong elements in the screenshots and I am not able to fix it :-(
Exactly what I was looking for thanks! Gonna apply this to other games
Amazing tutorial. Thanks for the TikTok template by the way. 👌
Dude you know I've been waiting for this one 💯💪
I'm going to revamp my entire vertical layout because it's...just a shrunken down gameplay scene with a source clone of it but blurred in the background to fill out the canvas...oh and my face but no ones watching my streams for my face.
I’m guilty of this 😂
Set this up for as few games i play now I need to know how to toggle source on & off using my Steam Deck for Vertical streams
damn nutty joined the 2:1 squad
Is there a way to double vertical stream? Im not meaning multi stream but double angle. So one stream camera 1, second stream camera 2
Amazing idea and implementation!
nutty this is incredible, thanks man
Had this idea a while ago, but sea of Thieves fades out parts of the UI when your health is full and weapons stowed. So it ends up looking pretty fugly adding a drop shadow or some filters probably would have fixed it a bit though.
at this point Nutty is the encyclopedia of OBS.
If you're saving the mask to PNG anyway, you don't need to use vector creation software to create it.
You can also make masks with Photoshop or, if looking for a free alternative, Krita or Photopea
7:35 WHAT ?? SERIOUSLY ?? thats game changer.. i toght once you apply a filter , thats gonna affect that source in every scene
🎉At the risk of being redundant, this tip is BRILLIANT! ❤😂
Amazing, thank you , I will be trying this out.
Nutty thank you for solving my problems
another aboslute banger POG video, perfect thanks
Inkscape is another good option for SVG and its open source
Is there a plug-in that allows you to redact or remove gamertags on screen while recording?
Using Adobe Express is free and has transparent PNG as an option when downloading your masks. ;)
Any idea why when i stream vertically to TH-cam using OBS, the resolution is different depending on what device I use? For example if i watch back my vertical stream on the xbox TH-cam app its always 360p or 480p, but that same exact stream is 1080p 60 on the ps5, TV, or phone TH-cam app. My older roku device also plays them in a low resolution, but the TH-cam app on the roku tv is at 1080. I don't understand why. I've seen other people's streams be a higher resolution on the xbox TH-cam app so I don't get what in doing wrong.
now I also need chips. This was a great tutorial. Imma see if I can do it.
how do i make it so once in on a linked vertical scene all my sources within the vertical scenec hanges as i chnage the sources in the main hprizonal screen?
Now combine it with EYE and make it dynamic. So you get only the UI you need, for each appropriate in game menu.
what you do for UI elements that are non statics, like kill feed on Counter Strike?
You sit just earned a subscriber this is just what i was looking for, Can i lay my a animated health bar over this?
10:40 - Not all Hero's wear capes.....
I love how obs just works for you. God forbid I try to add my webcam after obs is open.
nutty nuttng it out the park as usual!!
awesome info. subbed
What is the video called where you can add the shadows?
you are a genius..
Thanks for another awesome video!
hahahaha 2:30 - Harris is not Harris anymore @Senpai
Bless you Mr Nutty... Bless you...
3:43 nice detail hahahahahaha
i have problem when change between vertical scene, i cant change vertical scene with hotkeys, i have 2 spesific vertical scene that show in vertical mode. and i have a lot scene in normal mode, how to spesifically change between vertical scene with hotkeys?
Really good video!
what is the name of the Plug in that let’s you use shadows on sources?
Does this work with Streamlabs not just OBS?
i love all this and i am implementing it now, but the Social media thing isn't free :(
So i guess i have a lot of work to do bc i stream a ton of different games and now i have to make a ton of templates for each game
fun fact. i dont use OBS or stream. but you funny and thats the reason i watch your videos. keep being goofy
Nutty man i love your videos ive learned alot and i need help, im trying to do the custom ui for fortnite and ive spent 4 hours on it and the alignment keeps messing up in testing recordings and such when i go fullscreen mode it doesnt show my weapons or any info that i clipped for the ui idk what im doing wrong. Please someone help its so frustrating im done for the night but ill be back at it tmr.
Seriously, you´re a genious. Chapeau!
Getting this error when trying to upload the game screenshot to SVGator, anyone having this too? "Failed to execute 'insterAdjacentHTML' on 'Element': The provided markup is invalid XML and therefore it cannot be inserted into and XML document."
Where can I send you my results to show you?
Your a legend bro! Like and subbed ❤
Where is the Shadow plugin?
"Animal crossing p*rn" ahahahahah I'm dead. You are a genius ahahahahah!
image mask/blend isn't working for me for some reason, dunno why
The attached text file made me smile so bad man
this is insane
You definitely want source clone. I tried doing the masking and just duplicating the source makes the mask layer stick on my original pc stream. So yeah.
3:43 lol I actually laugh hard
awesome sauce
Thx, your a legend!
Love that Senpai mash up ;-D