INSANE PIXEL DEPTH MAP TRANSITION [AFTER EFFECT]

[Music] what's good we're back in this thing today we're gonna be going over this pixel depth map tutorial i really just be tossing names out in a certain order to make titles if you guys haven't already noticed i just thought it was funny recently because i've just been uploading so many videos i feel like i run out of names for effects so that's where we're going with today pixel depth mapping tutorial if you're new here what's good my name is brian i make music video tutorials here on youtube sometimes do some vlog stuff so if any of that sounds interesting to you go ahead and subscribe it's free we're on the road for 100 000 subscribers by the end of the year and you guys have been going crazy with the likes and comments so i really do appreciate it thank you very much also if you're interested in leveling up your music video editing game or saving time while editing you can go to my website briannota.com check my packs and presets it's a great way to add different looks to your music videos while also saving time and also it's the best way to support the channel and keep me uploading three times a week so it's greatly appreciated i'll have a link to the website down below as well as a tutorial playlist of all the effects that i've done using my packs and presets yeah that's pretty much it though let's get into the video and break down this effect so now we're in after effects i'm gonna be showing you the two effects that i came up with and uh kind of just showing you how this effect works it's actually native to after effects so you don't need any plugins i'm going to be using two plugins to kind of sauce it up but the particle effect itself is actually native to after effects so you're not gonna need anything to get this pixelated look so here's the first effect it bounces on gunna and then it bounces on the background i think it's a really cool effect it's pretty basic but you know i was kind of just experimenting around with what you could do with the effect and then here's another one where if this is actually just one clip and it spins it starts off spun 180 degrees and then it spins around to its actual facing and then here is what i kind of went from this and i was like oh you could probably transition between two clips so that's what i went ahead and did and i think this looks pretty clean you can see that there's the checkered background you can really put whatever you want back here when i was editing it i actually had the checkered background on and i thought it looked pretty cool so i just went into photoshop and took a screenshot of the checkered background itself and then just put it behind there just thought i'd let you know but you guys can really put whatever you can put other clips solid colors really whatever so first off i'm just going to be showing you the main effect that you're going to need to make this look and then kind of showing what does what in the effect because it is a little bit more complex in fact it has a lot of different options and things that maybe you need to learn how to use before you know we go into the actual effect and the transition so the effect you're gonna be looking for is called card dance it's built into after effects like i've already said it's gonna start off and if you drag it on it's gonna do nothing so to get it to actually do something first you're going to need to go to gradient layer 1 and select the clip that you're on and that's not going to do anything right away but if you go ahead and change the x y or z position for us we'll change the z and then you're going to want to change your source to something you can have it affect the intensity red green or blue or alpha if you do alpha it's going to do the whole thing and then if you select red it's going to move i believe this is how it works it moves all the red clips closer to the screen if you drag it whatever and then the opposite of red so on the opposite side would be green it's pushing all that back i believe that's how it works i could be mistaken but just go ahead and play around with all the sources and stuff they all look pretty cool and then you know you got this blocky look it's cool if you want to get it more pixelated like how i did you can bump up the rows and columns for example if you bring it to 100 and 100 you can see it already is a lot more blocky and it allows you to go all the way up to a thousand actually but when you're animating it and changing all of the transitions and keyframes and stuff i'd recommend doing it at 100 by 100 because it is pretty intensive on your computer so i always just tweak everything with 100 by 100 and then if i want it to look like this towards the end i go ahead and make it a thousand five thousand at the end so with that being said i'm just going back to 100 by 100 here so if you're not familiar with the positions x y and z i'll kind of briefly break those down x is the horizontal plane so left to right y is vertical up and down and then z is actually making it 3d so that's why i went ahead and i chose this one i think it looks the coolest is it's going close or far so it's kind of it's bringing depth to your image so so these cubes are technically closer and some of them are farther away you'll be able to see a little bit better when i go ahead and actually play with the camera settings so for right now i'm just going to bring it down a little bit more and then the same thing with rotations they're all just going to affect x y and z plane as far as and as well as scale just remember you have to change your source and then change the multiplier you can get some really really crazy looks i'm basically just going to be touching on those two transitions that i was showing but there's actually so much that you can do with this effect itself so i would recommend just getting familiar with what everything's doing you know you know just have a downloaded clip or something and just play around with all these positions and scales and rotations and you'll probably get something really really cool looking you can also play with the lighting and the camera position you can see here if i change the y rotation it's going to stay aligned properly vertical but it's going to be twisting horizontal so it's almost like it's a piece of paper just spinning this way and now you can see the depth some of them are further back some of them are closer and if you change the x you can see it has it rotate up and down like this and the z rotation is going to have it twist that way there's a bunch of different things you can animate doing that you can play with the lighting i'll be going over that briefly as well and the material is cool as well because you can make it look shiny and kind of make it easier to tell that it's 3d looking but first off let's go ahead and do that first effect that i did so the first thing you're going to need to do is rotoscope out your subject i always say do a good job rotoscoping the first frame because it does make it easier and it just looks better then once you've gone through and rotoscoped every frame go ahead and click freeze it's going to lock in your rotoscope basically separating the background from the subject as well as making it so you can't change the rotoscope lines anymore after that go ahead and close out that layer and now you can see we have gunna rotoscoped out and then i'm going to go ahead and duplicate that layer and then go to rotobrush and delete that from the bottom layers the top layer is just gonna and the bottom layer is the normal clip itself then go ahead into your effects and presets and drag card dance onto the rotoscoped out layer or the layer with just gonna and then make sure to do gradient layer and change it to your clip as well as go to i'm gonna go to z position obviously you can do whatever position you want i'm gonna have it affect the reds and then i'm gonna bring the rows and columns to 100 so we can kind of see what we're doing right now and then we're going to tweak it to a thousand later and then you can see when you bring the multiplier out you can see what that affects so maybe we bring it out a lot i'm actually going to make it like 250 or something right now just because it's a smaller rotoscope just so we can kind of imagine what it's going to look like a little bit better and then go to keyframe the multiplayer and then go i'm gonna go 10 frames forward and then bring that multiplier down to zero here and then i'm going to click e on my keyboard to see the keyframes highlight them and click f9 or easy ease them you can do that by highlighting and right clicking going to keyframe assistant and then easy ease and we can see the particles go back into ghana and that's looking pretty cool already i personally like the rows and columns to be at a thousand i think it just looks the best because it's like smaller pixels there's plenty of different ways you can use this effect so i'm interested to see how you guys come up with it but you can see now the blocks are a lot smaller this way some things i add on to it just to make it look a little bit better is drop shadow and drop shadow is really cool if you change the opacity to 100 the distance is zero and then the softness just a little bit so you can kind of see what's going on here maybe like 12 so it has a little bit of depth i think it just makes it separate from the background a little bit more it's not really something that's necessary but i just found it looks a little bit better in my eyes and then i'm going to add deep glow you can add any kind of glow you have really sapphire glow vr glow that's built into after effects i'm going to go ahead and use deep glow and then go ahead and change the radius down a lot and then as well as the exposure down a lot and i'm going to keyframe the exposure of the deep glow and go to the last frame and bring it down to zero because if you don't do that then it's going to be glowing on your subject which maybe you want but it's going to be glowing on your subject all throughout the transition also going to easy ease them and then you can see we still have that drop shadow so what i went ahead and did to fix that i just went like two frames forward keyframe the opacity and then went to that last frame in the transition so the tenth frame and then brought the opacity down to zero so now when you go ahead and render that out you see you have this mesh kind of effect going back into gonna and you can see in my in my example that i had i had it like bounce once it gets on to him i have the background bounce out it's pretty simple you do the basically the exact same thing we just did but on the background layer so to do that i'm gonna go ahead and go to that 10th frame or maybe actually the ninth frame so it kind of starts right when it's ending and then go ahead and add go to card dance make sure to change that gradient layer z position i'm gonna go ahead and change that to red and i'm gonna do that hundred by a hundred for right now just so we can see and then go ahead and keyframe the multiplier to zero at first because we want it to start here so once it goes into him it's gonna be at zero and i'm also going to keyframe the offset and then go ten frames forward keyframe and the multiplier to one and then i'm just going to drag the offset to one as well that way it fills up all the edges here and then go another 10 frames and keyframe the multiplier and offset both to zero go ahead and click u on your keyboard i'm going to highlight all those and click easy ease and then i'm gonna go ahead and add that drop shadow on bring it to 100 bring the distance down to zero i'm gonna do the drop shadow the softness roughly the same that i did with the rotoscope and i'm actually going to go ahead and duplicate our background layer right now and go ahead and delete car dance and drop shadow so we have the normal clip playing in the background just so we can see the drop shadow taking place and then i'm going to go ahead and add deep glow as well and then roughly use the same settings there and then i'm going to keyframe the exposure in the middle of the transition so right at the peak to 3.5 on the deep glow or basically the brightness or whatever on your glow depending on which one you're using then go to the beginning and go to the end and both make those zero and we don't really need to keyframe the drop shadow at all because the drop shadow is not going to really be showing once it goes back to normal and then you can see here is our transition i want to go ahead and actually increase the z position the multiplier a little bit more and then if you just keep that offset number the same it will fill it up completely and then i'm also going to crank the rows and columns up to a thousand each that way it has a lot more pixelated look and then i'm gonna go ahead and render this out it's probably gonna take a little while because it is pretty intensive and then once your computer is finally done rendering that you can see this is what we came up with i think it's really cool looking obviously you don't have to do this exact sequence or whatever i wanted to show you kind of concepts you can do with this to kind of interact with your clip i think this is a really cool example of that so then the second thing i'm going to be going over is this transition that we did here between this uzi clip and gunna i think it's a really clean transition and it's kind of eye-catching as well and you can see it captures the depth of the clip you can see here yeah it's not that hard to do so let's go over that so first off you're just going to want two separate clips here we got this one with the flowers and then this room with the sky what i went ahead and did first is just pre-compose these letters and then name this like merge or something just to kind of show that it's merging the clips and then i move all the attributes always and then adjust the composition so the span is the same length and now you can see they're just together in the same comp and you don't really have to do anything from here i think to make the transition a little smoother i'd recommend overlaying these clips like i don't know maybe like that many frames i don't know like four or five frames and then go ahead and press t on your keyboard to bring up opacity keyframe opacity on the first clip the clip that's overlaying from 100 to zero and then t from zero to 100 basically just making a crossfade that way the clips fade in and out together and that's just going to make the transition between the pixels smoother later on you'll see what i'm talking about and i would probably recommend doing an even amount of frames i just did five so i just made it six one two three four five six that way we can split the transition right at the third frame so it's like three on each side and then go back into that big comp and i'm gonna go ahead and do the number the time sign on your keyboard to make a marker that way we just know where the transition is in the middle and i'm also just going to trim it down for what we missed out on and then what you want is card dance and drag that onto your clip again the basic things the gradient layer go ahead and bring that to merge one and then i'm gonna use the z position again i'm gonna have it affect the reds do that hundred by a hundred for right now just so we can see we'll go ahead and tweak with the settings at the z position later we're actually going to want to go ahead and use the camera position right now so to start this transition off i would recommend doing like a 30 frame transition i think anything faster than that is going to look a little too fast i'm going to go 15 frames to the left 10 1 2 3 4 5 right there and i'm going to start the rotation of the y off already at 180 because we want to have it flip and do a complete 180. so i'm gonna have the first clip started off inverted so it's actually just flipped and if you don't want your clip flipped to actually be playing at the beginning what you can go ahead and do to work around that is pre-flip it and then once you you go into the comp here it's going to be flipped the right way now i'm going to keyframe the y rotation i'm going to keyframe the multiplier because i want the multiplier to start off at zero that way it's the normal clip and it's dark right now and i'll explain why in a second but we're just going to go ahead and keyframe the motion real quick go to the middle keyframe and then go 15 frames to the right 10 11 12 13 14 15. and then keyframe the rotation down to zero so now you can see you have your footage doing a flip and that's cool obviously it's not what we want yet we're gonna go ahead and tweak some things to make this look a lot better so first off to fix the lighting issue we want the we want to go to lighting down here and then go to light depth and we're going to want to bring that to anything negative so you can see once it's at zero as soon as you bring it a little negative it's going to be lit on the right side so basically to best describe this the reason is why it's not lit properly until it gets to negative it's basically saying that there is a light source here and there's a wall anything on this side is the positive and as soon as you get to the negative the light source comes to this side so obviously a wall would not be lit when the light source is here this side of the wall wouldn't be lit but as soon as it comes negative the light source comes on this side then this side would be lit but this side wouldn't be so hopefully that makes sense for you i tried to describe that as best as possible i'm gonna go ahead and keyframe the light depth negative one here and then i'm going to go ahead and go to the last frame in this transition over here and keyframe it to one and if you use the same values it should click over right at the right time it should actually be at zero here so it will light both sides properly so if you go ahead and do negative five make sure you put it at five if it's 15 frames on each side that's probably the most confusing part of this transition i just wanted to make it clear so that way it's properly lit the whole time and then also make sure your zone distance source that way it just illuminates the whole clip if you're on point source it might just illuminate the middle because as the light gets closer it's basically the small light but yeah there's plenty of things you can do with the lighting and uh if you play around with it you'd be kind of surprised at how much you can actually do with it and now to actually get that pixelated look we're going to go ahead and start off by keyframing the multiplier at the beginning and i'm going to go to that 15th frame here and then bring that multiplier up and then go to the last frame and bring that multiplier to zero again and now we can see we kind of have that transition just play with the multiplier in the middle to make it a little bit smoother because the more the multiplier is going to be the wider it's going to be spread out so i kind of left it at 1.5 it looked good for me so you can see a little bit of the depth but it doesn't spread out across the whole clip and then i'm also going to go ahead and bring the rows and columns back up to a thousand because we're pretty much done with this effect i'm going to highlight all the keyframes that everything that we keyframed here and then ease it just to make it a little smoother of a transition and then i'm also going to go ahead and drag that screenshot of the checkered background just to fill the background with something if you're working and you just kind of want to see what you're working with you can actually go ahead and tweak that checkered background on and off in after effects but it won't render out like that so i just thought it would be cool to actually render it out like that i went ahead and put that screenshot in then i'm also going to add drop shadow that way we don't have to render it a bunch of times because it takes a while to render it each time so i just want to go ahead and add all the effects on right now i'm going to go ahead and add the drop shadow bring the opacity up to 100 distance down to zero and then the softness right around what we have before like 12 has a little bit of depth i'm also going to go ahead and add that deep glow on and then i'm going to keyframe the exposure that way it's not illuminated the whole time and then lastly the ultimate sauce this is also going to make your computer rendering crazy long but the rsmb real smart motion blur you guys don't already know this is the absolute juice when it comes to editing i pretty much just add it on everything and it makes your clips look better so basically just blending the motion a little bit smoother and then there's one last thing i'm going to do before i actually turn back on the real smart motion blur is i'm going to go ahead and go to the materials here and play with the material diffuse reflection the specular reflection and the highlight sharpness is basically just going to give it a more of a 3d feel you can go ahead and do this on your on the other effect as well it's going to do the same thing pretty much you obviously don't want to bring it too bright but i'm going to go ahead and go to the middle just like we were keyframe all of them go to the beginning reset them and go to the end and also reset and that way the materials kind of peak right at the beginning or right in the middle so it just makes it a little bit more apparent that it's 3d and i'm also going to highlight all those keyframes and ease them that's just a little bit going above and beyond but i think it does really add a little bit of extra sauce to it and then go ahead and render that out and then once your computer finally renders out the clip this is what it looks like i think i'd probably relax a little bit on the lighting i think for the material i made it a little too bright here but i'm not going to go ahead and re-render it for the tutorial these are all things that you're going to have to tweak yourself and kind of figure out what works best for your clip obviously this is a really really sick transition i think this one came out better than the one that i showed you in an example so it's always just about tweaking the settings and doing different things but yeah that's pretty much all i got for you guys in this one if you made it all the way to the end i really do appreciate you thank you very much if you haven't already like comment and subscribe go ahead and do that support the channel check out my packs and presets turn the post notification bell i'm going to be seeing you guys shortly [Music] peace [Music] you

Channel: Bryan Delimata

Views: 21,648

Keywords: pixel depth map, depth map, depth map after effects, depth map tutorial, after effect card dance, cardi dance tutorial after effects, music video transition, pixel depth map transition, depth map pixel effect, music video depth map transition, music video transition after effects

Id: 5NIqHWwP-hY

Length: 20min 58sec (1258 seconds)

Published: Thu Jul 08 2021