Yes OBS Studio can do 3D! Here's how! (with plugins)

Gael LEVEL
29 Feb 202427:29

Summary

TLDRThe video explores creating the illusion of 3D movement and depth inside the 2D environment of OBS Studio. It showcases techniques like using shadows, blurs, move filters, shader plugins, value changes and positional alignment to make 2D elements seem to move realistically in 3D space. The goal is to match the properties of virtually moving objects to sync with and follow actual 3D animations. While limited, these methods can better visually connect and integrate 2D overlays with 3D backgrounds. The video is more a proof of concept than a tutorial, opening possibilities for more immersive and interactive streams and effects inside broadcasting software.

Takeaways

  • 😊 You can create the illusion of 3D movement in OBS by using plugins like Move Source, Move Value, and Shader Filter
  • πŸ‘Œ Use a duplicated color source to create a shadow that moves opposite to the directional light source
  • πŸ”¨ The Move Value plugin allows you to animate filter settings like blur amount and opacity
  • πŸ’‘ Moving a source towards the 'camera' in OBS should also scale it up slightly to simulate perspective
  • πŸŽ₯ Add a blur filter to objects in the background to mimic a realistic depth of field rack focus effect
  • βš™οΈ The Move Source plugin records positions that you can toggle between to create smooth animations
  • 🀯 Technically you could build a simple 2D platformer inside OBS using these tools
  • ⏰ Use custom durations, delays, triggers and loops to time and sequence your animations
  • 😎 These techniques open up creative possibilities for animated stream overlays and alerts
  • πŸ‘ Don't be afraid to experiment and simplify - smoothness comes from practice

Q & A

  • What is the overall goal of the techniques discussed in the video?

    -The overall goal is to fake 3D moves and perspective in OBS Studio by using tools like the move plugin, scaling, positioning, shadows, blurring, and opacity changes.

  • How can you trigger animated movements or filter value changes at the same time in OBS?

    -You can use a bot like Streamerbot or assign keyboard shortcuts to trigger the movements and filter changes to happen simultaneously.

  • What must you do before moving elements around to create a 3D effect?

    -You must set the positional alignment to center so that transforms like scaling happen from the middle rather than a corner.

  • How do shadows help sell the 3D effect?

    -Adjusting the direction and softness of shadows matches how light would hit a real 3D object, helping sell depth and perspective.

  • What causes the object and its shadow to move out of sync?

    -Having different durations or delays between the object move and shadow move filters will cause them to go out of sync.

  • What filter is used to distort a 2D source to match a 3D overlay?

    -The Corner Pin shader filter allows you to manipulate a 2D source to match the angles and perspective of a 3D overlay.

  • How could you create a depth of field effect?

    -Add a blur filter to objects further away to simulate them being out of focus, and disable the blur on closer objects.

  • What causes abrupt or unsmooth movements?

    -If a filter setting like blur strength only works in increments, it can create abrupt jumps between values instead of a smooth transition.

  • What challenge exists in syncing real 3D animations to 2D sources?

    -Getting the OBS sources to match the movement and deformation of the 3D animation frame by frame takes manual effort.

  • What plugin allows changing filter values via keyframes?

    -The Move Value plugin can record and animate filter settings like opacity, blur strength, transform properties, etc.

Outlines

00:00

😊 Introducing theoretical concept videos

The narrator recently started making theoretical concept videos which have been well received by the audience. This surprises and encourages the narrator as they thought these complex videos would flop. This video explores a theoretical concept brought up in the comments of a previous video.

05:02

πŸ‘¨β€πŸ’» Creating a sample overlay in OBS

The narrator creates a sample overlay in OBS with graphical elements like color sources, text, groups and rounding the corners to help visualize applying 3D effects. A follower goal example is provided showing how such an overlay could be used in streams.

10:03

πŸ’‘ Faking 3D movement and perspective

The narrator explores faking 3D effects like movement and perspective in OBS using the Move plugin and filters. A shadow is added and transformed to indicate light direction. Move Value filters are applied to transform the shadow's blur and opacity, simulating 3D depth.

15:04

βš™οΈ Triggering the 3D animations

The narrator figures out how to manually trigger the fake 3D animations in OBS using hotkeys. This allows the sample overlay and its shadow to move simultaneously. End delays are added to reset the animations.

20:04

πŸŽ₯ Adding a rack focus effect

A second overlay asset is added to demonstrate a rack focus effect synced with the first asset's animation. This mimics limited focal depth and follow focus of physical cameras.

25:05

πŸŒ„ Visualizing advanced possibilities

The narrator visualizes applying these techniques to animate more complex 3D overlays and sync them to match renders. Practical challenges around triggers and loops are discussed. Significant possibilities are unlocked with these approaches.

Mindmap

Keywords

πŸ’‘3D overlays

3D overlays refer to graphic elements created using 3D software that are then overlaid on top of a 2D video stream in OBS. Even though the overlays have 3D perspective, they can be manipulated to match 2D footage in OBS. The video discusses techniques for animating these 3D overlays within OBS to create a fake sense of 3D movement.

πŸ’‘move filter

The move filter is a plugin for OBS that allows manipulating position, rotation, scale, and other properties of sources over time to create animation. It is used in the video to animate the position and size of elements to simulate 3D movement.

πŸ’‘move value

The move value feature of the move filter allows changing numeric values of filter properties over time. This is used to animate the opacity and blur amount of the shadow to enhance the fake 3D effect.

πŸ’‘shader filter

The shader filter plugin applies visual effects to sources using GLSL shaders. It is used here with the corner pin shader to manipulate 2D elements to match a 3D perspective and with blurs to create shadows.

πŸ’‘shadows

Shadows are used in the video to enhance the illusion of 3D. Their position, opacity and blurriness are animated to be consistent with the fake 3D movements.

πŸ’‘start trigger

Start triggers allow executing move filter animations on certain events, like showing or activating a scene. They are set up to synchronize the movements of different elements.

πŸ’‘simultaneous move

The simultaneous move feature links the animations of different move filters so that they start and progress synchronously over the same duration.

πŸ’‘follow focus

Follow focus refers to the rack focus technique of adjusting camera focus during a shot to shift attention between subjects. It is crudely simulated by blurring objects not in focus to sell the fake 3D effect.

πŸ’‘Parallax

Parallax is the difference in perspective when viewing an object from different positions. Proper parallax helps sell 3D and is discussed when explaining animating 2D elements to match 3D movement.

πŸ’‘dynamic overlays

The overall goal is creating dynamic overlays in OBS that can move and animate to appear more 3D, which enhances the look of streams.

Highlights

You can use a 3D software to make an overlay and match 2D sources to it using the perspective

Wonders if it's possible to animate 2D OBS sources in 3D space

Suggests exploring how to move stuff in OBS so it actually looks 3D

Notes you can only fake 3D movement in OBS since it's a 2D software with no real z-space

Mentions tutorials on using Popop, a 3D OBS software, with regular OBS

Shows how to use the move filter and value filter to simulate 3D movement of sources

Adds a duplicated color source as a shadow to indicate perspective and directional lighting

Explains moving the anchor point and values of filters like blur and opacity

Links simultaneous movement of scene and shadow filters to fake depth

Suggests possibilities like having alerts move sources towards the camera

Shows blurring another source as changes focus with movement for realism

Mentions creating a functioning video game in OBS using these methods

Says collisions would be an issue but you could have a character jump around

Hopes this inspires new plugins to simplify faking 3D movement in OBS

Suggests practical applications like matching chat overlays to 3D animations

Transcripts

play00:00

I recently started making videos talking

play00:01

about Concepts like theoretical videos

play00:03

and I really thought they were going to

play00:04

flop and you were going to hate it but

play00:07

um you guys have been loving them which

play00:09

I appreciate so much sometimes I come up

play00:11

with a concept and I can't actually make

play00:13

a full tutorial because I haven't

play00:15

figured out everything or it's just too

play00:17

complex or it goes in a place where I

play00:19

basically need help your help so it

play00:21

really warms my heart to know that you

play00:22

guys can appreciate a video even though

play00:24

it's not just a step-by-step tutorial to

play00:26

a full thing this video is no different

play00:28

one of my videos talks about 3D overlays

play00:31

where I showcase that you can use a 3D

play00:33

software to make an overlay and then

play00:35

even though the perspective is not 2D

play00:37

you can match your sources to it and one

play00:39

of the comments said something that I

play00:41

have been thinking about and that thing

play00:42

is what if I want to animate it if you

play00:44

want to animate something where the

play00:46

camera is moving or maybe some objects

play00:48

are moving then your 2D OBS sources

play00:51

can't follow them right it's impossible

play00:54

to move 2D sources in 3D space in

play00:58

obs or is it visa s so I would like to

play01:03

explore this if you're a fan of making

play01:05

advanced stuff in OBS Studio I think

play01:07

there's going to be at least a little

play01:08

something that you enjoy in this video

play01:10

If you're not a fan of making cool stuff

play01:11

in OBS you can just use today's sponsor

play01:14

I've been yapping about owned Pro for a

play01:16

while now their goal is to give you

play01:17

everything you need to start as a

play01:19

streamer starting with a huge library of

play01:21

overlays a chatbot widgets everything

play01:23

you can think of but now they got

play01:24

something new a stream overlay maker on

play01:26

the left on stream design you will see

play01:28

scene Builder you can choose a complete

play01:31

setup or just a single scene Let's Do

play01:32

complete automatic selection will create

play01:34

five different scenes for your stream

play01:36

and in less than a minute you will have

play01:37

a full professional scene setup in

play01:39

manual selection you can browse the

play01:41

library and pick the scenes that you

play01:42

want let's go with automatic and the

play01:44

choice here is kind of wild owned is

play01:46

known for having the biggest library of

play01:48

overlays on the internet but let's pick

play01:50

this one you get a preview of what it

play01:51

looks like you can see your scenes your

play01:53

alerts your camera overlays you're

play01:54

starting soon screens your stinger

play01:56

Transitions and just click create scenes

play01:58

congrats you have five scenes is already

play02:00

created for you let's quickly edit the

play02:01

text by clicking on it and this is the

play02:03

scene Builder with a lot of options this

play02:06

text seems to be in that folder and now

play02:07

I can type whatever I

play02:09

want nice now click save and copy the

play02:12

overlay URL in your broadcasting

play02:14

software you want to add a browser

play02:16

Source paste the link that you just

play02:17

copied and adjust the size we know it's

play02:20

1920 by 1080 and click okay congrats it

play02:23

was that easy to create your starting

play02:25

soon screen do the same with the rest of

play02:26

the scenes and your complete setup can

play02:28

be done in 10 minutes Max own Pro offers

play02:31

a gazillion more options but I'll let

play02:33

you check it out by going to own. g/g

play02:36

Lev Pro that is O 3d. g/g Lev proo so in

play02:41

the other video we talked about how you

play02:43

can create overlays in a 3D software

play02:45

export them as 2D images bring them into

play02:48

OBS and basically set your sources to

play02:50

match those 3D overlays even with the

play02:53

perspective and everything and we did

play02:54

that using the Shader filter plugin with

play02:56

the corner pin Shader of course you can

play02:58

do that with any plugin that will allow

play02:59

you to stretch your sources to basically

play03:02

match and then that's what it was right

play03:04

it's 2D it's pretending to be there in

play03:06

3D space but it's not really there how

play03:08

can you move stuff in OBS so that it

play03:10

actually looks 3D well since OBS is a 2d

play03:14

software and there's no like zspace you

play03:16

can only fake it so we're going to start

play03:18

by trying to fake some movement that

play03:21

being said I need you to remember that I

play03:23

have tutorials on popop popop is a 3D

play03:27

OBS basically there's no other way to

play03:29

say it it's a it's a streaming software

play03:31

that is its own thing that you can also

play03:33

use in conjunction with OBS which is

play03:35

what I do when I stream that actually

play03:37

has a zspace that actually has 3D

play03:40

objects that can bounce around that can

play03:42

interact with each other with Collision

play03:44

gravity uh emissions like a lot of

play03:47

things a lot of things so the real

play03:49

simple solution is just use popop LOL

play03:52

but of course if you're still passionate

play03:53

about OBS we're we're going to take a

play03:55

look at how we would go about it so

play03:56

there are certain things that I learned

play03:58

recently and and I haven't tried them so

play04:00

let's create a new scene and I'm going

play04:02

to create a color Source call it back

play04:05

back I have so many sources on this that

play04:07

I uh I just know that most basic names

play04:10

like background are already taken let's

play04:12

pick a color is that even visible to you

play04:14

like that not too dark let's create

play04:16

another color source and let's call this

play04:18

one frame let's make it 500 by 500 pick

play04:22

a cool color let's go with that purple

play04:24

let's click okay all right we're going

play04:26

to pretend that we're making like a full

play04:27

overlay inside of obs and this is

play04:30

basically the frame of some of the

play04:31

elements that we want maybe it's going

play04:33

to be your labels bar maybe it's going

play04:35

to be a logo it's going to be something

play04:36

that carries another piece of

play04:38

information of course you can keep it

play04:39

sharp but you know just to just to

play04:41

really make it oh graphic design we're

play04:43

going to round the corners basically I'm

play04:44

going to use the Shader filter I'm going

play04:46

to use the Shader filter plugin to find

play04:48

one of the shaders that can round my

play04:50

rectangles so let's go to R there's

play04:53

rounded rectangle rounded rectangle per

play04:55

Corner rounded rectangle per side let's

play04:57

try the first one there you go Corner

play04:59

radius and I'm happy with that we can

play05:02

press contr D to center it and you know

play05:03

what just to make it more realistic

play05:05

let's add some text so you can see a

play05:08

potential use case call it example data

play05:10

and we're going to be like follow goal

play05:12

going to select font on Bold text

play05:15

transform uppercase alignment center

play05:18

gradient why not it doesn't matter all

play05:21

right now you can also contrl D I'm just

play05:23

going to lower this nice add another

play05:25

text number all right I'm just helping

play05:27

you visualize like an actual element

play05:29

that you would have on your stream

play05:31

somewhere I'm going to put all of that

play05:32

inside a group select everything group

play05:35

selected items and the group is asset

play05:38

one collapse beep boop nice now here's

play05:41

the thing I'm going to duplicate the

play05:43

color source so frame right click copy

play05:47

right click paste duplicate I'm going to

play05:49

select the color we're going to go with

play05:51

black or actually we can go with a just

play05:53

a desaturated version of this doesn't

play05:56

really matter and I'm going to bring

play05:57

this all the way to the bottom on top of

play05:59

the background of course and I'm going

play06:00

to control D so right now I have this

play06:02

exactly where I want it to be there are

play06:04

two things that we need to do before we

play06:05

start moving things around is uh CR e

play06:08

and I'm doing that on on that second

play06:09

color source which is going to be our

play06:11

shadow I should have named it and uh

play06:13

click positional alignment go Center

play06:14

we're centering we're we're using the

play06:16

Anchor Point from the middle so if I

play06:18

move if I scale it or something with the

play06:20

move plugin it's going to scale from the

play06:22

middle all right not from the corner

play06:24

left we need to do the same thing with

play06:26

the group I can press contr e positional

play06:28

alignment center the does it matter if

play06:29

it's moving it like that does it matter

play06:31

click contrl D to Center remember that

play06:33

frame two contrl D we're going to rename

play06:35

frame two to Shadow cuz hey we're doing

play06:38

3D stuff one of the best ways to show

play06:40

perspective is by playing around with

play06:42

highlights and shadows now talking about

play06:45

Shadows while this is selected I'm going

play06:46

to move this around and I'm basically

play06:48

going to pick the direction of the Light

play06:51

Shadows happen because light is hitting

play06:53

our object from a certain side maybe the

play06:55

light is up top front of the camera and

play06:58

the shadow is slowly like that cool now

play07:00

in real life the closer the object is to

play07:03

the surface the more opaque the shadow

play07:06

is going to be but also the sharper the

play07:08

shadow is going to be unless you have

play07:10

bounced light from a certain surface

play07:12

anyways we're not going to we're not

play07:13

going to go there so what I can do is I

play07:16

can right click on the Shadow and find

play07:18

some sort of blur we already used the

play07:20

Shader filter I should probably rename

play07:22

this filter rounded and we're going to

play07:24

add another one user defined Shader load

play07:27

Shader text from file click browse and

play07:29

we're going to go find one of the blurs

play07:31

box blur is going to be just fine cool

play07:33

problem here we're going to have some

play07:35

problems with you know the boundaries um

play07:37

you need to put that on the rounded this

play07:39

is where you expand the boundaries and

play07:42

then you can blur it there you go so

play07:44

extra 50 pixels all around on the

play07:47

rounded Shader and then on the blur

play07:49

which I'm going to name blur you can

play07:50

keep it to zero there you go now you

play07:52

have a fully super soft now if you're

play07:54

getting like soft light maybe that's

play07:56

what would happen but anyways anyways

play07:58

you can play around with the strength

play08:00

for harsher light let's not go into too

play08:02

much

play08:03

details I'm also going to go ahead and

play08:05

add a color correction filter just

play08:07

because there's opacity in it right

play08:09

opacity is a pretty cool thing and if

play08:11

this object were to move away from the

play08:13

surface it would be a little less opaque

play08:16

just a little less right maybe.

play08:19

3 to9 or just 100% And I know what

play08:22

you're wondering how am I going to move

play08:24

the values of this like yeah manually I

play08:26

can do this but stick around stick

play08:28

around let's move let's actually do the

play08:30

movement up in here and for this I need

play08:32

to right click on this scene and using

play08:34

the move filter so you need to install

play08:36

and use the move filter I'm going to go

play08:38

to move Source on my scene and this will

play08:42

be box in it for this box initial

play08:46

position we're going to select the

play08:47

source which is asset one we're going to

play08:50

click get transform so now it recorded

play08:52

the initial position we can duplicate it

play08:54

we can call this box move and now I can

play08:57

move this box oops that it's not the box

play09:00

I can select my asset group I can move

play09:02

it up scale it up cuz if it was moving

play09:07

towards the camera a little bit it would

play09:10

appear bigger right depending on the

play09:12

lens and blah blah blah we're not doing

play09:14

this is not exact science it it could be

play09:16

if you want to but it doesn't have to

play09:18

and now box moves I can click get

play09:20

transform it saves the scale and also

play09:22

the position now one thing that's

play09:23

important I want this to be super slow

play09:25

so I'm going to put 3,000 millisecond

play09:27

for custom duration also 3,000

play09:30

millisecs nice now if my object moves

play09:33

gets closer to the light or whatever

play09:35

gets closer to the camera of course my

play09:36

shadow is going to move probably the

play09:38

opposite direction of where the light is

play09:39

coming from so let's add move source and

play09:42

this is going to be Shadow initial

play09:44

position shadow in It Go shadow Make It

play09:47

3,000 milliseconds and click get

play09:49

transform now duplicate this and this is

play09:51

going to be Shadow move we're going to

play09:52

select the Shadow and we're going to

play09:54

move it where we think that the shadow

play09:56

would be and which size it would be if

play09:58

this was to move move like that of

play10:00

course it depends on the on the light

play10:02

source if it's coming from the Sun the

play10:04

Shadows are going to be parallel unless

play10:06

you're using a light that has a f a Fel

play10:09

lens you can get you can get really

play10:12

scientific with this but you don't have

play10:13

to you know we're creating an illusion

play10:15

we're doing fake 3D in a broadcasting

play10:17

software which is already so cool there

play10:19

you go and with Shadow move selected we

play10:20

want to click get transform I hope I

play10:22

didn't mess anything up should be good

play10:24

Shadow asset asset asset okay so now if

play10:28

I click um box

play10:32

initial okay Shadow initial okay we just

play10:36

need them to move at the same time box

play10:38

move I would like scrolling down the

play10:41

simultaneous move to be Shadow move all

play10:44

right box initial I would like the

play10:47

simultaneous move to be Shadow initial

play10:49

all right if I really wanted I could

play10:51

probably Loop all of that but but yeah

play10:53

we can do that later all good click box

play10:58

move

play10:59

and we have a little a little sense of

play11:03

depth right box

play11:06

initial there's a tiny little bit of

play11:09

depth imagine if you do this like you

play11:12

get an alert and whatever you have on

play11:15

screen that is relevant can move towards

play11:18

the screen with the shadow trailing

play11:20

behind it all right now here's the thing

play11:22

that I never talk about because I just

play11:24

figured it out recently is you can move

play11:26

the values of certain filters so our

play11:29

shadow right now let me turn that off

play11:31

our shadow right now has a blur on it

play11:34

and a color correction where I want to

play11:36

move the opacity a little bit how would

play11:38

I go about doing that actually the move

play11:40

plugin comes with something called move

play11:42

value and that's what it does so I can

play11:45

have move value opacity and I can have

play11:48

move value blur so for move value

play11:51

opacity I can go to filter and pick the

play11:54

filter that I want to change from move

play11:56

value type I can select if there's one

play11:59

single setting within that filter that I

play12:00

want to change or if there's multiple if

play12:02

there's random and stuff like I don't

play12:05

know what add and typing means but we

play12:07

don't need that under settings I can

play12:09

pick opacity as you can see I have I get

play12:12

the value of the opacity so current

play12:13

opacity is this or I can move it around

play12:16

click get value just like I would click

play12:18

get transform on the Move tool okay so I

play12:20

can record a position on that value now

play12:23

remember we wanted 3 I can duplicate

play12:25

this cuz of course I need a second one

play12:28

and this one will be 0.9 well that's the

play12:30

big one now if I click it should go to.

play12:32

3 and if I click here it gets to 0.9 I'm

play12:35

clicking on the wrong thing this is. 3

play12:38

this is 0.9 this is 3 this is 0.9 and of

play12:42

course just like the move Source you can

play12:44

add like the delay you can make it go

play12:46

super slow or super fast I can put this

play12:48

3 seconds again I'm I'm selecting the

play12:50

wrong one what is wrong with me 3

play12:53

seconds for the custom duration on each

play12:57

now you're going to have a very very

play12:59

very slow

play13:05

transition now the roadblock is when do

play13:08

I trigger this how do I trigger it at

play13:11

the same time if you're using something

play13:12

like streamer bot or a keyboard shortcut

play13:13

to do that well if we're talking about

play13:16

alerts for example of course you you

play13:18

would use something like streamer bot to

play13:19

connect it to your Twitch which means

play13:21

that you can tell streamer bot to play

play13:23

those two things those two different

play13:25

filters which is the filters on the

play13:28

shadow plus the filters on the scene to

play13:30

move and then the filters on the shadow

play13:32

to play around with the opacity and also

play13:34

the blur cuz yes the blur is also

play13:37

something that you can change I can go

play13:39

here click on blur so the filter on move

play13:41

value blur single setting and I can say

play13:45

strength cool strength value is two I

play13:47

can duplicate it and then I can set I

play13:50

can go back to basically figure out how

play13:52

the strength works I would never want it

play13:53

at 14 for example but I can set it to

play13:56

seven or I can just manually set it to

play13:58

seven just like I did right now and go

play14:00

back to move value blur two and click

play14:03

get value and it says seven so now I

play14:05

have a very very

play14:07

slow movement of my blur all right for

play14:10

some reason I don't know what I'm doing

play14:11

wrong but it refuses to go back to blur

play14:14

value 7 oh there you go I had to do it

play14:16

again of course for certain settings you

play14:18

can see that this wasn't smooth Because

play14:20

the actual blur is gradual the strength

play14:23

here is increments of one so it's

play14:25

jumping within the time if you do it

play14:28

fast it will be seamless but yeah 3,000

play14:30

milliseconds is not something that it

play14:32

likes I can always go back boom so let's

play14:34

set it up in a way that we can trigger

play14:36

it manually I don't want to I don't want

play14:38

to deal with streamer bot right now so

play14:40

when I press a button I want this to

play14:45

move should this be should this be

play14:48

bigger let me make it bigger so now when

play14:50

it

play14:53

moves yeah for some reason that looks

play14:56

better kind of so we can scroll down

play14:59

until we find how to start the trigger

play15:01

so start trigger here under actions

play15:03

maybe Source show all right I'm going to

play15:05

have to play with this to figure it out

play15:07

be right back active I'm going to rename

play15:09

the filters on the Shadow and I'm going

play15:11

to link them by using simultaneous move

play15:13

so opacity in it should be blur in it at

play15:16

the same time then opacity move should

play15:19

have blur move at the same time

play15:22

hopefully the blur works this time so

play15:23

opacity in it and then opacity move and

play15:26

blur move let's reset

play15:30

oh my god it

play15:31

works I don't know why I wasn't

play15:33

expecting it to work but um okay opacity

play15:36

move might be a little too much let's go

play15:38

0 five and then let's set opacity move

play15:40

to basically when it's visible we're

play15:42

going to figure out which one of the

play15:43

start triggers does that activate so it

play15:46

triggers when you click back on the

play15:48

scene or when you turn on the scene I

play15:50

believe so if I click

play15:51

away and then I click SC two I already

play15:54

set that up for the for the move

play15:56

tool boom

play16:04

yeah

play16:06

yeah it's not I know it it doesn't look

play16:09

amazing but it's working technically

play16:11

it's working we are making 3D type of

play16:14

movement in OBS studio and if you have a

play16:16

good grasp on how things would move in

play16:18

3D and how light would affect your

play16:20

elements you can really fool people you

play16:22

can probably add a gradient that adds um

play16:25

light on that background on that frame

play16:27

but now let me make it just reset on its

play16:29

own with next move basically and then

play16:31

end delay for it to wait until it does

play16:33

it so filters after you've done box move

play16:36

and Shadow move I want your next move to

play16:38

be box initial and of course box initial

play16:41

your simultaneous move is Shadow initial

play16:44

cool one thing though I want Shadow move

play16:47

to wait 2 seconds and that is under

play16:50

where's end

play16:51

delay there you go wait two seconds

play16:54

before you basically end and then you go

play16:56

to the next move cool we just need to do

play16:59

the same thing for the shadow filters

play17:01

now hopefully people who create filters

play17:03

who are watching this maybe that will

play17:05

give you an idea maybe we could make

play17:07

this simpler maybe we could create a

play17:09

shadow that actually moves around in 3D

play17:11

space is so that you know you don't need

play17:14

to know all of this about OBS to make it

play17:16

happen I'm sure there are like there's a

play17:18

way to have a plug-in make this happen

play17:20

it's basically a glorified drop shadow

play17:22

filter so opacity move makes blur move

play17:25

okay but then after blur move I want

play17:28

opacity initial but I do want blur move

play17:31

to wait 2 seconds all right just to make

play17:34

sure everything is working we're going

play17:35

to bring it back to initial

play17:40

position we also need to bring back the

play17:42

shadow to its initial

play17:47

position there we

play17:49

go click on another scene and this is

play17:51

where it supposed to do its own thing so

play17:54

move and then re

play17:57

reinitialize

play18:07

I can't say I'm totally satisfied but

play18:10

that's the concept that's the concept

play18:12

that's that's that's what I'm trying to

play18:13

show that's what I'm trying to

play18:16

Showcase and we can see all the

play18:18

difficulties we can see where it has you

play18:20

know uh flaws and if you guys have any

play18:22

ideas on maybe how to make it happen

play18:24

maybe that gives you an idea to to at

play18:26

least implement the the the move value

play18:28

filter for example in your day-to-day

play18:30

streams and stuff but that's all it is I

play18:33

feel almost ashamed that this whole

play18:35

video is just to show you you know this

play18:38

simple animation but this is OBS Studio

play18:40

this is OBS Studio we are creating some

play18:42

sort of 3d effect in OBS Studio it's

play18:45

just how do you trigger it if you're

play18:47

using streamer bot probably super easy

play18:48

just trigger them at the same time tell

play18:50

streamer bot hey turn on this filter

play18:51

turn on that filter from this other

play18:53

thing at the same time and boom you have

play18:55

this animation uh if you're not using

play18:57

stream robbot then you know making it so

play19:00

that just when it shows it appears like

play19:02

that it does the same thing so now they

play19:04

are in sync we kind of solve the sync

play19:06

problem what that also means is that if

play19:08

I were to duplicate this hopeful don't

play19:11

break please don't break please don't

play19:12

break copy paste duplicate I have

play19:15

something called asset two bring it

play19:18

here I'm going to duplicate the shadow

play19:20

also all right I'm going to set it aside

play19:22

you know kind of pretending that the

play19:24

light source is kind of small so since

play19:26

it's from top metal then the shadow

play19:28

would be the opposite place you can

play19:30

probably set it so that we get lens blur

play19:32

so that we get a rack Focus effect on

play19:35

other elements so if I add a filter to

play19:37

this group and it's a blur filter of

play19:39

course the closer you can get to an

play19:41

actual lens blur the more realistic but

play19:43

we're not this is definitely not what

play19:45

we're working with here I don't think I

play19:46

need to put all of that but basically

play19:48

I'm going to make it so that when our

play19:49

asset one comes close to the camera this

play19:51

gets out of focus as in the camera is

play19:54

follow focusing on that first asset and

play19:56

I do this with the move value B

play19:58

basically just going to make it move

play19:59

faster next move to blur initial except

play20:02

now the end delay is going to be

play20:04

different since we're moving them faster

play20:05

so how much time does it wait if it

play20:07

accomplishes it in 1500 milliseconds

play20:10

well it's basically 3,000 milliseconds

play20:12

plus the extra 1500 right since the

play20:15

delay is 2,000 on the other ones I

play20:17

believe then 3,500 and of course the

play20:19

start trigger is going to be activate

play20:21

hopefully this didn't break the move

play20:23

Source filter so let's try it out I

play20:25

don't think this is going to work but

play20:26

let's try it

play20:35

can play around with the delay a little

play20:37

bit more give it an extra 500

play20:38

millisecond let's try it out again so um

play20:41

my name is G level everything you're

play20:43

seeing here has been made in OBS Studio

play20:45

itself the goal is to fake 3D moves by

play20:49

basically using the move tool scaling

play20:51

positioning and also the use of Shadow

play20:54

uh bluring and opacity right now we're

play20:57

testing a a follow

play21:08

Focus it's not perfect it is not perfect

play21:11

by any means but the idea of being able

play21:13

to do this in OBS is kind of wild it's

play21:15

kind of

play21:25

wild I know the example that I showed

play21:27

was is very simple it didn't look that

play21:31

great so those are the overlays that I

play21:32

made well this is the overlay that I

play21:34

made um on my last video and of course

play21:37

the comment originally was hey if I were

play21:39

to animate this I wouldn't be able to I

play21:42

want you to imagine cuz I really don't

play21:43

have time to actually simulate this but

play21:45

this part which is for chat was moving

play21:49

that way right 3D space with actual

play21:53

Parallax depending on the lens size

play21:56

right but you want chat to follow it it

play21:58

everything that I just showed you in OBS

play22:00

is what you would use to make that

play22:01

happen you would use the corner pin

play22:03

Shader filter to make it fit in 3D in

play22:06

the first place and then you would just

play22:08

have to match the movement well just

play22:10

just match the movement LOL it's it's

play22:12

not going to be easy but you would have

play22:13

to match the movement of whatever your

play22:15

video file is doing in 3D and using the

play22:18

move tool and the move value if there's

play22:21

any stretching that happens into the

play22:23

perspective you can adjust the values so

play22:26

if you have a looping thing

play22:28

maybe if I showed you in blender maybe

play22:30

that would be more

play22:32

understandable so if you have your asset

play22:36

oh we can keep it a cube you have your

play22:38

asset like this and let's say that it's

play22:40

on the side it's funny cuz you can study

play22:42

what the shadow would do depending on

play22:44

where the light is but basically this is

play22:46

the animation that we simulated this so

play22:49

let's say this was a chat box probably

play22:51

look something like this and it would

play22:53

probably be on the right side like that

play22:56

right if I want to move move it like

play22:58

towards the camera or at least in Z

play23:02

space there might be some sort of deform

play23:06

happening depending on what camera

play23:09

you're using let's go with 18 mm you can

play23:12

see how much it's being deformed already

play23:14

and you would want your OBS source to

play23:18

follow it let's say it goes from this

play23:19

position to that position this position

play23:22

that position rotate it a little bit

play23:25

there you go you might have a better

play23:26

skew here

play23:29

the further away it's going to be the

play23:31

more flat the corners are going to be

play23:33

and the closer but also to the side the

play23:36

more slanted it's going to be so in OBS

play23:39

with your filter you would just have a

play23:41

Shader filter of course corner pin no

play23:44

not this one this corner

play23:47

pin oh my

play23:50

God and then you'll need to use the move

play23:52

value filter to basically modify this

play23:54

thankfully there's settings where you

play23:56

can pick exactly the filter you want now

play23:58

you have access to all of that if I

play24:00

click get values it knows where I'm at

play24:02

right now I can duplicate it and I know

play24:05

that if I bring this down and I bring

play24:07

this up then that's my initial values

play24:10

see

play24:13

that so as usual the only problem you're

play24:16

going to run into is how to trigger it

play24:18

in sync in that case since your render

play24:21

would be a video file um you can just

play24:23

make the active stuff you can just make

play24:25

the active stuff your video goes in a

play24:27

loop you just make it so that every time

play24:29

that scene becomes active which is when

play24:32

your video would be active you want the

play24:34

video to also basically restart every

play24:37

time you put up the scene and then

play24:38

that's it it's I warned you this was a

play24:42

theory a concept video if I get it down

play24:44

to a science I will actually make a

play24:47

tutorial showing how to do it

play24:48

considering my type of videos I need to

play24:50

find an an easy way to make it happen

play24:53

but yeah next time I make a video like

play24:54

that I will have a full overlay we'll

play24:55

probably give it away for free just that

play24:57

just so that you can try it or maybe

play24:59

just like an asset just a little part of

play25:02

your overlay that you can do this with

play25:03

but that's the concept that I had in my

play25:05

head and I needed to share and I needed

play25:07

to hear from you guys and your ideas and

play25:09

everything and of course I wanted to

play25:10

prove that hey it is possible to have 3D

play25:13

moving overlays and be able to have

play25:16

moving sources in OBS that look like

play25:19

they're moving in 3D space if you're new

play25:21

here you should probably subscribe cuz I

play25:23

will definitely um have a functioning

play25:25

example at some point I just wanted to

play25:27

show both the 2D part on its own using

play25:29

just OBS Studio to create 3D stuff and

play25:32

also show the concept of what if I

play25:35

already have my 3D moving stuff and I

play25:37

want something

play25:39

to look but look at this though like do

play25:41

you see this imagine the rack focus on

play25:44

multiple multiple things actually you

play25:47

know what forget that don't imagine

play25:49

anything let me make it happen oh NOS is

play25:52

crashing there's no way there's no way

play25:56

it kept moving to the left I don't know

play25:58

why I don't want to ruin my recording

play25:59

though it's been 56 minutes bro I just

play26:02

wanted to control Z all right I'm going

play26:04

to click once yeah that's my quue that's

play26:07

my quue I've been yabing too much too

play26:09

much yapping again I'm sorry that the

play26:11

visuals were super super simple but I

play26:14

just wanted to show you like the the the

play26:16

the thought behind everything that this

play26:17

could unlock for you the move Value Plus

play26:21

the move Source plus the Shader filter

play26:24

plug-in can do so much you can you can

play26:26

generate so much can create so much and

play26:28

you can have like there are stuff in the

play26:31

move plug-in that I haven't even started

play26:32

exploring yet you can move stuff from

play26:35

one spot to the other right now that we

play26:37

know that you can move value you can

play26:39

also add increments to certain values

play26:42

you can be like plus 10 at the height of

play26:44

overworking and over complicating

play26:47

everything you could make a functioning

play26:49

video game with

play26:51

OBS you could do a platformer with OBS

play26:55

absolutely well collisions is going to

play26:57

be be a problem and all that but you can

play26:59

have a little thing on screen that is

play27:00

animated that's jumping if chat types a

play27:03

command that's going left and right and

play27:05

things like that it doesn't have to be

play27:06

we're not going to start thinking about

play27:07

hitboxes and death animations or

play27:10

whatever but like the on the simple

play27:12

level you can make that happen that is a

play27:14

possibility anyways I hope you guys see

play27:16

the vision I didn't mean to make a long

play27:18

video but here we are follow me on

play27:19

Twitch we can talk about it some more

play27:21

and you can see some of my projects like

play27:22

in action and I will see you later go

play27:24

out there make me proud get level out