Blackmagic Fusion 8 Tutorial  – Motion graphics #3 – Typography Animation
Articles,  Blog

Blackmagic Fusion 8 Tutorial – Motion graphics #3 – Typography Animation


Hey Guys, Whats up?
I am Mohith from Thenika and we are back with a new tutorial. In this we will look in to
how we can create these kinds of very simple yet commonly used typographical animations
in Fusion 8. If you see this one is 2d and this is 3d,
so to create this we will use the Text+ node and for this we will use the Text3d node.
So without wasting too much time lets get in to it.
Inside Fusion 8 I will set the timeline to 50 frames.
next I will add a Text+ node, so Shift Space bar Text+, Ok. Now drag it to the viewer. Fit, lets fill
in something in the text field may be same as the example, so “Here we go”, why not? Change the font to something nice. There. Now if you see there are different tabs in
the property window of the Text+ node. All of which can be animated and I am sure we
can achieve various results with it but as a set. For our example, we need the alphabets to
animate with an offset and to achieve that we need to add a modifier called the follower
modifier. So we will go to the text and then I will come to this “Styled text” right click
and click on Follower. This region turns blue indicating that a modifier
is applied. let’s go to the modifier tab, open the follower. I our example the text
is moving up vertically. So we will go to shading scroll down, open the transform. Set
a key for this offset, so right click- Animate. The Y value I am going to set it to -1. Go
a few frames forward and set it to 0. So this is the animation that we are getting. Right now the animation is linear, so we will
go to the spline editor, select displacement . Fit, I will select this keyframe, hit F
on keyboard to Flat. An additional tip – If we hit T on the keyboard,
we will get the ease in and ease out values. Now by increasing this value, I can increase
the length of this handle. So if I want set a number say 80, I can set the length of this
handle to 80. So that’s very handy. This is for the left
handle and this is for the right handle. So to show how that works I will select this
key frame, set it to F and increase this value, the right handle is moving. I don’t need this
by the way. So I will just Ctrl Z to undo all that. Another tip – We can move these handles horizontally
or vertically by holding Alt. So if I hit Alt on the keyboard and move horizontally,
we will get perfectly horizontal movements. Or if I hit Alt again and start moving vertically,
I can get perfect vertical movements and this works for the key frames as well not just
for the handles. So I will select this key frame and set it
to F, so if I move it horizontally here, this is what I get. Few frames forward I will just
click on the curve to add a key frame. Next I will just push it slightly up, hit F on
the key board. So if you see right now, we will get a nice settle. May be that’s a little too much, so I will
just pull that value down, so hit Alt and drag it down. Yeah there. Lets play it again. So that’s what we get. But again we are not
getting that offset. For getting that offset, what we need to do is simply just go to timing
and set this delay value to 1, or whatever value you prefer. So now if I just hit play – BOOM! So if I want it to be slower then I can set
it to say 3 and it will be slower. So that way we can play with the speed, or if I want
the animation to start from the right, so I will just select this one – Right to left
and play. This is what we get. So we have various options
– inside out, this one – or if it is outside in. that way, so you can play around with
that we can also set it to – Between the first character and the last character.So this is
what we get. So I will just set it to between each character and from left to right. Also
we can set the character range, so if you have more than 20 characters, you have to
increase this number. I will go back to – All characters. Set this
value to 1. I also don’t want the text to be visible in the starting so I will just
may be go to frame no 2 and go to shading. I will set the opacity value to 0. Right click
animate, go to 4 and set the value to 1. So now this is what we get. So we are done with the first example.
Moving on to the next, lets add a Text3d node this time. Text3d node, Fill the text in to
the text fileld. “Here we go”, drag this to the viewer. Zoom out, since this is a 3d object,
we have the 3d viewport here. To this I am going to add a merge3d. And to that I am going
to add a renderer3d. Drag this to this viewer.Fit, To this merge3d lets add a camera. Lets pull
the camera back. I will go in to the properties, just push this back. Yeah, but right now if
you look at this, we have the same output as the previous one. So let us select the
Text3d node. Open Extrusion, I will increase this value, may be little of this. Right now
if you see the edges are very sharp so lets also add some bevel. Something like that.
But I also want the bevel to be smoother so instead of this classic, we will go to custom.
Now I can access this inside the spline editor as well. So I will go to the spline editor,
select extrusion profile. Fit, select the top portion. Hit F on the keyboard to flat.
I am going to select this one and I will make it vertical. Same thing here. Now I will select
this one and I am going to set a value of 70 and select this one and set this to 80.
Do the same thing here, set this to 70 and this one to 80. Right now if you see, we have really smooth
edges for our 3d text. Lets go back to the flow. If you see the renderer3d is still giving
the same output. So we will select the renderer3d, enable lighting and shadows. Lets actually get in to animation, so select
the Text3d. Set the timeline to 50 frames. like earlier, go to the styled text, right
click and Follower. Go to the modifier tab, open the follower and lets go to the transform
this time. open the character rotation. At 0 I will set a key for this angle X so right
click animate. I am going to set this value to -180, go few frames forward and set this
value to 0. lets play it. This is what we get. Lets go in to the spline editor, set this
to flat and may be around 14 I will just set a key. Fit, raise the value of this key. select
that , press F to flat. Now lets play it. And that’s what we wanted. Stop, lets go to
the flow . We also want to use the opacity as earlier, so lets go to the shading. So
at frame 2 may be, I will set the opacity value to 0. Right click animate. Go few frames
forward and set the value to 1. So now if you play it, this is what we get. Good, that is the animation part. Lets actually
try and make it better. So to this merge3d, I will add a point light. Select the point
light. Lets actually push it little down. Move around in the view port. Push it little
back, yeah something like that, there yeah. Lets add one more point light. Select that
one, push this up. And push this forward. Push it further up,something like that. Now select this point light. go to tools.
Am going to set this intensity value to 5 and may be change the color to something like
light blue.Select this point light, change the color for that too. Something like that.
Lets add one spot light for this. Select the spot light, pull it back. Something
like that. Change the settings. Lets actually give some texture for the text,
so lets go to the Bin – Ctrl B and lets shaders, I will select this rock texture. So double
click on that. Close this, drag this here. Drag this to the viewer. This is the texture
we have. If I try to connect this rock to this merge3d,
its not possible. So what I have to do is select this text3d, to that will add an extra
node, Replace material. Shift spaceber Replace material3d node. Now I will connect the output
of this rock to the replace material node. And we have the texture applied on the text. So if we play it now, we have a problem. Our
opacity is no longer working. So what we can do is, copy these two nodes. Ctrl C, Ctrl
V. Connect text3d to the merge3d also the camera to the merge3d. And we will connect the output of this renderer3d
to the effect mask of this Renderer3d. So now if we play it we have our opacity back. Next what I am going to do is add motion blur
to this. So selecting the Rendere3d I will go to this particular icon here, click on
motion blur and I am going to increase the quality to 10. All the way up and this shutter
angle as well all the way up. So if we play it now we can see the motion
blur. So that is it for today, Thanks for watching.
If you like this video do put a like down below, comment, share on your social media
platforms and do SUBSCRIBE! to the channel. It helps. So until next time, Bye.

22 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *