Hi, I’m Axel, and this HitFilm tutorial
is going to look at how to recreate the title for Hobbs & Shaw which features some cool
3D animation. A lot of the setup for this tutorial is already done, to save time. I
will walk you through it to help you get your bearings, but this tutorial is going to work
best if you already have some knowledge of the software. I’m using HitFilm Pro, but
almost everything here can be done in HitFilm Express as well. The only tool we use that
isn’t in the free version is the Extrude Geometry effect, which is available in the
3D: Generate add-on pack. So here is the project, which is linked in
the video description. In order to follow along, you will first need to download and
install the font Antique Olive BQ Nord Italic, from download-free-fonts.com. If you don’t
have that font installed, then the project won’t look correct, and the text elements
will probably need a bit of repositioning to get the correct alignment. Once you have
the font installed, download the project and open it.
We have several text layers here. On the lower line, the ampersand and the S had to be separate
elements to get the alignment I wanted, but these layers are parented to the main Shaw
layer, so we can move them all as one unit. Each text layer is set to a deep red color,
with a pale yellow outline, set to 3 pixels wide. My favorite part about this title is
the way that the two lines of text sort of swing in from opposite sides. To achieve this,
the Hobbs line uses left alignment, so the anchor point is at the bottom left corner
of the layer. The Shaw layer uses right alignment, so the anchor is at the bottom right corner.
If you want to do something similar with a layer that isn’t text, you can reposition
the anchor point by changing the Anchor Point value, then adjusting the position in the
opposite direction, to compensate for the offset.
OK, now we are ready to begin on the animation. For the main movement, we will create a new
Point layer, call it Control Point, and set it to 3D. Select all of our text layers, convert
them to 3D as well, and then parent the Hobbs, shaw and FXhome Presents layers to our Control
Point. 3 seconds is where we want the title to come together into its finished form, in
this layout, so at 3:00 enable keyframing for the Point layer’s Position. Move back
to frame 0, and shift the point forward, by increasing the Z value, until “FXhome Presents”
is almost as wide as the frame. You will need to shift the point down a bit as well. 0,
-220, 1000 are the values I used, but feel free to tweak that if you prefer a different
layout. Now move to the final frame of the timeline, and set the Z value to -100. This
will keep the title moving slightly after it all comes together.
Now to rotate the text. Move back to 3:00, and enable keyframing for the Y rotation property
of both Hobbs and Shaw. Then move back to frame zero, and rotate each layer toward the
camera, I rotated Hobbs 17 degrees, and Shaw -17 degrees, but if you want more or less
rotation, you can modify those settings accordingly. Sweet, that completes the movement of the
text, so go ahead and give that a watch. Up next, we will give this some spit & polish
by adding depth and illumination. At 3 seconds again, add a new Light, and open
its controls. Set the Falloff to Curve, which gives the most realistic lighting, and this
will allow us to set up the light so the center of the text is brighter than the outside edges.
Set the reach to 2500, and shift its position forward to 1000 on the Z axis. Starting with
the text outside the light like this results in a cool reveal, as the text moves into the
illuminated area. Next, we will extrude this text to get some depth. In the Geometry folder,
locate Extrude, and add it to the Hobbs layer. If you are using HitFilm Express, you can
skip the extrusion, or purchase it in the 3D: Generate add-on pack. The title still
works without it, though I think you will agree its not as cool without the extrusion.
Set the Depth to 15, and enable Internal Edges. The effect is pretty subtle, but this is fun.
Create a new Light, and SCHIIINGG! The edges light right up. We don’t even need to mess
with this lights settings, its default position places it right above the text, so it shines
down on the edges, but doesn’t illuminate the face. Select that Extrude effect, copy
it, then paste it onto the other text layers. Scrub through and check the illumination throughout.
At the end, where the text moves behind the secondary light, it gets a bit brighter than
I’d like, which we can fix by keyframing the intensity of our key light. Rename these
light layers, naming the first one Key and the second one Edge, then in the Key light,
at 3 seconds, enable keyframing for the Intensity. Then at the final frame, bring intensity down
to 50% or so. Our final component is the light flare. We
need two new layers for this. First, a 3D point layer, to control the flare’s position,
and second, a black plane layer, with its blend mode set to Add, to hold the flare effect.
We want the flare to grow, then fade, with its brightest point being right at 3 seconds,
so trim the start of the plane layer to 2:20, leaving ten frames for the flare to fade in.
Trim the point to the same frame, then move to the final frame of the timeline. Adjust
the Flare point’s position so it is at the base of the second B in Hobbs, then enable
keyframing for the position. Parent the point to the Hobbs layer. Move back to the start
of the point layer, then shift the point left to the middle of the first B.
Now, find the Light Flare effect and add it to the Plane layer. In the Hotspot Position,
select the Flare point, and zero out the Center. Then we need to adjust a bunch of settings
to get the appearance we need. Set the Flare Type to Anamorphic Streak. Set Intensity to
1.1, Scale to 1600. In Global, Set Gamma to .85, Saturation to .7, and then under Hotspot,
shift Brightness to 1.3, and set the color to a muted burnt orange (155,104,23), and
Scale to 1.5. In Rays, Set brightness to 1.4, and Length Scale to .5. Normally, creating
an effect like this on your own, you are just going to do some experimentation to find the
right settings. So, these are the settings I came up with after I messed around a bit
on my own. Now let’s keyframe a few properties to create the swell in the flare. At 3 seconds
again, enable keyframing for Intensity, and then in Rays, for Brightness, and Length Scale.
Jump back to 2:20 and set Intensity to 0, and Rays Length Scale to 0. So now those start
at zero, adn the flare grdually grows as we come up to three seconds, adn then jump to
the last frame of the timeline, and we will bring those down a bit. Set Intensity to .9,
and the Brightness of the Rays to 1. And there we go. That finishes up the effect,
which now looks like this. Thanks for watching. We have another film
title-based tutorial available here. Remember to subscribe and hit the bell icon to get
notifications of future tutorials, and I will see you next time.