Fusion 9 Tutorial – Stranger Things Title Sequence Animation Tutorial – Part 2
Articles,  Blog

Fusion 9 Tutorial – Stranger Things Title Sequence Animation Tutorial – Part 2


Hey Everyone this is Mohith from Thennika
Creations. Welcome to the 2nd part of the “Stranger Things Title Animation” tutorial
in fusion 9. If you happen to like this video. Please do support the channel.
Give this video a thumbs up, hit that subscribe button and bell icon. Let’s continue Now if you look at it, this whole thing is
in white color. we need to change that. So click inside the flow and add a background
node. This whole set of nodes are goiong to be added
as a mask for this background node. So I am going to connect the output of this to the
mask input of the background node. Drag it to the viewer andit’s black because
the background is black in color. So let’s click on this button to bring back the checker
board transparent background. To change the color we could just increase
the red value all the way up and we get this. But we are noth going to do that because it
is less interesting. So let’s click on this button to activate
the gradient background. Then I will pick this point and place somewhere
there and take this one and place it there. Let’s now change the color. Select this color
and set the red to 0.3, Okay! That’s good. Then let’s select this one which is this value.
Set the Red to 0.75. Well it loks greening so bring down both green
and blue to 0 This is what we have right now. Now let’s
once again activate the back background. Well now the gradient is linear and we have
two different colors on two sides of the logo. We need it to be radial so change it from
linear to radial. So this I think looks good. I feel that it’s place little bit downwards.
So lets center it. Add a transform node. Drag it to the viewer and lets then pull it up. Like so I think that’s good. Yeah that is
fine. But if I zoom in now, you can see that the
texture of the characters are really smooth even with the gradient applied. it’s still
very very smooth. So let’s add a little texture effect or a
distortion effect to that. Click inside the flow, Press shift spacebar
and add a fast noise. Press Ok. Drag it here. Let’s now increase these values. Take this
there increase the brightness little bit. the the scale all the way up. well we need
the texture to be more minute in size so increase this to 100. That looks good. Then lets also bring up the
seethe, like that. Well if we just play it right now, we will
realize that the fast noise is simply a still image with that texture. And that is not what we want to do. So go
in to the properties and then increase the seethe rate which animates the texture. So
let’s take it up there. Okay, now let’s play it once. See we can notice
the animation for the texture. So that is very good indeed. Now we can merge the fast noise and the transform
node. but instead of the merge node. we will use a channel boolean to do the operation. So to this transform node add achannel booleans
node. So shift spacebar channel booleans. Press ok. And then connect the output of the fast noise
to the foreground input of the channel booleans. Drag it to the viewer, well nothing happens
because the operation is set to copy. Let’s change it to divide. So now we have the fast noise effect applied
on to the title. But it’s too harsh. So to this fast noise let’s add a blur effect, add
a blur node. For that blur node increase the blur value. So let’s see….not so much. Yeah! I think that looks good. now we have this
slight variation in texture. We have this lighter region and darker region as well.
So if we just play it now. We will be able to see some textural movements
on the title making it more live and interesting. Let’s drag this to viewer 1. There is something
that we left out. And that is animating these lines. So let’s go ahead and do that now. So select this rectangle. Now let’s see okay let the characters settle
down okay! let’s start the animation from frame 125. And let the aninmation last till 165, so I
am going to set a key for the width of that rectangle and then go to 125 and set the width
to 0. then let’s go to the spline editor. Fit, click
inside the graph editor. Ctrl A to select all the keyframes, f to flat and like always,
lets go in to the middle of the two keyframes, press K to add a keyframe. Let’s adjust the handles like so like that.
I am going to set this value to 70 And this one also to 70. Go back into the flow and check our animation.
Okay! Let’s now animate these smaller lines, so
we will go about that little bit differently. So I am going to copy this rectangle Ctrl
C and then press Ctrl V to paste it. For the second rectangle, i am going to change
the paint mode to subtract. So it disappears for now. let’s animate it now, So at frame 140 go to
the properties, right click at the center, modify with X Y path. And then may be at 170.
Let’s zoom in and move this rectangle all the way to the side. Like so okay! And then let’s go in to the spline editor,
OFF Y, we just need the curve for X. So click inside the graph editor. Ctrl A to select
all the keyframes, f to flat and like always, lets go in to the middle of the
two keyframes, press K to add a keyframe. and move it to the left using the left arrow
key, like 4 frames. Let’s adjust the handles now, this over there
and this here. There, Okay! then set this handle value to
around 70 Okay then go back to the flow. let’s do the
same thing for this one. Drag it over there. Ctrl C to copy and Ctrl V to paste. Select this one and change the paint mode
to subtract. So we have that there. Let’s go to frame 140 again, right click at
the center and go to modify with XY path. Go to 170, and move this this side. like so.
little bit there, i guess that is enough. Go to the spline editor, OFF Y, Fit, click
inside the graph editor. Ctrl A to select all the keyframes, F to flat and like always,
go to the middle of the two keyframes, press K to add a keyframe and move
it to the left 1…2….3…4…………5 may be. Adjust the handles now, this over there and
this here. There, Okay! set this handle value to around
70. infact let’s offset the whole animation by two frames. offset 2 frames. Go back to
the flow. So let’s drag it there and Fit. Let’s have a look at the animation at 124,
press play. I gues this should be 50 and 50. Select that 50. This one as well 50. Okay! Now this should be good. So lets continue with improving the output,
So select this channel boolean and add a soft glow to it. Shift spacebar, soft glow, press
okay. Drag it to this viewer. Fit, This is how it looks. The softglow effect
is a little too much, so lets dial it down tweek some values. Let’s reduce the gain like so And then let’s also decrease the glow size
a bit. like so just a bit, yeah, Fit. So let’s check the difference. Well that is
looking good. Next let’s add a transform node. We need the
title to be zooming in constantly. Let’s get it done. So select the transform node and go to frame
0. Lets just increase the size…. Drag the transform to the viewer to see what we are
doing. Okay! like so Looks good set a key for the size. Then let’s
go to 270 and set it back to default. Well we need the title to be zoomed in further.
so reduce the size further. let’s set it to 0.625. That should be good, the go to the spline
editor. Fit, click inside the graph editor. Ctrl A to select all the keyframes, F to flat
and like always. Set this handle value to be something high
like 70. and this should be very low like 5. Go to the flow and let’s play it. Well instead
of pressing play. let me show you something new. Press Alt on the keyboard and click on the
last node and drag it to the viewer. So we get a preview render window, which looks exactly
the same as the final render window. But this time we can chhose the quality we need to
view our output in. We can toggle on and off the High quality
and motion blur, also choose full size, half size etc And press Render. Once the render is done we will be able to
preview it in the viewer, in the correct frame rate. So the render is done now, I am going to click
on this button to set it to repeat. Press the play button here or I can play it from
here. So you can see that this is very very beneficial
for previewing the output. I think, it looks pretty good. Alright so
let’s stop the preview. Now to get out of the preview mode in the
viewer, simply just drag the node in to the viewer. Next I am going to add a camera shake to this
to make the animation look a little alive. Press Shift Spacebar, camera shake. press
ok If we drag it to the viewer and scroll along
in the timeline. That is a too much of the shake. So we will reduce the values considerably. Let’s see something like 0.006 is fine. Yeah
just a bit of the shake effect. You know what I think somewhere around here
little more of the shake if fine. Let’s set it to 0.008 Set a key for that. Then go to frame 200, set the value to 0.006 lets go in to the spline editor. Fit, click
inside the graph editor. Ctrl A to select all the keyframes, F to flat and like always.
And I think that is all that we need to do here. Let’s repeat the preview method beacuse as
the play back could be at lower frame rate and comp becomes heavier. So lets preview
it, Alt click and drag. Start render. I am going to skip the rendering. Let’s Play it now. So we can see that shake over here which is
good. Drag this in to the viewer to get out of the
preview. Right now we don’t have any background, It’s
black because we pressed this button, so it’s still transparent. Let’s off that and add
a black background for real. Add a background. Let’s connect the output
of the camera shake to the output of the background node. So this works. Drag it over here. Let’s go to single viewer. Next we will do a fade out for the intro.
So let’s add a background node. But this time rather than connecting this
to this, lets connect the output of this background to the output of this merge. SO that the black background is on top. So
if we drag it the viewer, it’s all black. To this background node, I am going to add
an ellipse mask. And we are going to adjust it like so. hmm there. Then click on invert to show this and this
region is black right now. Let’s increase the soft edge and lets may
be go to like there frame 240 Right click at the center and this time select
animate because we just need a simple animation. Then go to the last frame that is 360 and
move it like so. that will be good. Let’s go back to frame 240, the set a key
for the width and height. At 360, bring both those values to 0. Lets go in to the spline editor, click inside
the graph editor. Ctrl A to select all the keyframes, F to flat. Set this value to 50. Go back to the flow and that is what we have. You can notice there is nice fade out now,
which is great. We also need to do something else over here
that is in the starting of the animation. Go to frame 10, select this merge node and
then set the blend to 0. set a key there. Let’s then go to frame 70 or 80 and set the
blend all the way up. Go to spline editor, click inside the graph
editor. Ctrl A to select all the keyframes, F to flat . And I think this will be 50. and
that’s all. Let’s preview it. Press Alt, click and drag in to the viewer.
Start render. And that is the end of the part 2 of the “Stranger
Things Title Animation” tutorial. Like always if you have any doubts about something
that was shown in this video. Drop in a comment and I will get to it at the earliest. So that’s it for this video guys, if you like
the video, give it a huge thumbs up, hit that subscribe button if you are new here. In case
you are already subscribed, hit the bell icon so that you get notified for every new upload
on this channel at Thennika creations. Share this video on your social media platforms. Thanks a lot for watching, This is Mohith
signing off and I will see you in the next video. Bye Bye.

7 Comments

Leave a Reply

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