How to create roll transitions | HitFilm Express

Hey I’m Axl and today we’re going to look at creating a role transition in hitfilm now there are a bunch of different transitions included in the software you can just drag onto your footage and they’re good to go but sometimes you might want to create something a little bit more custom and hip foam gives you the tools to do that as well let’s jump into hip bump or Express and take a look so here’s the effect will be creating where one clip sort of rolls through the frame and we end on another clip looking at the result we can isolate and identify the techniques involved here first of course we have animation of the frames rolling past then there is some blur applied which obscures the contents of the frames so that the transition is seamless and there is an increase in brightness as well which helps to give it some polish so let’s get into it you can download my project file if you want to follow along but I encourage you to use your own footage instead to get a feel for how you can use this technique in your own projects all you need is two video clips and we will create the transition between them right click the first clip in the media panel or on the timeline and select make composite shot except the settings then add your second clip to the timeline above the first we’re going to create our transition between the 1 second mark in the two second mark so from the new layer menu create a grade layer and trim it so it starts at one second and ends at two seconds this layer will hold the effects used in our transition but by trimming it it also gives us reference points for our timing then go ahead and zoom in the timeline view on that beginning section then adjust the second clip so it starts at one and a half seconds at the midpoint of the transition area I’m using 25 frames per second so the midpoint in my case is 113 but the exact timecode in your project will depend on the frame rate you are working in and of course you can create the transition at any time code you want in an actual edit it doesn’t have to start at one second at the point where our second clip appears let’s keyframe its opacity so the transition is a bit softer at around one and three-quarters seconds enable keyframing for the opacity of the second video then move back to the first frame of that clip and reduce opacity to zero if you want that fade to be centered within the transition you can just shift the clip over a bit but that’s up to you you might want to tweak that a bit after the effect is done when you can see how it impacts the finished result now we are ready to animate the rolling frames select both video layers then press command D or ctrl D if you’re on Windows twice to duplicate those layers two times each now we will offset each of these copies by the height of the frame 1080 pixels to create a sort of filmstrip set the position Y of the second copy of clip 1 to 1080 then on the third copy to double that 2160 if you zoom the viewer out you can see exactly where these layers are now positioned above the visible frame use the same values for the second and third copies of clip two then select all three copies of clip two and the two duplicates of clip one and parent them all to the original copy of clip one now we can keyframe the position of that one parent layer to move all of our Clips at once so let’s do that at one second enable keyframing for the position of clip one right click that key frame and set temporal interpolation to smooth out this will cause the movement to start gradually then move to two seconds and set position Y to minus 20 160 then set that keyframe interpolation to smooth in now if we play through that we can view our animation that’s good to go so onward to our next component the blur find the blur effect in the effects panel and add it to our grade layer move the playhead to the center of our transition in the controls for the blur switch the dimension to vertical so it only blurs the image up-and-down increase the radius to 300 or so then enable keyframing for the radius property move back to a few frames after one second and set the radius well sorry about that that is an interrupting cat and he is melty today clearly he felt I needed his input on this technique and you know what he’s probably right anyway our blur radius is set to 300 and keyframe for the radius is enabled move back to a few frames after one second and set the radius to zero then do the same a few frames before two seconds so our blur goes quickly from non-existent to completely obscuring the image then back to nothing quick and simple now let’s adjust the brightness for this we will use the brightness and contrast effect but you could also use levels or curves or glow Crush blacks and white or maybe you have an addon that gives you exposure there’s lots of different tools you could use and each will give slightly different styles to the end result but for simplicity I’m using brightness at the first keyframe of the blur enable keyframing for both the brightness and contrast properties then at the center of the effect adjust the values to get the look you want I think 75 for both brightness and contrast is pretty good then move to the last keyframe of the blur and set both values back to zero and now for our next trick I guess we’ll be done play the transition back to see the result then if you feel like it should be modified in any way you can fine-tune whichever settings you want so there it is just a few minutes and we have a nifty custom transition seriously though I do have another trick for you we are going to make another variation of this transition using the TV damage effect if you are using hitfilm Pro you already have this effect but if you are using Express this one will require you to purchase the destruction pack add-on so everybody can do that first version for free but if you have the TV damage effect here’s a variation that’s a bit more grungy and also a lot faster in a new comp will start roughly the same way with our two clips on the timeline and the second clip starting at one and a half seconds then we add our grade layer and trim it to run from one second to two seconds now add the TV damage effect this effect has a bunch of components which do some really cool stuff but the only one we need here is vertical hold so go ahead and turn off radio interference horizontal hold and vignette the others are already off by default now let’s focus on the vertical hold this component creates procedural variations in the vertical position of the image and lets you control the frequency of the variations how regular their timing is how much blur accompanies the motion and the gap between the images first off set the gap to zero because we don’t need it then turn the frequency up to about 17 and already that gives us a nice effect the duration of the grade layer defines the start and end point of the transition now and you could leave it just like that if you wanted as a variation turn the blur up to one it sounds like strolling that’s my cat likes it better that way maybe you do too if not there’s no right or wrong here this is just style to get more of a rolling effect like our first transition let’s turn up the regularity around zero point seven different regularity values will give different results so feel free to experiment with other settings and dial this in just the way you want it so the second method is obviously a bit faster to set up and to modify and a lot of the variation is controlled automatically to give it that more grungy jumpy style but if you prefer to have full manual control or if you just want to use the free software without purchasing any add-ons then the first method is the way to go so thanks for watching and hopefully you’ll find these two transition techniques timely and tact and the training in the tutorial thorough let us know if you find them useful or if there are other similar techniques that you would like to learn and until next time I will bid you farewell and Stolley also bids you farewell and he says you should subscribe move back to a few frames after one second and set the radius ma well

As found on Youtube

(Visited 3 times, 1 visits today)

About The Author

You Might Be Interested In