hey i also have another question , if we have to add multiple images like we want to show inventory , weapon attachment , items on screen how do we add multi images is it even possible to do so ? like when i open up my inventory will it show stuff i have in my bag
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 UA-cam comments etc. You’ve solved a problem and inspired me Nutty. Thank you, King 👑
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.
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.
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.
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
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!
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 UA-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!
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?
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?
Any idea why when i stream vertically to UA-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 UA-cam app its always 360p or 480p, but that same exact stream is 1080p 60 on the ps5, TV, or phone UA-cam app. My older roku device also plays them in a low resolution, but the UA-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 UA-cam app so I don't get what in doing wrong.
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.
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!
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.
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
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."
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.
Hi nutty, i'm trying to resize Sources in OBS 30.1.2. I noticed that when I try to rescale Sources like Source clone or even the Tiktok layout you made when I press Alt + hold and drag the green broken line does not appear, instead the source shrink inwards and its hard to rescale that way. what could possibly the reason behind it?
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.
Is there a source cloner equivalent for streamlabs?
bey bro , will this work on games like genshin impact - other gacha games like it workes for fps games ?
hey i also have another question , if we have to add multiple images like we want to show inventory , weapon attachment , items on screen how do we add multi images is it even possible to do so ? like when i open up my inventory will it show stuff i have in my bag
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)
You're literally the best UA-camr about streaming! Thanks for all the fresh tips and tricks!
Thank you my friend.
This is so much better than how I've added mine with multiple game sources. Nutty coming in clutch again.
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.
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.
Great video nutty! Definitely going to be making a beautiful vertical stream during the holiday break!
Thanks, i've been hung up on how to make shorts out of my old recordings for ages. This helps a lot.
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.
3:43 SIR!
This was very helpful, learned source clone plus the appropriate way to cut out UI elements. Video is a W
I had this idea as soon as vertical streaming started but have been too lazy to sit and mask it out and deal with UA-cam comments etc. You’ve solved a problem and inspired me Nutty. Thank you, King 👑
I’m literally setting this up TODAY. This is such amazing info. Great video!
Thank you man! I see so much potential to use this for clip records for TikTok and shorts
This is incredible. Thank you Nutty!
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.
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.
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.
This is game changing...Cant wait to add this to my streams!!!
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!
Great video Nutty!!
Where exactly do we go for this "Free" socials popup mentioned?!
12:10
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
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!
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 UA-cam live streams?
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
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!
Thanks for existing, king
but you can actually export PNG sequence from SVGator.. you can find it in the GIF tab.
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
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?
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
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
im gonna try this
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?
Wow absolutely amazing thanks alot I'm trying to make my verticals look a lot better and you just helped alot
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
definitely implementing this tonight!
Any idea why when i stream vertically to UA-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 UA-cam app its always 360p or 480p, but that same exact stream is 1080p 60 on the ps5, TV, or phone UA-cam app. My older roku device also plays them in a low resolution, but the UA-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 UA-cam app so I don't get what in doing wrong.
You seem to have more effect filters than I do. I don't have the shadow one, or the advanced mask. How do I get these?
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.
Where would you suggest the camera go and should we use one?
Dude you know I've been waiting for this one 💯💪
7:35 WHAT ?? SERIOUSLY ?? thats game changer.. i toght once you apply a filter , thats gonna affect that source in every scene
No but seriously… how much more of a 🐐 do you need to be Nutty?
Keeeeeeeeeen on the Mario Kart one. Cheers, mate
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
3:43 🧐Bro forgot to clear his search history...
THIS IS SO HELPFUL!
Amazing tutorial. Thanks for the TikTok template by the way. 👌
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.
what you do for UI elements that are non statics, like kill feed on Counter Strike?
Exactly what I was looking for thanks! Gonna apply this to other games
what is the name of the Plug in that let’s you use shadows on sources?
Great work. Didn't know you had a Kofi!
Nutty killin it again
Is there a plug-in that allows you to redact or remove gamertags on screen while recording?
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
at this point Nutty is the encyclopedia of OBS.
Amazing idea and implementation!
You sit just earned a subscriber this is just what i was looking for, Can i lay my a animated health bar over this?
Do i use game or display capture?
What is the video called where you can add the shadows?
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?
Your a legend bro! Like and subbed ❤
Now combine it with EYE and make it dynamic. So you get only the UI you need, for each appropriate in game menu.
🎉At the risk of being redundant, this tip is BRILLIANT! ❤😂
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."
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 😂
nutty this is incredible, thanks man
Where is the Shadow plugin?
another aboslute banger POG video, perfect thanks
Amazing, thank you , I will be trying this out.
I love how obs just works for you. God forbid I try to add my webcam after obs is open.
image mask/blend isn't working for me for some reason, dunno why
Seriously, you´re a genious. Chapeau!
now I also need chips. This was a great tutorial. Imma see if I can do it.
Using Adobe Express is free and has transparent PNG as an option when downloading your masks. ;)
damn nutty joined the 2:1 squad
How can i create overlay like this for valorant, its too complicated to mask valorant layouts, Can anyone help me out?
Nutty thank you for solving my problems
Thanks for another awesome video!
fun fact. i dont use OBS or stream. but you funny and thats the reason i watch your videos. keep being goofy
anyone know if this ends up using lots of computer resources bc of how many game captures ur doing?
Really good video!
nutty nuttng it out the park as usual!!
hahahaha 2:30 - Harris is not Harris anymore @Senpai
10:40 - Not all Hero's wear capes.....
i love all this and i am implementing it now, but the Social media thing isn't free :(
awesome info. subbed
Hi nutty, i'm trying to resize Sources in OBS 30.1.2. I noticed that when I try to rescale Sources like Source clone or even the Tiktok layout you made when I press Alt + hold and drag the green broken line does not appear, instead the source shrink inwards and its hard to rescale that way. what could possibly the reason behind it?
also, why does the tiktok layout does not fit perfectly in my vertical viewer. im using the Aitum Vertical.
Does this work with Streamlabs not just OBS?
Inkscape is another good option for SVG and its open source
Where can I send you my results to show you?
Nice work 👍
Bless you Mr Nutty... Bless you...
You are so freakin smart man. Mind blown 🎉