What is a keyframe in animation
What is a keyframe in animation
animation?
The key to any animation is animated movement - the clue’s in the
name. And to achieve this, animators use keyframes to guide the
movement between two different images or illustrations.
Linear
Linear keyframes are the most basic form of keyframe animation. They
create a very simple, straight movement between two keyframes. The change
between the two keyframes occurs at a uniform speed, in one single
direction. An example of a linear keyframe would be moving a word across a
screen. The word could move (for example) from the right to the left of the
page, at an even speed, following a straight line, without the word changing
in style or pace. As you can imagine, this kind of animation isn’t very
attention-grabbing. So, it’s not often seen in animations created by
professional animators (they tend to exhibit their skills in more dynamic
animation styles).
Auto Bezier
While linear keyframes are known for their more uniform, mechanical
movements, Auto Bezier keyframes allow for a far smoother transition
between two keyframes. With a few clicks, animators can convert a linear
keyframe into an Auto Bezier keyframe. When this is requested, the software
will generate and introduce curves to the keyframe transition. These curves
give the moving image a smoother movement, making it a lot more pleasing
to watch.
Continuous Bezier
As you can see, there are two types of bezier keyframes - Auto Bezier and
Continuous Bezier. ‘Bezier’ indicates that the animator has control of the
movement curve between the two keyframes. They can adjust both the value
graphs and the motion path of the moving image.
While Auto Bezier keyframing is created automatically, Continuous Bezier
keyframes give animators full manual control. Using this keyframe
technique, the animator will be able to give the animation a far softer, more
natural movement. The animator can also vary the movement throughout the
transition, making the movement far more realistic. For example, if the
animation was of a frog snapping its tongue forward, then the animator can
make the first part of the movement faster than the second half, as the frog’s
tongue lands on its target.
Hold
Basically, a hold keyframe keeps the illustration on hold. It freezes the
chosen illustration in place, until the end of that keyframe sequence. Then,
movement resumes when the next transition starts. This animation technique
can be used to create a number of effects, including freezing the animation,
giving the reader a moment to read a piece of text, or giving a more jumpy
style to the animation.