EYE ZOOM Transition - HitFilm Express Tutorial

hey everyone and welcome back to another hitfilm express tutorial today I'll be tackling this eyes zoom transition in hitfilm express [Music] so today's video as you can probably guess is gonna be quite an advanced tutorial and we're going to be you solely using the hitfilm express so the free version of hitfilm there are lots of kind of versions of this transition and my version is also going to be kind of a specific version as well I've chosen this clip of an eye as you can see here and I've also chosen this clip of a boat and this clip of a boat I've chosen for a couple of reasons first of all it's got this nice circular motion which ties in with the with the eye shape but also has got this nice blue background which will make it easier for us to kind of tie into the shape of the eye and of course this transition is totally customizable so you can create any kind of variation of this transition that you want that works better or worse for your clips as well but without any further ado let's go ahead and start creating this transition so the base clip I'm going to go off is the eye I'm gonna start off with the eye clip and I'm just going to zoom into the boat clip I'm gonna right-click on the our clip and select make composite shot and just gonna hit OK now the first thing I'm going to do here is I'm actually going to track the movement of the eye and this is where things get a little bit tricky when I started to first kind of see how I could create this effect I wanted to go from this clip filling the whole frame completely and perfectly to this clip filling the whole frame completely and perfectly however this is really hard because you have to have this clip track to the movement of this clip and when you have certain things parented to different properties and it just gets really complicated and it's really hard to do so for the first step we're just going to track the eye so that we can get the boat to follow the movement of the eye and then we're gonna see how we can zoom into it from there let's go ahead and open up the layer go to tracks and just click plus we're gonna get this really big track window so I'm just gonna go view workspace and I'm gonna go compositing and it'll put their thing in a nice place for us and then let's go back to the layer viewer here which shows only our layer and go to the track panel over here and make sure we've selected our track her down here now ideally for tracking you want to have a small of a feature point as possible but because we're trapped in the middle of the eye and as you can see it's all black we're gonna make it pretty big but it should be fine I'm gonna start off today by just going to the end of the clip and then I'm just going to position zoom in with the scroll wheel drag and position the red box which will be a track feature and this will be the actual feature we want to track so it was going to let's go ahead and track the the actual black center and the green box is the search area if you've got a lot of movement you want to make this really big but if you don't have much movement then every frame is just going to search for the feature within a small area here I'm just showing you a single pointer so I can only track the position and I'm just going to go method from optical flow to template match optical flow allows for a lot more changes in the variation of the actual object you're tracking but today I'm just gonna go tablet match for or will hopefully be in more accurate track then I'm just going to hit the track back button because we've gone from the very end of the clip I'm just gonna track it backwards all the way okay so you can see we have some issues here the track has actually tracked the movement of this all the way down with the eye and that's not what we want at all we wanted to stay on the actual center of the eye so I'm just going to go roughly to the frame where I think that it kind of veers off a little bit so just to be safe I'm just gonna go somewhere like here and then I'm just going to go into the tracker going to the tracking point and you can see we've got all of these things I'm just going to highlight and delete all these keyframes so that we get rid of those and now I'm just going to manually move it for the time that the eyes closed and what I'm gonna do actually is I'm gonna start it from here again go here and track forward you can see it's stopped for us automatically here which is really great and then I'm just going to move it to where I think that people might be in the middle of this so as you can see we now have the pupil tract it's now time to apply this tracking data just go new layer point which will create a blank point layer which has no visual media but just transform properties really and let's rename this with f2 and just rename it to be the eye-tracking weight and let's go ahead and select the tracker go into the purpose to be transform layer eye tracking point and hit apply and going back to the viewer and selecting the eye tracking point you can see it's now attached to the pupil there okay next step is to just bring the the boat clip into the composit so let's go ahead and go back to the media panel bring the boat in actually just going to hide it very quickly I'm just going to make it start say here when the eye starts to open and because it goes to beyond the comp I'm just going to quickly select the COG button here to go to the comp settings I'm just going to go to 25 let's say okay and I'm now going to find the point where it ends so 20 is 17 and I'm just going to shorten it to 2017 there we go just so that we have our comp in the right kind of timing okay before we start positioning this boat clip I'm just going to mask it really quickly I'm just going to select the circular mask tool or the ellipse mask tool and just from the center of the clip I'm just going to drag out holding alt to make sure that we go from the center and also holding shift to make sure we get a perfect circle I'm just going to go somewhere around here this makes sure that the clip is only visible in the area of our mask which we have chosen to be an ellipse or a circle go back to the selection tool and let's go say to the end of the I clip here let's just go to the end you can use the comma and the period or full stop keys to go back and forward one frame okay now that we're on this last frame as you can see make sure you're going into the selection tool and selecting the layer instead of the mask but select the layer and just drag like so and make sure you hold shift so that it's in equal proportion and still in a circle and position it to the center of the eye like so like I was saying you can customize this effect so you might want to have your clip cover the whole eye like so however I want to do have and will pronounce zoom in effect because if you have it like this you won't actually be zooming into the eye very much so I'm just going to have it like this and I'm going to fill in the rest of the eye with the background color which I'll show you in a little bit in fact let's do that right now we've got the clip in place let's go ahead and create a new layer and you plane layer but before we do I'm just going to go back into the editing workspace just very quickly just so that we have the trimmer open here I'm just going to go a new layer plane and I'm going to rename this color background and use the eyedropper here to drop on the color that's going to be on the edge of your circle of your frame so somewhere around here and just hit OK and like I was saying your clip probably won't have a background like this you might want to use the same layer but blurred or something like that or you might just want to have it cover the whole eye either way is totally up to you and once we've got our color background playing I'm just going to select the elliptical mask tool what I'm gonna do is I'm gonna hide the background I'm just going to go to somewhere in the center of our eye and I'm just going to click and drag hold alt and shift again to make sure it's a circle from the center until we have a circle around the eye like so go back to the selection tool and you can see we've got our color background what I'm gonna do is I'm going to drag this below the boat layer and now with both layers I'm going to parent them to the eye tracking point this is the parenting option here so select eye tracking point for both of these layers and that will make sure that the position scale all the transform values of the eye tracking point also get applied to these guys so that they move along with the middle of the eye okay so this is most of the stuff done we're going to adjust these now so that they kind of blend into the eye better and then we're going to work on the zoom we could do the zoom and then the blending but just to show you guys what the effect will kind of look like when we're done I'm just going to go ahead and apply those effects now go back into the compositing workspace and first of all let's worry about the masks and the feathering so let's go to the color background playing open up the mask and in this shape you can adjust the feather like so and this will make sure that the mask is softer on the edge and what you can do is you can just set the feather to be in and that way it'll only go inwards but what I like to do is I like to just have it both and then I like to adjust the expansion so I can get a bit of the feather on the outside as well but most of it on the inside okay so that's looking pretty good and this is just so that we color the background of the eye and we're just going to go ahead and do a similar thing with the boat now because the boat as you can see it has quite a sharp kind of edge that's quite close to the edge we're going to have to feather it in a little bit more so let's go ahead and feather it by that much say and let's bring the expansion in by a similar mat as well okay so that's looking pretty good let's go back to scale to fit and what we're going to do now to blend these in rather than using blending modes or that kind of stuff what I'm going to do is I'm going to duplicate the background layer and put it on top of both of these layers so let's go ahead and you can hit ctrl D to duplicate or you can hold alt or option on a Mac and just drag to the top and that will duplicate the layer and what you can do is just select this now and I'm going to apply a luminance key affect luminance key takes out certain areas of the video depending on its brightness values and let's go ahead and keep it at Keaau darker I want to key out or take away as you can see the darker parts here so the boat and the blue is visible in these darker parts but we still have some of this detail than I there so let's go ahead and check this increase the tolerance so we get a softer effect and you can adjust the threshold to see how much you want keyed out or kept in the hand the effect of this is that it also works for the closing of the eye let's go ahead and turn off a luminance key and actually let's go ahead and hide the layer let's do that and you can see that this is completely being covering the the skin here because the skin is super bright we can really easily key it out with the luminance key effect you can see it goes in a bit into the eyelashes and if you don't want that you can kind of bring the threshold down like this but we're going to be keyframing this value later so don't worry about that so there we have the blending pretty much done what I'm going to do now is I'm going to focus on the zoom this is actually pretty hard and took me quite a while to figure out how to do this you want to cut from here all the way to here but we want to have this filling the screen and yeah it's pretty hot so let's go ahead and go to a frame say here this is where we want to say our transition to start and what we're going to do is we're going to create a new camera so I was thinking about all kinds of ways to zoom in making a point which scales in and parenting everything but because we've got these points already parenting to a point here it was really complicated and the easiest way to do this I think is to use a 3d camera luckily you can still create 3d cameras and do all of that stuff in the free version of hit film it from Express as well so let's go ahead and create a new layer and a new camera that's just we can keep it new camera or I'm just going to rename it camera and as you can see it effects not much at the moment if we go into the camera properties and we rotate everything or we move it up for example you can see the 3d plane but none of our video layers are reflective light and that's because they're all in the 2d space so to change that what you can do is go over here and select 3d plane and now all of this stuff turns into 3d so let's make all of this 3d and you can see that it still plays back normally but now when we move the camera for example you can see all of it moving in 3d space like so so we can use this really simply to zoom in to our media let's go ahead and set a keyframe for the position at this point which will make sure that the position stays the same at this point let's open it up here so we can see this keyframe in action as well and I want the transition to ends let's just say here just so we have a bit of remedying what we can do is just remove the position as you can see it's pushed back away from the center where the video letters are we can just change this and push this in like so and we can push this into something like 200 say and this pushes us in right about to the video layer here however I think it's actually best instead of having this leeway I'm just gonna zoom back in here after hear the boat media won't move anymore because of the itraq because the itraq isn't there anymore so we know from this point on it'll stay in the same place so I'm quickly going to move this zoom keyframe to this point maybe the frame of four okay and now we can also really quickly just adjust the position so that we have the boat in the center of the frame as well this is something really easy to do with the 3d camera you can make it perfectly kind of in frame if you want to or as perfectly as you can get it but I think that having it at something like 200 a bit zoomed in will make it much smoother with the effect later with the masking and you'll see how all of that works okay so now we have this this zoom in right here and what I'm also going to do is I want to have a rotation the rotation is completely optional you don't have to do it but when you it just helps to have a bit of a cooler effect really let's go into the Z rotation here and set a keyframe and if we just sucked the position value keyframes here and select this button here it'll jump to that next keyframe and let's put in 180 which will create will a 180 degree rotation for us like so now you'll see that we have this kind of effect where we see the edges of the video and we can fix this later by moving this this way however first of all I'm going to just go ahead and also set the boat the boats natural rotation to be 180 degrees on the Z that way when we're zooming in we're not zooming in to a flipped version resuming into a flipped version of the flipped versions that were zooming into the normal version okay let's go ahead and adjust the interpolation of these keyframes now if you don't know what keyframe interpolation is it's base Cleve what happens in between the two key frames because we know we want this value this value but all the values in between have to be decided by hitfilm we can change what headphone users to decide these values by changing interpolation let's go and open the value graph while selecting the position and making sure you're highlighting the key frames set them to manual Bezier over here instead of the standard linear we can see here we have a much smoother curve with x axis we have the time and on the y-axis we have the actual position value and let's go ahead and look at this and you can see we have a much smoother zoom in like so I might make this even smoother with a bit more of a jump in the middle just by dragging this guy out and this guy out like so and you can see the rotation is even worse now so let's go ahead and actually just drag this keyframe holding shift to make sure it holds the same value over say here and let's change them to be manual Bezier as well and you can see that because we've started zooming later we don't really get any edges on the video showing all variety we're already getting some pretty epic results but there's some stuff that we need to change for example right here you can see it jumps like this and we don't want that and we're also going to change a couple of things with a luminance key so let's start off here by just going ahead and going to the eye on top let's rename this to eye cover layer and is it the value graph let's go in here and let's look at the luminance key I want to change this so that here we junk we kind of have you can see how there's a little bit of lumens key here we want to get rid of that so I'm just going to go to the a point say here and I'm just going to keyframe the tolerance and threshold and then I'm just going to go to the beginning and set them both to zero because if we just had the threshold set to zero we'd still have a bit leaking in because of the tolerance so we've got to make sure we have the tolerance down there as well and over here I actually want at the end of the transition the threshold to be one so that everything is keyed out and zero tolerance like so I'm just gonna drag these all the way to the end okay so we're looking pretty good at the moment and what we're going to do now is we're going to focus on the mask of this stuff here so let's go to the boat let's go to the mask let's open up the mask in the panel down here and we're just going to mess with the expansionist you can say we want the expansion to be showing the whole video right so let's go ahead to a point say here and I'm also just gonna open up the the properties here so we know where the end of the transition is I'm just gonna start say really quite far off like this I'm just gonna set a keyframe for the expansion and the feathering now I'm just going to go to the end of the transition and we want to lift that expansion way up like so and maybe even having the feathering a a little bit more but we just want to make sure the whole video is visible by the end I also think the background is really dark here and what we can do is we can just go right click properties and we can just read drop the eyedropper if you want to have a different color okay I'm quickly just gonna smooth out these keyframes like so and we're just going to do some final blurring just to make this all feel together so I'm just going to grab a blur effect and first of all we're going to blur the eye here the center of the eye we're just going to grab the boat layer and put the blow on there let's close up the mask for now and I'm just going to have a small blur like so and then here I want to kind of blurred and at the end I want it to be obviously InFocus make sure you do have a little bit of blur here as well though because the video will appear really sharp without the blur and you'll kind of not look good so make sure you have a little bit of blur here as well and I'm also going to blow the eye layer so let's start off by just getting the eye cover layer and let's drag the blur on there as well and around this point we don't want to have any blur but towards the end we want it to be really blurred and we're just going to copy this this effect with ctrl C going to show the original layer and we're just going to paste it onto the original layer as well so that it gets blurred too and we're just going to finally watch your back one time just to show you guys and also just to make sure that our work looks good the track looks a little bit off so I could always go ahead and change the track a little bit if I wanted but apart from that the transition looks pretty smooth so that's how I created the zoom transition in hitfilm express the free version I hope you all enjoyed the video if you did make sure to give it a like and of course to share with other people that might find it helpful you can subscribe to my channel if you want more hitfilm videos like this one more transition tutorials and a whole bunch of video editing tutorials as well I'll see you in the next video stay shiny

Channel: Shiny Films

Views: 29,524

Keywords: hitfilm express, tutorial, hitfilm, zoom transition, hitfilm tutorial, hitfilm express tutorial, hitfilm express tutorials, hitfilm 4 express, hitfilm tutorials, hitfilm pro, premiere pro transitions tutorial, zoom transition tutorial, hitfilm 4 express tutorials, zoom transition tutorial deutsch, transition, how to add text in hitfilm express, after effects zoom transition tutorial

Id: 4vZW15DiP-4

Length: 21min 8sec (1268 seconds)

Published: Thu Apr 18 2019