How To Use The Audio Visualizer In OBS Create EPIC Camera Overlays!

hello my youtube friends today i'm going to show you how to add cool audio visualization animations to your live stream to create animated overlays try saying that three times real fast these can be used to add cool animation frames to your cameras like this i'm also going to show you how to use masks with your camera in obs to create shapes for your camera display or any other media source everything i show you here today is totally free to use so anyone can do this as well let's get to it [Music] if you're always looking for tools tips and tricks to help make you a better youtuber subscribe to the channel and click that bell so you don't miss any new content the tools i'm going to use today are listed in the description if you want to follow along with what i'm doing and we have a lot to get to so let's start with the plugin for obs now this plugin is going to allow you to do audio visualizations on your screen and it's called the spectralizer we start out here on the spectralizer plugin page up here in the top right corner you can see go to downloads so we're just going to click on that and we're going to select the appropriate download for whatever machine we're using in my case i'm using windows i'm going to use the installer for windows but there is a mac os one here as well and now that we've downloaded it i'm just going to open up a browser window here and i'm going to go to my downloads and double click on my spectralizer install and i get this windows protected pc because it is a plugin and it's not from any specific location or publisher i'm just going to go ahead and click more info so it gives me the option to actually install it i'm going to click run anyway once we get through the administrative privileges we're going to come up to a license information we'll just click next now it's going to ask you for the install location so just make sure that this is where your obs is actually installed and click next and now it's going to tell me that obs studio already exists which of course we know because it's already on there now it's going to create a shortcut and all that kind of stuff so it asks you what it wants to be named in this case spectralizer we'll just click next and it's just going to verify everything you can click next and of course i'm going to get a nag screen here because i am using obs studio to record this video so at this point all i'm going to have to do is close out of obs studio and click next until it's finished so you're not going to see that because i can't record in obs studio and you know install something on obs studio now that that's installed let's pop over into obs and set all of this up so let's open up our obs here you can see i have a scene loaded with just my camera and so what i'm gonna do to create sort of a visual animated overlay is i'm going to load in a static overlay first and i created this one through place it but it doesn't matter you can create this in pixlr or anything like that show you a little bit about pixlr when we're setting up the second one but creating a visual overlay is pretty easy and you know what we don't even have to use a visual overlay if we don't want to i'm going to use it but i'll show you in a second how you can do this without it but i'm going to add this frame right here and i'm just going to scale this up maybe to about here and what i'm going to do is just scale this down to fit in the overlay here pretty simple stuff and i'm just going to use the alt and drag key here all right so now we have a pretty simple little overlay here and i can move it around do whatever i want now we're going to add a little bit of animation to it in a really simple way we're going to use that speculizer that tool that we downloaded the plugin to add some really cool animation to this overlay so i'm going to click the plus and i'm going to go right here to the spectralizer and click ok and it adds it right here and this is what it's going to look like and right now there's no audio source so let's add in our audio source right now we have the output capture and the input capture so we'll just use the video input capture and there you go you can see what this is going to look like you can select color and i'm going to use this little blue edge to kind of outline color or something close to it let's see maybe even something like that would be pretty cool all right so now we have that and it fits in pretty nicely you have all kinds of adjustments here and i'm going to get into all how all of this works in a little bit but let's get this set up so it fits what we're trying to do so i'm going to take this right here i'm going to right click go to transform and i'm going to rotate it 90 degrees and i'll grab it and stick it up over here and what i'm going to do is just drag this out like that and we're going to stick it on the side here and what i want to do is i want to make sure that it's behind my overlay so i'm going to grab it and drag it down below the image and that way i can kind of use the arrow keys and move it in a little bit there and i'm going to right click go to properties and this will allow me to set it up a little bit more so right now we have enable automatic scaling but i can turn that off and then i can just adjust the scaling to how i want it so it's not going off the screen or anything like that it's pretty simple we can scale boost it and all that kind of stuff but you could see this adds a really cool animated effect to the outside of my overlay i could put it down here on the bottom or up on the top i mean what i could do is i could drag let's see here let's select my image and we don't want the spectralizer and we'll drag this down here to the bottom and we'll take this and i'm going to rotate this again let's see transform we're going to rotate it 90 degrees that's not what we want so what we can do is transform flip the vertical and we'll put this over here and we'll just add this kind of to the top of our overlay like this and we'll move it up and now we can adjust it again down here in the scale size so it's not peaking too much but this does give us an animated overlay kind of thing now if you don't have this that's okay let's just remove that and we can move this up a little bit move my camera up a little bit here and we'll resize this a little bit nope that's the image let's move that out of the way here and we'll resize our spectralizer a little bit and what we can do is we'll put it up here at the top edge and remember you can use the arrow keys to move this around and then i'll just put this below my video and there we go now i have that up there what i can do is right click it and we can go copy it and we can paste it as a duplicate and i can go and right click it again go to transform you can flip it on the vertical and then drag it down here so now i have spectralizer on the top and the bottom and what i can do is just move that below there so it's behind my camera and now you can see i've got a cool little animation that can go along with the box around my screen which is really awesome you can see this just adds some visual interest to whatever you're doing and you could put it all around i can make a whole entire square just by recreating these now we have our whole entire screen kind of animated with this really cool visual effect and this is pretty neat but let's say you wanted to use this not as the centerpiece of your screen for your live stream but you wanted to do uh just a smaller screen that you were going to use inside another scene well there's an easy way to do that and first what we're going to do is we're going to create a mask so to do that we're going to go into pixlr i'm going to click the plus here and we're going to go into pixlr and i'm going to use pixlr e for this so we're going to create a new image it's going to be full hd 1920x1080 that is the size that i stream at and then what we're going to do is create and i'll zoom out here so you can see this is would be the size of my live stream i'm just going to grab a tool here we're going to use this circle we're going to turn stroke down to zero and so the fill is automatically this bottom one here which is a little bit disconcerting but pixlr is a free tool so we don't argue i'm going to create my circle if i hold down my shift key it will guarantee that it's a perfect circle and now i'm going to just use this to bring it up and i can resize it if i want to and we're going to try to resize it and center it the best we can here and there we go and then i'm going to just go to file and save now we want this alpha area right here around the outsides we're going to call this mask 3 because i saved a couple out already we want it to be png so it saves the alpha around the outside so we can see through that so we're going to go ahead and download this what i'm going to do is go into my download folder and i'm going to take this and move it into the location where i store my files here real quick video audio visualizer okay so now we can open up obs again and here we are let's just get rid of this whole scene here we're going to remove all of these and we're just going to work here with our image for a second and what i'm going to do is i'm going to use alt and i'm going to remove that crop i have there and i'm going to right click on here and we're going to go to filters i'm going to click the plus and we're going to go to image mask and blend and i'm going to browse and we're going to select that mask 3 that we just created here we're going to go to alpha mask with alpha channel and there we go how cool is that now we have a nifty little camera circle and this is so easy anybody could do it it's all free tools so now we have a nifty little camera circle i can adjust the size of my camera and i can put it down here in the corner let's say we were going to play a video game in the background i'm not going to play a video game but i'm going to load a video source that has video game footage in it so i'm going to go here and let's see here we're going to use this witcher loop it even though it's pretty long but there we go so we need to move our camera up above here so let's say we're playing a video game and our little camera is down here in the right hand corner and for now i think i'm gonna turn off the video source just because i don't want it to be distracting i want you to make sure that you can see what i'm doing here so we're going to go to the plus and we're going to add our spectralizer once again and in this time we're going to go to mode and we're going to select circle bars look at that pretty cool now our audio source we have a couple of things to select now we can use the media source we can use the sound from the video game or whatever it is that we're playing we could select that and that would work if i if i turn it on there you see that's independent of my voice that's just the video game music right there playing so if you're playing music on your stream you can use the spectralizer with that audio source for this particular case i'm going to go ahead and use my audio capture source that's my voice so you can see it moves with my voice now you can adjust this let's say we wanted one pixel there we go that looks pretty cool we can go down here and add more bins so let's say we wanted 50. there we go that looks pretty cool i like to have a little bit of padding so we'll go like that just just that little bit of amount there that's nice and i like that that's pretty cool you can adjust the gravity which means stuff will stay frozen at the top or it'll disappear quicker like that i tend to think that the lower you set this the more kind of flashy and annoying it gets so i like to have the gravity set pretty high there we go and by the way you can go in here and select the color so let's say we want a flashy yellowish green here that'll work there we go i'm just gonna click okay what we're gonna do is bring this down right now it's over top of my video scene so we'll just scale this up like that all we have to do is put the spectralizer behind our camera and now we have a nifty little background i'm just going to move this around now what i want to do i think is we're going to go into the spectralizer properties here and i'm going to go down here to uh enable automatic scaling and i'm going to adjust the scale size myself so that we can keep it on a much smaller scale there we go now we can still have that animation but it's not so ridiculously huge and we're going to select the two we'll move back down here into the bottom corner i don't know why that moved but there we go so now we have our camera with a cool camera animation down here in the bottom right corner it's not too distracting and now you know how to use masks and obs and you know how to create your own custom frame animations in obs really simply using just a plug-in and all free stuff so what does this look like if i change the audio well let's go into the spectralizer here and i'm going to go into properties instead of using my voice capture we'll use the media source in this case it's just game footage but it could be an actual game if you were playing it and there you go now you can see me talking but the visual source is coming from the audio of the game and you can see it obviously has more dynamic range than my voice so what i'm going to do is i'm going to go into the properties once again and i'm going to go down here a little bit and i'm going to adjust that scale size again there we go what i also want to do is change this hideous yellow color something like that now that doesn't look too bad and i want these bars just a touch thicker just adjust this down if i don't like how small the bars are i can adjust up this scale right here there we go pretty slick very simple very easy to do now you have like an animated overlay for your image picture pretty cool to set up the mask i used an obs i used pixlr and it's a totally free image manipulation software there are links below if you want to check it out for yourself you can use it to create any shape of mask for your camera or any other video source so be creative and let's see what you can come up with the spectralizer is a really cool and easy to use plug-in but it's not my favorite plug-in that would probably have to be the move transition plug-in what's your favorite obs plug-in and if you want to see my favorite collection of plug-ins for obs you should check this video out right here and if you're always looking for tools tips and tricks to help make you a better youtuber subscribe to the channel my name is michael fire jr thank you so much for watching have a great day and i'll see you in the next one

Channel: Michael Feyrer Jr.

Views: 25,623

Keywords: audio visualizer in obs, how to add audio visualizer in obs, How To Use The Audio Visualizer In OBS, how to add audio visualizer to obs, how to install spectralizer in obs, obs audio visualizer, obs audio visualizer plugin, audio spectrum obs, obs music visualizer plugin, obs spectralizer, obs spectralizer plugin

Id: ASLYlqsStgc

Length: 16min 7sec (967 seconds)

Published: Sat Jan 30 2021