Chapter 7 Animation Uploaded

7/30/2019 Chapter 7 Animation Uploaded

1/26

Animation is the simulation of movement through a

series of pictures that have objects in slightly different

positions.

It gives the illusion of moving images. Visual effects such as wipes, fades, zooms, and

dissolves are the examples of animation in

multimedia.

Frame 8Frame 7Frame 6Frame 5Frame 4Frame 3Frame 2Frame 1


2/26

TRADITIONAL

ANIMATION

COMPUTER

GRAPHIC

ANIMATIONAll frame in an animation hadto be drawn by hand

The use of computers to createanimations

Types of traditional animation: Page Flipping Cel Animation Clay Animation

Types of computer graphicanimation:

2D Animation 3D Animation


3/26

Different techniques for creatinganimation by hand:

Page Flipping

Cel Animation

Clay Animation


4/26

Page Flipping There is one drawing on every page,

each one telling a different part ofthe story.

When the pages are flipped quickly,the pictures actually seem to move.


5/26

Cel Animation A traditional form of animation used in

the production of cartoons oranimated movies where each frame ofthe scene is drawn by hand.

The term cel come from thetransparent sheets that are used for

drawing the object or character.


6/26

Clay Animation Type of animation or stop

motion that uses clay figuresand objects.

The figures may have anarmature or wire frame inside ofthem, similar to the related

puppet animation, that can bemanipulated in order to posethe figures.


7/26

2D ANIMATION 3D ANIMATION

Types of traditional animation: Path Animation Keyframe Animation

Process in 3D Animation Modelling Animating Rendering


8/26

2DANIMATION

3DANIMATION


9/26

The most popular animation that is used in multimediaapplication is 2D animation. Its also known as linear animation. Itrefers to a simple object movement on screen.

Figures are created and/or edited on the computer using 2Dbitmap graphics or created and edited using 2D vector graphics.

Examples: Mickey Mouse, Road Runner, Pink Panther


10/26


11/26

Path Animation A simple animation that

can be easily learnt andcreated.

It refers to the movementof an object along a pre-

determined path. This path could be linear

or curved lines.


12/26

Keyframe Animation An animation key frame is a single still image in an

animated sequence that occurs at an importantpoint in that sequence.

Example: Bouncing ball


13/26


14/26

3D animation is a 2D enhancement, to illustratemore complex and serious concepts and make anobject appears more real than 2D animation


15/26


16/26

Steps to create 3D animation:

1. 3D modeling

2. 3D animating

3. 3D rendering


17/26

3D Modeling process of developing a mathematical

representation of any three-dimensional

surface of object (either inanimate or living)via specialized software.

The object is called a 3D model


18/26

3D Animating

After the 3D object is modeled, next is the

animating process begins

Is a process to make the 3D object moves


19/26

3D Rendering

is the process ofproducing an image based on

3D model

The rendering could add the simulation of

realistic lighting, shadows, atmosphere, color,

texture, and optical effects to the 3D model


20/26

Based on vector graphics, can be

rescaled without losing imagequality.

Create animation using frame-by-frame or motion tween technique.

Content can be deployed to webbrowsers, mobile phones and otherelectronic devices.


21/26

Easy-to-use animation program,ideal for students and hobbyists.

Create content in multiple ways:draw digitally, scan-in paperdrawings, capture live images orimport existing artwork.


22/26

Used to create interactive 3Dapplications, including video games,animated film, TV series, or visualeffects.


23/26

Short Name Long Name Typical File

Extensions

Content

ANI Microsoft Windows

Animated Cursor

.ani Color/Animated

Cursor

FLA Macromedia FlashFLA Project File

Format

.fla Animation

FLC FLC .flc Animation

FLI FLI .fli Animation

GIF Graphic InterchangeFormat

.gif Bitmaps/animation

MNG Multi-image Network

Graphics

.mng Bitmaps/animation

SWF Flash .swf Animation


24/26

Advantages Attracts and holds attention (because of the moving

images) Increases retention Allows visualization of imagined concepts, objects

and relationships


25/26

Disadvantages Requires extensive memory and storage space Requires special equipment for a quality

presentation Cannot portray actuality like video or photography


26/26

1. Draw a keyframe animation on anyobject/subject based on your preference.

You have to use a minimum 10 frames toshow the animation.

Documents

Chapter 7 Animation Uploaded