00:00:00
[Music]
00:00:08
Hey everyone, my name is Abhishek and
00:00:09
today we are going to create this ball
00:00:11
bouncing motion graphics text animation
00:00:12
in after effects that do without using
00:00:15
any third party plug-in. So let's see
00:00:16
how to make this.
00:00:21
[Music]
00:00:23
All right. And let's begin by creating a
00:00:25
new composition. Let's call this one
00:00:27
main. Width and height will be 1920 x
00:00:29
1080 frame rate 30 ps. Duration you can
00:00:31
pick whatever you want. Just click on
00:00:32
okay. Now first we going to add our
00:00:34
text. So for that let's select the text
00:00:36
tool. Just simply click and type
00:00:37
whatever you want. I'm going to type
00:00:39
boxed. And for the font I'm using this
00:00:41
Monzerat black font. Again it's
00:00:43
completely up to you. You can use
00:00:44
whatever font you want. Now let's
00:00:46
quickly align it to the center. So let's
00:00:47
align it using the align panel. If
00:00:49
you're not able to see this then you can
00:00:50
go to windows and from here you can
00:00:52
click on this. And once you have this,
00:00:54
let's make it anchor point in the
00:00:56
center. Now we are going to separate
00:00:59
each of individual characters onto each
00:01:01
layer. So for that you can just simply
00:01:03
select this. Let's press Ctrl D to
00:01:05
duplicate this. And on this one I'm
00:01:07
going to quickly change its color to
00:01:09
white. And let's just type the
00:01:11
individual character. So let's type B.
00:01:13
And let's select this. Press Ctrl D to
00:01:16
duplicate this. Let's type O. And just
00:01:20
repeat this step. So now I have typed
00:01:22
all of these letters individually. Now
00:01:23
we can align them to their respective
00:01:25
position. So just simply place it
00:01:28
wherever you feel like.
00:01:33
So now I have placed all of these text
00:01:35
individually to their respective
00:01:37
location. Now we can hide this
00:01:38
background text because we don't need to
00:01:40
save it. And now we can hide all of
00:01:42
these other text as well for now. Now we
00:01:44
are going to create a ball or a circle
00:01:46
to add our animation to. So for that
00:01:49
let's select the this and just simply
00:01:51
click and draw. So it will draw a
00:01:53
circle. Let's make sure that it anchor
00:01:55
point is in the center. So we can hold
00:01:57
on the control key and double click on
00:01:58
this pan anchor tool. Now we can make
00:02:00
sure that it is also in the center
00:02:02
somewhere around here. Now let's animate
00:02:05
it by adding a key frame for its scale.
00:02:07
Let's add a key frame for its position.
00:02:09
Now let's press U. And first we are
00:02:12
going to add a simple scaling animation.
00:02:14
So for that, let's just set this value
00:02:16
to zero.
00:02:19
And let's move somewhere around eight
00:02:21
frames. And I'm going to set this value
00:02:23
to 130. And let's move like four frames
00:02:26
ahead. And let's set its value to 90. Or
00:02:30
for this one, we can make it like 120 or
00:02:33
something. And let's go a couple of
00:02:36
frames ahead. And just set this to 100.
00:02:39
So now if I press play you can see we
00:02:41
have this very nice like animating sort
00:02:44
of thing. We can select the key frames
00:02:46
press F9 to ease them. Perfect. Now once
00:02:49
you have this we want our ball to like
00:02:52
push away from here. So for that we can
00:02:54
add a key frame and let's move like
00:02:56
couple of frames ahead and I want its
00:02:59
position to like go to somewhere around
00:03:01
this point and also I want the scale to
00:03:04
like go down
00:03:07
something like this. Now we can select
00:03:09
these two key frames. Press F9. Let's go
00:03:11
to the graph editor. And if your graph
00:03:13
looks different, then make sure you're
00:03:14
using the speed graph, not the value
00:03:16
graph. For this one, we want it to like
00:03:18
start a little bit faster. And then we
00:03:21
can have it like.
00:03:25
So now if I press play, you can see we
00:03:27
have this very nice motion. And we can
00:03:30
move these key frames far away. So after
00:03:33
this point, we want this to like shoot
00:03:35
away and just reach to this ball end. So
00:03:38
for that let's move somewhere around
00:03:40
here. And I'm going to in first move it
00:03:43
so that it is over here. Let's increase
00:03:45
the size as well. And now we can just
00:03:48
place it so that it is touching the
00:03:50
wall. Perfect. Let's play with the
00:03:52
easing as well. So let's go inside this.
00:03:55
And this one we want it to like start
00:03:58
really slow and at the end we want it to
00:04:02
have this very nice impact. So I'm going
00:04:04
to just change the curve to look like
00:04:06
that. Now let's play with the timing. If
00:04:08
I press play, we have this thing. And I
00:04:11
think this looks good. So before we
00:04:13
continue, if you enjoy my work and you
00:04:15
want to support me, then you can check
00:04:16
out my Patreon page. Over there you will
00:04:18
get access to the tutorial project
00:04:19
files, exclusive templates, and all the
00:04:21
advanced VFX and CGI tutorials that are
00:04:23
available only on Patreon. So make sure
00:04:25
to check them out. Link for that is in
00:04:26
the description. Now let's continue. So
00:04:29
once we have this, we are ready to
00:04:31
enable our text. So let's select
00:04:33
everything. Let's enable them. Let's add
00:04:35
a key frame for position. Let's add key
00:04:37
frame for rotation as well. Let's press
00:04:39
U. And this is going to be our final
00:04:42
position and rotation. So, I'm going to
00:04:44
move these key frames far away. And
00:04:46
somewhere around here, let's just
00:04:47
quickly align them in the center so that
00:04:50
we can move them all at once. And let's
00:04:54
just move them
00:04:56
somewhere around here. Now, we can
00:04:59
select all of these layers and we can
00:05:01
randomly move them here and there. just
00:05:03
randomly like align them however you
00:05:06
want. So some text will be rotated
00:05:08
clockwise, some will be anticlockwise.
00:05:11
There you go. Now if I press play, you
00:05:13
can see we have this our text going back
00:05:16
to its original position. Let's play
00:05:17
with it seizing as well. So select all
00:05:19
the key frames, press F9. And for this
00:05:22
one, we want them to start very fast. So
00:05:24
I'm going to change the curve to look
00:05:26
like this.
00:05:27
And once you're done with this, let's go
00:05:29
back and let's play with the timing.
00:05:33
And I think this looks good. Maybe we
00:05:35
can make it little bit faster.
00:05:37
Just drag the key frames closer.
00:05:41
There you go. Now we have our text. Now,
00:05:43
as soon as the ball touches, we want it
00:05:45
to bounce back to its original location.
00:05:48
So for that, let's select this and let's
00:05:51
select this and let's move it over here.
00:05:54
And let's press S for scale. Let's just
00:05:57
lower it down
00:06:00
to something that we find looks good.
00:06:02
So, let's just place it
00:06:06
over here. I think this looks good. Now,
00:06:08
let's go somewhere in the middle. And we
00:06:10
want this ball to follow the arc path,
00:06:13
not the straight path. So, let's just
00:06:15
move it over here.
00:06:17
Let's press U. So, you can see that it
00:06:20
is it will move something like that.
00:06:22
Now, in order to make this path more
00:06:23
smooth, we can select the pen tool. And
00:06:25
if I just click, you can see it will
00:06:27
create these handles. So I can just
00:06:29
simply move these handles however I
00:06:31
want.
00:06:33
Now we can just simply select this and
00:06:35
let's just move it over here so that
00:06:37
this ball is following this very nice
00:06:40
curved path. Perfect. Now let's play
00:06:42
with their easing as well. So for that
00:06:44
let's select these position key frames.
00:06:47
Let's go to the curves. And for this one
00:06:49
we want it to like start really fast.
00:06:53
So for that first let's select them.
00:06:55
Let's press F9. Let's start them really
00:06:58
fast and let's make it like that. And
00:07:01
somewhere around here we can make it
00:07:03
like slow. And at the end we can have
00:07:06
like extreme speed. So now if I press
00:07:08
play you can see we have this ball
00:07:11
bouncing
00:07:13
but we don't want it to stop over here.
00:07:15
So for that we can select this key frame
00:07:16
then right click key frame velocity and
00:07:18
make sure that this continuous lock is
00:07:20
checked. Click on okay. Let's go back.
00:07:22
Now if I zoom in, we can just simply
00:07:24
select these key frames and just lift it
00:07:26
up.
00:07:28
Something like that. So now if I press
00:07:31
play, you can see our ball will not stop
00:07:33
and it will follow this very nice and
00:07:35
continuous motion. Now at last we want
00:07:38
this ball to like slowly
00:07:42
bounce. And let me just quickly play
00:07:44
with this as well.
00:07:47
Now, as soon as it strikes the ground,
00:07:49
we want it to like bounce back. And
00:07:52
let's just move it closer. And after
00:07:54
this, we can like zoom in. And let's
00:07:56
move like couple of frames. So, for
00:07:58
example, let's move
00:08:02
like over here. And we can make it go up
00:08:05
a little bit.
00:08:07
And then again move like couple of
00:08:09
frames ahead.
00:08:12
And we can like move it
00:08:16
back to its original position. Then move
00:08:18
a little bit ahead. And let's just lift
00:08:20
it up little bit. And then again move
00:08:22
little bit far away and just copy and
00:08:25
paste it so that it is always so that it
00:08:28
is back to the ground. Now we can select
00:08:30
these key frames and let's play with
00:08:32
their easing. And first let's select
00:08:34
everything. Press F9 to eases them. Now
00:08:37
we are going to continue this pattern.
00:08:39
So I'm going to like make it like that.
00:08:42
So that we have this bounce and after
00:08:45
that we can make this one little bit
00:08:48
slower
00:08:51
and this one we can make it like that
00:08:55
and something like this. Now if I press
00:08:57
play you can see we have this very nice
00:08:59
bounce and maybe we can
00:09:02
tweak this further and maybe we can like
00:09:05
add little bit more spacing between
00:09:07
them. Now let's add a little bit more
00:09:09
spacing. So select everything, hold on
00:09:10
the alt key and just move them a little
00:09:12
bit ahead.
00:09:14
There you go. So now we have this
00:09:16
bouncing and does not matter if it is
00:09:18
perfect or not because we are going to
00:09:20
add some echo effect which will
00:09:22
eliminate all these things. Also we
00:09:25
don't want this text to appear in the
00:09:27
beginning. So let's just go to this
00:09:30
point and we can select all of these
00:09:32
layers and just trim them so that it is
00:09:35
not visible.
00:09:38
And there you go. Now we have this very
00:09:40
nice animation. Now in order to add a
00:09:42
little bit of trailing. So for that we
00:09:44
can just simply select and let's right
00:09:46
click and create an adjustment layer.
00:09:48
And on top of this one we can apply echo
00:09:51
effect. Let's drag it onto this. Change
00:09:54
the echo timing to01.
00:10:00
And let's increase the number of echoes.
00:10:03
Also let's set this to maximum.
00:10:06
Now if I press play, you can see we have
00:10:08
this very nice trail behind everything.
00:10:11
Now we can increase it by simply
00:10:13
increasing this value.
00:10:17
Now it will make your system go a little
00:10:18
bit slow but I think the effect we are
00:10:20
getting is worth it. So let's quickly
00:10:22
change their color. So I'm going to
00:10:23
select all of them and let's just
00:10:25
duplicate them. And I'm going to place
00:10:27
this on above this adjustment layer so
00:10:30
that we don't have any kind of color
00:10:32
onto this. But we can apply fill to this
00:10:35
these bottom ones. And let's just apply
00:10:37
fill to one of these layers. Let's just
00:10:40
change its color to blue. Just copy this
00:10:44
and just paste it onto all of these
00:10:46
other layers. So now if I press play,
00:10:47
you can see at last we have our final
00:10:49
animation. We have our ball, we have our
00:10:51
text and everything nicely aligned. So
00:10:53
in this way you can create these kind of
00:10:54
motion graphics text animation. And the
00:10:56
best thing is that if you really want to
00:10:58
change anything, you can just simply do
00:11:00
that. So for example, if I have to
00:11:01
change the text, let's just simply
00:11:03
enable this text. And let's say I want
00:11:06
to type something else,
00:11:08
then I can just simply delete all of
00:11:10
these layers. And let's just quickly
00:11:12
change the text over here. So this will
00:11:15
S.
00:11:16
Now let's select everything. Let's press
00:11:18
U. Let's go to the final position. And
00:11:21
let's just quickly change them.
00:11:24
So let's align the S. Let's align the M.
00:11:29
Now we have our text. There you go. Now
00:11:31
we have changed our text. Let's me just
00:11:33
quickly hide this. And again we can
00:11:35
select everything. Press Ctrl D. Let's
00:11:37
place them below this adjustment layer
00:11:40
so that we have some really nice colors.
00:11:44
Let's just add fill copy and just paste
00:11:46
them to all of these layers. And let's
00:11:49
add change the color to this as well. So
00:11:51
now if I press play, you can see we have
00:11:53
changed our color. We have changed our
00:11:54
text and all the animations are already
00:11:56
applied. So this is how you can create
00:11:58
these kind of motion graphics text
00:11:59
animation in After Effects. Now the
00:12:01
project files for this tutorial is
00:12:03
available on Patreon. So if you're
00:12:04
supporting me over there then you can
00:12:05
download it from there. And if you're
00:12:07
not then you might consider it because
00:12:08
you will get access to the tutorial
00:12:09
project files, exclusive templates and
00:12:11
all the other advanced VFX and CGI
00:12:13
tutorials that are available only on
00:12:14
Patreon. So make sure to check them out.
00:12:16
Link for that is in the description. And
00:12:18
with that being said, my name is Abishek
00:12:19
and I'll see you in the next one.
00:12:21
[Music]
