How To Make Custom Transitions In OBS - Luma Wipes Don't Suck

i can remember when i was first exploring lumo wipes at obs studio and my initial impression was that they were not super exciting they were kind of plain janey not much going on with them and i really never really considered them but as of late i've come back and taken a harder look at what they can do and how you can make custom luma wipes and it is so much fun i can't wait to show you let's get some [Music] electrify your online presence with live streaming my dad was an officer in the vietnam war and he got there by taking a course called roti which stands for the reserved officers training corps in college they taught him to be a leader and part of the lessons while taking these courses was how to teach and the concept basically was boiled down to the need to create chapters when teaching and so i'm going to apply specific and clear chapters in this tutorial and i'd love to hear your opinion as to whether or not this tutorial was easier to learn so let me know in comments what you think and if you think it's better then maybe i will continue using chapters from here on out so let me know okay here's what we're going to go over right now we're going to talk about how obs uses imagery to generate a transition transition speed control we're going to go over the transition softness parameter then we're going to learn how to add your own custom transition and then we're going to experiment using your face as a transition yes here we go [Music] so how does this all work how does obs create a luma wipe well it comes from a grayscale image which basically means it's a black and white image and variants of gray and it analyzes that image and creates transparency in the direction from black to white let me explain what i'm showing you i'm going to go into the explorer on my pc here i'll go to my c drive i'll go into program files i'll find obs studio the installation folder i will then click data open that up go into obs plugins and look for the obs transitions folder there it is right there open it up and click luma lower score wipes so here we have all kinds of grayscale imagery and you can see i've been experimenting with my face as well and we'll talk about that in a minute but let's take it the barn door dash h image let me open that up in photoshop real quick so we can make it a little bit bigger okay here's the image i'll zoom in just a tad so we can see it okay that works so obs will analyze this photo and begin to show transparency starting from the black color and move out to the white edges so the best way to remember this is sort of the the biblical reference which is first there was darkness and then there was light the direction starts from black and moves to white right so if i was to go into obs studio real quick select lumawipe as the transition type click the cog wheel open up properties and select the barn door here which i believe was horizontal barn door horizontal and click preview you'll see how it works black to white see how that works [Music] now i will show you how to control speed with different types of gradients and the best way to understand this is by showing you an example so if i go into photoshop here i've created an image that has a gradient that goes from an absolute black to absolute white below it it also goes to absolute white on the far right but it starts out with a very subtle gray so let's put that into obs studio i've already done it i'll go into the gear here go into properties this graphic is called speeds i've got it all set up and i will show you how to do this in just a few minutes i will click preview watch did you see that so let's really slow this down and take a hard look at what's going on so initially when you push play on this thing the the big black section of the upper gradient that's very harsh immediately goes transparent and as time passes it slowly comes across the screen and when it gets to the middle of the screen then the subtle gradient below starts to move and it moves real fast across the screen and when it reaches the far right the upper white section of the upper gradient just goes immediately transparent so the characteristics of the top gradient means that it goes very very slowly the bottom one because the colors are almost identical it moves very very quick and when it moves to white because it's so fast it immediately takes control and makes the whole thing go transparent that's the takeaway okay now we're going to talk about the transition softness parameter i took the top gradient and stretched it all the way down to make a new image put it in obs so when i hit the preview button you can see now the line is very thin it doesn't have much softness in it in order to make an adjustment to that softness there is a softness parameter here with an up and down if i hit the up key a couple times and go around 65.065 as you can see now this the line is really really soft if also you can invert the transition by checking off this and if you hit preview it goes in reverse goes this way that's cool too okay let's talk about making your own custom luma wipe what you see here is a custom luma white grayscale as you can see it's got two gradients one with the s and it's black going to the t that's white and the reverse in the background it's going to do this kind of effect i'm going to now place this ping into the right path and the path you can find is right below here i'll leave it there while i talk about this let's see here's the folder where it resides and as you can see i've already placed it in here it's called get some dot png now upon you placing it into this folder now what you have to do is make sure that this new image resides in the pull down in obs studio so first thing is first make sure you shut down obs because you need to restart it after making these changes so shut down obs and scroll around until you find the wipes dot json file and this if you open it up i have brackets you can use notepad or any program that you like when i double click it it gives me this code okay and this is what tells obs what to show in the pull down when you make the selection so what i want to do right now is go over first and foremost what this syntax does the stuff the purple text between the quotes that is the physical name that you see in the pull down and then the orange file reference is the file that it uses when you make the selection okay cut and dry here are some issues that you will come across when playing with this number one you are limited to a certain amount of pull-downs okay so you may start adding graphics and the list gets longer and longer longer and then after a while you're like wait a minute i don't see it in the pull down is that a syntax issue that i did was it a mistake on my behalf the answer is no you just got to go back and delete a couple other pull-down references and then it'll show up that's number one number two a lot of people will go in here and copy the last line and use that as a reference to make the new call right but here's the thing the last line does not have a comma and so it's going to screw the script up and it won't work so what i recommend that you do okay is always copy the second to the last line because that contains a comma and place it before the last one right like this okay and then you can make your changes to the name and the name of the file and the last thing is is what i'm showing you here since i copied it if you have two pull-down calls i'll call them and they're the same name nothing will show up at all in the pull-down so make sure that every single one of these names are different so that you can see it in the pull down those are the three things that are going to trip you up if you feel like these solutions don't fix your issue you can always download a new instance of obs it'll be a zip file unzip it and you can go into the path of that zip file and find the original wipes.json file and just paste it over this and it'll be fixed that's sort of the fallback plan okay okay so here's the official modification to the wipes.json file i copy the second to last line i hit a line return i paste it i highlight the purple text here and i type in get some i then change the name of the ping file to get some i hit save i make sure that my obs is shut down i bring it back up i hit the gear next to lumawipe that i've selected in scene transitions i go to properties and there's get some already selected and i hit preview and there it is works perfectly so i know what you're probably thinking what if you're to use your own face as a luma wipe transition for obs studio and i've been experimenting with this concept for a little while now and i've come up with a following style check it out if i go into my editor here's a highly disturbing photo of my face this is the type of thing you see in your nightmares when you eat too much chocolate ice cream and pizza for dinner go in and make sure that it is a grayscale and here's what it came up with black background and the darkness starts on one side of my face and then goes to light on the other that way you see a progression from left to right so if i bring it into obs you see this kind of effect now take a look at this if it's on a light background and you click a scene with a dark background it seems to work okay you see my face going in there but if i go back it looks like a negative and it looks funky so i don't know if it translate it's still pretty cool but sometimes it looks weird when it's going from dark to light now if you're interested in taking your knowledge in respect to transitions to the next level i've made a video using davinci resolve which is absolutely 100 free to make stinger transitions that give you all the flexibility that you could dream of to do just about anything including using sound with alpha channel that loads very quickly on your computer very little drop frames and very little cpu usage i've provided a tutorial that covers the whole thing you will absolutely love this i will see you over there regardless best wishes to you stay strong keep fighting your channel will grow trust me i'm proof of it i've never given up so you never give up and i guarantee you you will do well as time passes just keep fighting i will see you later best wishes stay strong and keep fighting stay strong [Music]

Channel: Scott Fichter

Views: 4,482

Keywords: how to make custom transitions in obs, how to make custom transitions in obs studio, how to make a stinger transition, how to, obs stinger transition, obs studio, obs studio tutorial, obs transition, obs transition template, obs transitions, obs tutorial, lume wipes, scott fickter, scott ficktor, scott fixture

Id: FrdhCU5LSHA

Length: 11min 30sec (690 seconds)

Published: Tue Sep 07 2021