Animation: Prepared By: Haval Akrawi
Animation: Prepared By: Haval Akrawi
Animation: Prepared By: Haval Akrawi
Haval Akrawi
1.Animation Definition
Animation is the rapid display of a sequence of images of 2-D or 3-D artwork
or model positions in order to create an illusion of movement. It is an optical
illusion of motion due to the phenomenon of persistence of vision, and can be
created and demonstrated in a number of ways. The most common method of
presenting animation is as a motion picture or video program, although several
other forms of presenting animation also exist.
Haval Akrawi
2. Animation History
Ancient Animation 1837-1901
? AD 0 BC
Around the
Victorian Era,
games such as the
Zoetrope,
Thaumatrope and
Flip Book became
The earliest popular. These
examples of were simple
“animation” come devices that, when
from Palaeolithic moved in their
cave paintings and individual way,
pottery/wall would produce a
decorations from basic animation.
as far back as 5,200
Haval Akrawi years ago.
1889 1906
Haval Akrawi
1914 1923
Several notable
cartoon characters are
created including:
Betty Boop, Popeye,
Porky Pig, Daffy Duck,
and Bugs Bunny.
Haval Akrawi
Cell Animation cont.…
Notable examples include the motion
The traditional
pictures: Pinocchio, The Lion King, Beauty and
method of cell
the Beast, Iron Giant, Cats Don’t Dance, and
animation (hand
TV programs: SpongeBob Squarepants, The
drawn and coloured)
Fairly OddParents...
is now obsolete due
to new technologies.
“Tradigital” can be
used to describe
traditional
animation that uses
technology, for
instance, in the
colouring process.
Haval Akrawi
Cell Animation Variations
Live Action/Animation: combining live
action footage with cell animations e.g.
Space Jam, Who Framed Roger Rabbit...
Haval Akrawi
b. Stop Motion Animation
Definition: the process of animating physical
objects as opposed to images.
Haval Akrawi
Stop Motion Animation cont...
Stop motion animation can take
the form of:
• Puppets
• Clay/Plasticine models
• Inanimate objects
• Cut-outs (2D objects),
photographs etc...
• Silhouettes
• Humans (Pixilation)
Haval Akrawi
Stop Motion Animation cont...
Notable examples include: Wallace and Gromit, Pingu and
Bagpuss as well as many recent advertisements and music
videos...
Haval Akrawi
c. Computer Generated Animation
Definition: any animation (2D, 3D) that has been created with the aid of computer software.
3D:
2D: • Objects are made by first
• Created using creating a “rigging mesh”
bitmap or vector •As well as this the animator
graphics uses gravity, particle and
• Used for flash texture simulations to create
animation and realistic animations
PowerPoint • Actors can also wear suits
animation as well with sensors on which
as some 2D copies their movements to
cartoons computer
Haval Akrawi
Computer Animation cont...
Notable examples of computer animation include: Avatar, The Polar Express and, of course, any film
by Pixar...
Haval Akrawi
4. Animation Terms
Still remember these animation terms ???
Keyframe
Tweening
Onion Skinning
Frame by Frame
Frame Rate
Haval Akrawi
MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
Haval Akrawi
animation terms: TWEENING
"Tween" is actually short for "in-between", and refers to the creation of successive frames of animation
between key frames.
The process of generating intermediate frames between two images to give the appearance that the first
image evolves smoothly into the second image.
Keyframe 1 Keyframe 2
Haval Akrawi
animation terms: TWEENING
Haval Akrawi
animation terms: TWEENING
Tweening in Adobe Flash ?
In computer animation, the term is most commonly used for Flash's "shape tweening" and "motion
tweening" processes where the user can define two key frames and Flash will automatically create
the in-between frames, either morphing one shape into another over a set period of time or else
moving a shape or shapes from point A to point B over a set period of time.
Haval Akrawi
animation terms: TWEENING
Tweening in Adobe Flash Example:
Inbetween or tweening
Haval Akrawi
animation terms: ONION SKINNING
Onion skinning is a term for a technique used in creating animated cartoons and editing movies to see
several frames at once.
This way, the animator can take decisions on how to create or change an image based on the previous
image in the sequence.
Haval Akrawi
animation terms: FRAME BY FRAME
In animation, a "frame" is a single complete image out of the sequence of images comprising an
animation.
Taken alone, the frame is just a drawing - a piece of art. When sequenced with other drawings, it
becomes an animation frame.
Haval Akrawi
animation terms: FRAME BY FRAME
Frame by frame animation is an animation technique to make a physically manipulated object
appear to move on its own.
The object is moved by small amounts between individually photographed frames, creating the
illusion of movement when the series of frames are played as a continuous sequence.
Haval Akrawi
animation terms: FRAME BY FRAME
Haval Akrawi
animation terms: FRAME RATE
Frame rate is the measurement of the frequency (rate) at which an imaging device
produces unique consecutive images called frames.
Frame rate is most often expressed in frames per second (fps).
Haval Akrawi
animation terms: FRAME RATE
Frame rate for digital animation ?
◦ Computer or digital animation will funtion smoothly when using frame rate between 12 to 15 frames per
second (12 –15 fps).
◦ If we used less from that value, animation that produced will be stucks/slow and human eyes can see
differences when frames changing between one image to another image.
Haval Akrawi