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.