How to diagonal split screen

[tranzi]

Hi OBS masters,
I am streaming with my girlfriend using NDI. I am trying to make overlay with diagonal cut (for example like streamer Nmplol, picture below). I am trying to set overlay similar like this. Do you know, how it works? For sure - its not about NDI, I cant figure it out even with "standard" pictures (jpeg).

Thx for your advice ;)

 

[Deleted member 121471]

Mask/Blend Filter

Filters Guide

OBS Studio - Free and open source software for live streaming and screen recording - obsproject/obs-studio

obsproject.com

 

[tranzi]

Mask/Blend Filter

Filters Guide

OBS Studio - Free and open source software for live streaming and screen recording - obsproject/obs-studio

obsproject.com

OMG.... thank you so much!!! its exactly what i am looking for!

Thx!!!

 

[winrylused]

I still dont understand how to make the crop/mask like that. Does someone have a guide i can follow?

 

[JadeFire]

Can someone please explain it ? I really wanna do my stream also like this!

 

[Suslik V]

@JadeFire To make similar visual effect (diagonal cut) you need at least two video sources. For example, you have the video source (#2) at top-right corner that lies above the bottom-left source (#1) with a small overlapping (about 1/3 by horizontal and vertical). OBS mask similar to the attached one ("obs-mask-triangle-black-hole-at-bottom-left-corner-1280x720_2by3.png", see below) can be applied to the source at top-right corner (#2) via the mentioned "Image Mask/Blend" filter. Black colored area will cut pixels from the source (#2), so its corner no longer fully covers the bottom-left source (#1).

General rule for OBS masks - black area is for holes (as Black hole cosmic object), and whitish is for visible pixels. For the mask attached below best results can be achieved when you have:

1. in the OBS Video Settings: base canvas = 1920x1080
2. in the Sources pane: the source #2 lies above the source #1
3. in the Sources Transform: source #1 Size = source #2 Size = 1280x720
4. in the Sources Transform: source #1 Position = (0, 360)
5. in the Sources Transform: source #2 Position = (640, 0)
6. Image Mask/Blend filter applied to the source #2; in the filter properties: Type = Alpha Mask (Color Channel), Path = <your local filepath to the "obs-mask-triangle-black-hole-at-bottom-left-corner-1280x720_2by3.png" file>

two other sources (cameras) just added above the both video sources to fill the remaining gaps.

Note.
Better to encapsulate the source #2 into the Group of Items and apply the filter to the whole group instead of the source, so the source itself is free from any filters. This will allow to you to rapidly switch to other scene real-time without changing filters in case you need the video source not filtered (in full screen or in a different layout).