Is there a way to add a simple border to sources?

[benjamin1111]

I can't seem to find any option in filters, just wondering if there is a simple way to ad a simple border in OBS?

 

[shennyp]

Create a border with any graphical program save as .png and add the same to your scene as an overlay. sample here Border

 

[benjamin1111]

But does that work if I change the size or dimensions of my source?

 

[Sukiyucky]

The best you can do is create a rectangle image that is slightly bigger than the size of the source object. Then, place that rectangle image underneath the source in sort order (z-order lower). Then group the rectangle and source together.

 

[benjamin1111]

seriously? I can't not believe a fully fledge stream software can't even had a border to a window it's capturing?! That's like a word processor can't change font.

 

[shennyp]

But does that work if I change the size or dimensions of my source?

No it will not change the size of border when the size of source is changed.

 

[jp.d.cruz]

But does that work if I change the size or dimensions of my source?

If you put them into a "Group" source, you can resize as a group.

 

[SeeFooBoo]

One of the challenges with the suggestion of a group, is that a resize will scale the border. This wouldn't work well for my designs.

For instance, if you want a 3 pixel border always around the source, scaling the group will cause the 3 pixel border to become smaller or bigger—you would need to transform the border each time you change scale.

 

[bytes]

Since this is the first hit on Google when searching, I figured I'd provide a solution.

There used to be this plugin that everyone used, but it has since been taken down. The go to resource now is a fork of the original plugin, that is currently being maintained by user exeldro (commits as recent as five days ago). The filter is "User-defined shader".

 

[yarrow_flower]

The filter is "User-defined shader".

To create a border around a source:

1. Add the "User-defined shader" filter.
2. Type in the number of pixels to determine the size of the border.
3. Check "Load shader text from file".
4. Select "border.shader".
5. Choose a colour for your border.