Up next in 10
Animation with Keyframe Part 2| Adobe After Effects | Tutorials Point
3K views
Sep 23, 2024
In this video, we are going to learn about Animation with Keyframe in adobe after effects, We mainly focus on, Linear Keyframe, Easy Ease Keyframe, Easy Ease In Keyframe. Easy Ease Out Keyframe, Graph Editor In this video, we are going to learn about Graph Editor in after effects and show you how to improve your animation in after effects using the graph editor. there are 2 types of Graph Editor Value Graph Speed Graph
View Video Transcript
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
#Animated Films
#Clip Art & Animated GIFs
#Education
#Educational Software
#Flash-Based Entertainment
#Jobs & Education
#Movies
#Online Goodies