Scribd
Upload
239 views

Computer Graphics and Multimedia - Animation

This document discusses different techniques for creating animation. It describes traditional animation created by drawing individual frames and photographing them in sequence. Digital animation techniques include using layers to composite static and moving elements, key frame animation where in-between frames are interpolated, and formats like animated GIFs and SWF files. Flash software allows creating vector animations using a timeline of key frames and tweening to interpolate motion and shapes. AfterEffects supports motion graphics through transforming and filtering layers over time.

Uploaded by

so0lid
Copyright
© © All Rights Reserved
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
239 views

Computer Graphics and Multimedia - Animation

This document discusses different techniques for creating animation. It describes traditional animation created by drawing individual frames and photographing them in sequence. Digital animation techniques include using layers to composite static and moving elements, key frame animation where in-between frames are interpolated, and formats like animated GIFs and SWF files. Flash software allows creating vector animations using a timeline of key frames and tweening to interpolate motion and shapes. AfterEffects supports motion graphics through transforming and filtering layers over time.

Uploaded by

so0lid
Copyright
© © All Rights Reserved
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 16

ANIMATION

Computer Graphics and Multimedia - CSCI07


Animation
• The creation of moving pictures one frame at
a time
– Literally 'to bring to life'
– e.g. make a sequence of drawings on paper, in
which a character's position changes slightly in
each drawing
– Photograph drawings in sequence, using movie
camera that advances one frame at a time
– Play back resulting film – character will move

Computer Graphics and Multimedia - CSCI07


Digital Cel
• Use layers (e.g. in Photoshop) like sheets of
acetate in traditional cel animation
– e.g. static background on one layer, moving simple
object on a layer in front of it. Make the object
move by repositioning the layer

– More complex cases, just need to change those


layers where movement or other change occurs
between frames

Computer Graphics and Multimedia - CSCI07


Key Frame Animation
• Traditional: key frames drawn by chief
animators at important points in the
animation
– In-between frames drawn by less skilled animators

• Computer-based: key frames drawn explicitly


– In-between frames interpolated by software

Computer Graphics and Multimedia - CSCI07


Animated GIFs
• Sequence of images can be stored in a single
GIF file, and displayed one after another by a
Web browser or other software

Computer Graphics and Multimedia - CSCI07


SWF
• Popular Web animation format
• Usually generated by Macromedia Flash

• Vector animation format


– Motion represented as numerical operations on
vector data
• Can also include bitmapped images (e.g. as
backgrounds)

Computer Graphics and Multimedia - CSCI07


Flash
• Timeline – graphical representation of
sequence of frames
– Key frames – drawn/copied from previous and
transformed
– Simple frames – hold on previous key frame

• Stage – sub-window in which frames are


created by drawing with vector tools
– Can also import bitmaps as objects or add text
Computer Graphics and Multimedia - CSCI07
Computer Graphics and Multimedia - CSCI07
Symbols
• Reusable objects stored in a library
– Graphic symbols
– Button symbols (for interactivity)
– Movie clip symbols (self-contained animations
within a movie)
• Create instances by dragging on to stage
– If symbol is edited, all its instances updated

Computer Graphics and Multimedia - CSCI07


Computer Graphics and Multimedia - CSCI07
Motion Tweening
• Motion tweening
– Object is placed in a key frame
– Create Motion Tween
• Object is turned into a symbol
– Add key frame at end of tweened sequence and
move or transform object
– Motion in intermediate frames is interpolated
(tweened)

Computer Graphics and Multimedia - CSCI07


Shape Tweening
• Also called morphing
– Shapes of graphical objects are transformed in
between key frames

– Have to generate the interpolated frames, so


resulting SWF is bigger than when motion
tweening is used

Computer Graphics and Multimedia - CSCI07


Motion Graphics
• Like time-based graphic design
• Move, transform, alter layers of a bitmapped
image between frames
• Apply time-varying filters and effects
– AfterEffects supports linear and Bézier
interpolation in both space and time (rate of
change)
– Can have new effects that only make sense in
time, e.g. shatter, particle effects

Computer Graphics and Multimedia - CSCI07


Adobe AfterEffects

Computer Graphics and Multimedia - CSCI07


Shatter effect

Computer Graphics and Multimedia - CSCI07


particle effect

Computer Graphics and Multimedia - CSCI07

You might also like