Crazy Viral After Effects Transition

[Music] you guys I need to play this we need to watch this [Music] here we go again I see something really cool and I'm like I have to try this so this is a video by Val's looks who is an amazingly talented Creator creative director so there are four transitions in this video they're really cool like cut out 3D perspective transitions I think we have to do everything in After Effects but first I need some footage to try this on so I'm gonna go film some things so Val shot this on five different backgrounds and for each transition she's matching up the poses so you definitely need to plan it out because each scene is going to be one take [Music] I'm gonna film everything here in my office because I'm scared to film myself in public as far as gear goes I'm shooting this on my Sony a7s III with a fisheye lens but you can use any lens or camera that you like as well as this little amaran light that I'm gonna stick on top of my camera I think the biggest thing for all your shots is to make sure you're shooting from the same angle and that your subject is as closely matched up in relation to your camera as can be let's film this I use me taking photos on different cameras as my action for the transitions [Music] before we begin you'll definitely need a basic understanding of After Effects keyframe animation and masking transition number one is the subject being cut out and falling backwards camera Zooms in and back out to a new scene where the subject then snaps into place from the front here are the two clips I'm using for this before we break this down step by step here's a cheat sheet for all four transitions you're going to set up your Clips in the same way crease frame at the point of transition mask out your subject duplicate that layer and invert the mask so now you have the cutout and the background then depending on the transition you'll keyframe animate the cutout and or background let's get into the first transition so first thing we're going to do is we're going to need to freeze the end of this shot so that we can cut out the subject and then animate the cutout so I'm going to start by clicking command D and that's going to duplicate this layer I'm going to rename this to shot one cutout I'm going to make sure my playhead is right at the end here right click go to time and go to freeze frame now we have just our Freeze Frame we're going to go ahead and move all our other shots over because we don't need them right now take this Frozen frame and I'm going to drag it right here to the end of shot one draw a mask around myself which is the subject that we want to be cut out to do this you can go up top here select the pen tool or just click G on your keyboard and then you're going to go ahead and draw around your subject [Music] we've made our cutout click command D to duplicate this layer rename this new layer shot 1bg for background open the drop down menu under mask and change to subtract we then have one layer with just our cutout and one layer reversed with our background select the cutout layer over here you'll see a little Cube icon underneath that icon in the empty box you'll click to toggle it on this is going to make your layer 3D which is how we're going to animate pretty much all of these transitions open the layers drop down menu under transform this is where we'll be adding keyframe animations first we're going to change the Anchor Point The Anchor Point is seen as like the center of gravity we want to make this at the bottom of our cutout it'll make animating a whole lot easier as the cutout Falls backwards this blue Center dot is our Anchor Point under transform you'll see Anchor Point here select and drag it to the right until the bottom of the cutout hits that blue dot now this will be the center point when we animate under transform go to position and drag your cutout back down to its original place then you're going to want to click the watch icons to add keyframes at the beginning here this is so that everything will stay in place as we start our transition move the playhead a few frames forward drag the X rotation to the left until the cutout has fallen flat to make the animation smoother I'm going to highlight all my keyframes right click keyframe assistant and easy ease or F9 on the keyboard another reoccurring must do is adding motion blur that's going to be right near the 3D layer icon looks like a bunch of little circles toggle that on for your layer also add a glow outline to your cutouts go to the effects Tab and type in glow drag that or double click to add to your clip change the globe based on to Alpha channels you can customize things like the color and the glow radius as well so the first half of this transition is done I'm going to go ahead and highlight my three Clips here for my first shot right click go to pre-compose and move everything into a new comp and I'm going to call this shot one and the reason I'm pre-comping everything is because we're going to animate this scene to zoom into the black part of this cutout that way we can zoom out into the next shot so I'm going to go into my drop down transform and right as it's about halfway falling down I'm going to go ahead and toggle my position keyframe and my scale keyframe drag my playhead right to the end here once it lands and I'm going to zoom in until the whole screen is filled with the black add the motion blur to this animation take our second shot bring it up here and now for our second clip in this transition we're basically going to do the same thing in Reverse duplicate the layer command d right click time Freeze Frame draw a mask around the subject [Music] duplicate our cutout layer reverse it by changing the mask to subtract move the background layer under the cutout layer toggle the cutout layer to be 3D move the Anchor Point to the bottom put the position back in place add our keyframes highlight all the keyframes and move them over because this is where we want the animation to land drag the playhead back to the beginning of the cutout layer drag the X rotation to the right until it's flat so now it snaps from the front into place at easy ease and motion blur select our cutout and our background right click and pre-compose this I'm going to rename it Shot 2 camera zoom go into my drop down and do the same thing just in Reverse we're going to go ahead and move our playhead forward add our keyframes for where we want this to land go back to the beginning Zoom all the way in to where the screen is fully black do a little adjusting here add motion blur to our pre-comp once this lands into place I'm going to go ahead and trim this and then bring our live action scene right to where that ends so that it immediately goes into the next flow and there you have it transition number one transition number two is a really cool 3D foreground background flip into each other process is going to be similar to the first transition except we'll be animating the background layer as well these are the two shots I'm going to use for this to save some time here you're going to go ahead and do the same thing as with the first transition create those two Freeze Frame layers one with the cutout and one with the background make both these layers 3D select the background layer and add keyframes in the beginning move my playhead forward adjust the X rotation until it's completely flat easy ease the keyframes and add motion blur go to the cutout layer start the keyframe animation a little bit later play around with the X rotation and position keyframe so it looks like it's popping out easy ease the keyframes and add motion blur second half of this transition is the same thing in Reverse create those two Freeze Frame layers one with the cutout and one with the background I'll start with our background clip and go to transform once again I'm going to add a bunch of keyframes but I'm going to move these back because this is where we want it to land same with our cutout I'm going to go ahead and add a bunch of keyframes move them back to line up with our background shot here and I'm going to go to exhortation drag this forward because our background is going to flip in from the front like that go to our cut out and then our cutout is going to rotate from the back so we're going to put that this once again easy ease and add motion blur then we end up with this transition number three is where the cutout Falls forward and as that's happening the background changes into the new scene and a new subject snaps in from behind I'm using these two clips here once again create those two layers cut out and background make the cutout layer 3D Anchor Point to the bottom of the layer reset the position back into place add keyframes move the playhead forward animate some of the X and Y rotation position and scale basically get it to look like it's falling forward easy ease your keyframes and add motion blur as the cutout Falls forward the background needs to transition to the background of the next shot so go ahead and create those two Freeze Frame layers for your next shot then you're going to drag the background layer underneath the first part of our transition select the background layer of the first scene and in the effects tab add the Luma key effect go to the drop down and find it under effects add a keyframe under threshold move the playhead forward and once the cutout from the first scene has fallen drag the threshold all the way up until it's fully transitioned to the new scene bring the cut out from the new scene in make it 3D change the Anchor Point to the bottom put the position back add our keyframe so it lands in this position move the keyframes forward and then animate the cutout to fly in from the back then you get something like this and right when the cutout lands into place we're going to cut the clips short I'm going to shift d we'll split them delete that bring back the live action and we get that transition number four is the most complicated one out of all of them you have the background flying up and as it runs down the subject the subject Transitions and then the new background scene flies into place here are the two clips I'm going to use for this to start you're going to do the same as all the other transitions where you create the two layers one with your cutout and one with your background now we're going to animate our background layer to fly up through the cutout so we're going to make both the background and the cut out 3D layers go to the background at our usual keyframes play head forward move the X rotation move the positioning up get it to jump up like this animated flying down and rotating moving the position down and also changing the Z rotation then you have something like this now we want this cut out to transition to the next shot cut out as it's going down I'm going to select my cut out layer and I'm just going to draw a quick mask around it go into the Masset I just created and change it to intersect so now I can animate this mask to move downward with the background so I'm going to do that start by having it up here go right to when it starts moving down at about here and we can add a mask path keyframe and then as it moves all the way to the bottom we can drag these down until it's completely gone and then below that we will take a cutout from this shot drag our cut out layer underneath this initial transition here add another mask just to clean it up and then we'll keyframe that mask as well as it moves down so go to our drop down change it to subtract and then we'll add a keyframe at the mass path and then once it drags all the way down we can move this out of the way that way we ensure that none of this cutout is showing in the initial transition so then we have this I'm going to go to our background layer make it 3D go to transform I'm going to add a bunch of keyframes here just so we can save this positioning move these keyframes back I am going to basically try and line it up with the beginning half of our transition background layer so I'm going to go here and adjust this so that it's flat maybe change the rotation I also forgot to make the cut out a 3D layer so do that as well so that it's in between the background move the positioning down as well so now you end up with something like this so now the background's gonna go ahead and animate back into place here remember it's easy ease and add motion blur and then once everything lands into place we can trim it and bring our moving image into it and that is transition number four now that we have all our transitions set and in place I'm going to go in and stylize everything add some glow outline to the cutouts from my very own paper asset pack I'm going to Overlay this texture grain that I have and underneath my transition is going to add this white paper texture by the way a link to my paper pack is in the description if you want to check it out also throw on a VHS preset and did some speed ramping to bring some energy into it and here is the final Recreation [Music] pretty good no I mean not as good as the original it's really easy to film which is nice post-production a little bit more tedious than I would like obviously tricky if you don't know after effects but you end up with some really cool 3D looking transitions I'm not sure if this is exactly how valves looks does it but I tried my best this is my best guess I love reverse engineering really cool content I see from really talented people in the hopes that I might learn something I can't wait to try out this style and different variations and hopefully you learned something too let me know what you think of how it turned out so that's it thank you guys for watching see in the next one

Channel: Olufemii

Views: 24,510

Keywords: after effects effects, viral effect, easy viral effect, after effects effects tutorial, after effects tutorial, visual effects, after effects transitions, After Effects Transition, after effects transitions tutorial, after effects transitions tutorial without plugin, after effects transition tutorial, smooth transitions, smooth transition after effects, viral transition tutorial, paper transition, video transitions after effects, social media transition after effects

Id: _qM0jsICNwY

Length: 15min 35sec (935 seconds)

Published: Thu Jun 01 2023