0:00
Hello friends, welcome to Tutorials Point
0:10
In this video we are going to learn how to do animation in After Effect using keyframes
0:17
Hey guys, welcome to Tools Point. So guys, have you ever thought about how you can improve the way you animate things in After Effects
0:25
Have you ever thought about using the graph editor but you never tried
0:30
just because you feel that it's hard or maybe it's complex so guys in this video
0:35
we are going to learn about graph editor in after effect and show you how to
0:39
improve your animation in after effect using graph editor so first time creating
0:45
one composition name it graph editor okay setting is okay fine click okay so I'm
0:58
just making a two second of timeline so it's easy for me to make a simple animation to show you how these
1:05
key frames are working and also show you how this graph editor is working in
1:09
Adobe after effect so first time creating one shape layer so I'm just making
1:19
the shape okay creating one ellipse okay making little bit of
1:30
small okay first time changes is anchor point to center now decrease the size okay now I'm
1:41
just animate this shape to this position to this position and I'm just
1:49
changes the x-axis okay from left to right see this our animation
2:00
you can make it a little faster by increasing the speed just hold on I'm just
2:12
trip to this part fine so guys what I'm doing I'm just changes the x-axis
2:20
I'm just set the animation of x-axis from left to right now as you can see this
2:27
is a diamond okay the diamond icon of this keyframe represent a linear keyframe These two keyframe is called a linear keyframe Linear keyframe has a constant velocity and equal amount of distance travel from every single frame so if I play you can see it is travel
2:46
from every single frame now if you want this animation smooth then what you
2:54
can do we can just select this two frame right click on it you can go to keyframe
3:00
assistant and here you can select easy ease or the shortcut you can use F9 okay just instead of doing on this shape I am
3:11
duplicate this shape okay first time naming is linear okay just duplicate this
3:20
and I'm like easy ease fine and just to understand how what is the difference is
3:32
going on after the changes so I'm just putting this okay I have to select this both frames and then put it down here okay guys
3:44
so now as you can see this both shape have a linear keyframe now the
3:51
second shape this is putting now just select these keyframes linear keyframes
3:59
right click on it keyframe assistant and select easy is or you can also
4:05
use a keyboard shortcut f9 okay I'm just select this and as you can see the diamond
4:11
is changed to this keyframe so now just start so at the start and at the end
4:25
animation is slow as you can see at the start and at the end animation is slow
4:31
so both is going on the same destination on a same time but that fluctuation in
4:42
start and end okay so this is easy ease okay and I'm also showing you by
4:50
copying this control D okay now if you are select these keyframes you can see
5:01
Easy is in easy is out okay so I'm showing you these both also
5:10
So guys in the same way we are creating two more shapes
5:15
Okay we are calling this easy is in and the last one is easy is out fine
5:25
so first we are applying on this keyframe easy is in right click on it
5:30
keyframe assistant and select easy is in okay as you can see this diamond is changes
5:37
to this icon and the last one is right click keyframe assistant easy is out
5:45
okay see the magic okay to start and destination they are the starting point and
5:54
ending point are same but they have the variation in animation okay as you can
6:00
see in our example in linear animation they have the constant speed okay hope
6:06
the easy is they are start slowly okay then take a speed and they are end
6:12
slowly same have a easy easy is in okay and easy is out so as you can see the changes in this four keyframes
6:22
linear keyframes easy is keyframes easy is in keyframe and easy is out
6:28
keyframes so now we are jump to the graph editor so first we are seeing
6:35
linear keyframes and we are just selecting graph editor okay so I'm just increasing
6:44
adjust so you can see clearly so guys there are two types of graph editor value graph
6:51
editor and a speed graph editor but by default after effect recommend you to switch to
6:57
value graph so if you want to switch from value graph to speed graph or speed graph to
7:02
value graph then you can just right click on it and you can change from here edit
7:07
value graph and edit speed graph so as you can see these are our linear
7:14
position these two key frames are our linear keyframe fine I am just see you
7:21
this this is our easy is so just select this keyframes I'm just selecting
7:28
first this keyframes okay go to graph editor so as you can see there is a
7:33
mountain type of graph over here why it is showing that easy easy start from
7:40
this two start starting from zero pixel to to 1500 pixel and 1700 pixel and again end to the 0 pixel so it will start slowly it increasing that speed and that and slowly fine so if i want to change this just click this keyframe and you can just drag it fine so now see the magic okay for just understanding
8:13
I'm just off these three layers and just show you easy in this graph editor so
8:18
as you can see what happened till here it is start slowly it is take speed
8:25
in these frames and then slow fine so it will slow and and fast like these you
8:35
can also manipulate graph like this you can do everything and just zoom out see
8:42
now just play see zoom up okay so this kind of very fabulous animation you
8:54
can do using the graph so guys using this graph editor you can improve your animation in
9:00
after effect so guys thank you so much do a lot of practice change everything
9:05
whatever you see just change the value and see what happen in the graph editor
9:09
as well as in the keyframes okay just select for example if I want to see this
9:14
easy ease in just select this keyframe select the graph editor and as you can see
9:19
the graph is going from here to here so you have an exact idea how
9:24
how this graph is working same you can also choose root these frames and you can change the values and I'm just made this
9:32
easy ease okay I'm just enable this first so you have an idea
9:40
so as you can see our linear and easy is in similar so these kind of many things you can do using the graph editor
9:51
now if I want to slow at start and see so these kind of many things you can do using the graph editor so thank you so much guys
10:30
see you in the next video thank you so much
