 Hi there, welcome back to my YouTube channel. This is Daniel Rosal here here with another OBS tutorial for Ubuntu Linux And this is going to be adding a border now I've watched a couple of these YouTube videos on the ways to do that There are definitely different ways some of them use these like nice cloud tools for adding annotations. Personally, I tend to prefer to Use what I have in my desktop already Particularly stuff like GIMP that's actually reasonably powerful So that's what I'm going to be using today is the GIMP photo editor in order to do this now Make note of what you are working with firstly So it's a 1920 by 1080 resolution that I've set here and that is the stated resolution of this webcam the Logitech 930e. I don't know what these higher resolutions that OBS detects are but I'm not gonna I'm not going to experiment with them So I'm doing 1920 by 1080 and I have to also use one of these other three Formats don't ask me why and that is but if you use the default Why you why V the motion is all Screwed up. So go for one of those formats now There's one thing about GIMP that doesn't work so well, and I'm gonna have to explain that in a second Let me just jump over in there So here's this thing was creating these border these Using this method in GIMP to set up your borders That is that so the default I've talked a bit before about how you know, you might want to set up the default GIMP canvas size to 1920 by 1080 in ordered and transparent background, right and There is you know, the normal method for creating a border the quick method in GIMP is to Add a border. So but the problem about this really is look at what goes on if I do add a border and add 4040 pixels Border around the size right the round the side 1920 by 1080, but you can see we've jumped up to We've added 80 pixels. It's now 2000 by 1160 which is adding 80 to the x-axis and 80 to the y-axis So you're just gonna undo that now. I haven't played around with these other Methods for adding borders now, perhaps there's some something you can do that will preserve the the size But another thing you could just do is do the mathematics. So basically just substitute 80 And you'll let's just say if you want to do 20 so and just remember you're multiplying by two. So if you want to do a 20 pixel border A 20 pixel border that's going to add 40 pixels on each dimension So I'm going to go ahead and create a new border a new image size But this time I'm going to go for that's going to be 1880. That's 40 pixels On width and I'm going to go for a 40 short here. So that's 1040 and Now if we add a border of 20 All around See now we're back to 1280 by 1080. We were 1880 by 1040 and now we're getting the right size So that's a little bit hacky for sure You know, perhaps there's a better way But this this will work if you just want to do it sort of just do the mathematics Subtract your border size and use these this kind of border it gives you so I'm just going to add one more thing Which is going to be a Just my name and I'm going to put that in You know white to make it look more like a signature in a kind of signature ish script I Don't know let's just say this was was for streaming And you're having like you and a guest you wanted to like put a little border Around your webcam and that's going to be contained. So the idea here is that the webcam is going to be 1920 by 1080 or scaled against that size and It's going to fit here and then all this stuff's going to fit round including your names. I'm just going to merge that down And what I'm going to do now is to export this as a pn as a png and call this You know just webcam border or something like that Okay, so I'm in in Gimp now and what I need to do is click on add source add image And then I just need to add that image file as the and as the border overlay and then that should work. Hopefully okay, so here's our overlay in Gimp and We can just add it now and the good news is this is what you need to see right? It's filling up the whole Canvas which is 1920 by 1080 and therefore if I bring it down against me You can see that I'm getting that border now There is one thing to point out here, which is that if I go ahead if I crop and I've shown this in another video If I crop the webcam Unless I do so According to scale it's going to mess things up So I can crop like 500 pixels out of my left and now that border is not going to fit that webcam so that's just one limitation that either you're going to be doing the mathematics to Manually make sure that the cropping is going to be preserving The scale ratio. Let's just do 30 30 30 and 30 And if I'm not mistaken that should be okay, and I would just need to basically drag myself up here And you can see so that's just sort of something to be aware of if you're using this methodology that If you're you're not if you change out of the scale ratio, you won't be able to It won't work as you hadn't tended it to but we should be good now And what I want to do is just drag these guys so that they overlap which is just so I have it like I was intending to and You can see that looks sort of what I was going for There's like a border around my webcam feed and my names at the bottom now Let's say I wanted to have this up against a screen So what I would do here is I'm going to add these two And I always just recommend being as descriptive as possible. So they should I'm going to call this actually webcam border overlay so I can see exactly what is what and I would be adding these two That the webcam and the border to a group and call that group webcam with border Now what I would do is add Unless you say I want to do a screen screen broadcast broadcast and I'm going to use my remaining screen this screen And now what I can do is push the webcam with border overlay here and I can move the group down and it's going to be moving me the webcam and it's going to be moving the the it's going to be moving the border along with the two so you could have you know a Interview where you're bringing in somebody a guest using zoom or using you know Google meets and have them here and you know create a border for them and a border for you or an animated border for you as well as a screencast and then you could just Push that up to full screen here. So if it's a screen and the border should be traveling with the webcam That it's supposed to be a border animation for so that is it guys pretty useful Thing I think to know how to do I'm sure there's other ways But if you want to use the built-in tools on Linux and just use gimp for the process of creating a border for a webcam feed Then this is one way that you can use to do it