1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.
-
Upload
isaac-gordon -
Category
Documents
-
view
236 -
download
0
Transcript of 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.
![Page 1: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/1.jpg)
1
Introduction to Multimedia
SMM 2005
![Page 2: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/2.jpg)
2 2
Introduction to Multimedia
Chapter 5
![Page 3: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/3.jpg)
3
What is ANIMATION?
Definition:A collection of static images joined
together and shown consecutively so that they appear to move.
Animation is about storytelling by bringing things to life (making them move).
![Page 4: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/4.jpg)
4
What is ANIMATION?
What kind of stories to tell? Scientific, Visualization, Entertainment, Fiction, Non-fiction.
What is unique about animation? Unprecedented control! Anything can happen Total control over how things look Total control over how things move
![Page 5: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/5.jpg)
5
5.1 What is ANIMATION?
Animation process of creating images one at a time to be displayed
rapidly in sequence giving the illusion of movement . Persistence of vision
blending together by the eye and brain of rapidly displayed sequential images, giving the illusion of movement.
![Page 6: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/6.jpg)
6
Usage of Animation
Artistic purposesStorytelling Displaying data (scientific visualization) Instructional purposes
![Page 7: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/7.jpg)
7
12 Basic Principles of Animation
1. Timing The basics are: more drawings between poses slow and
smooth the action. Fewer drawings make the action faster and crisper. A variety of slow and fast timing within a scene adds texture and interest to the movement.
![Page 8: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/8.jpg)
8
12 Basic Principles of Animation
2. Secondary Action This action adds to and enriches the main action and adds
more dimension to the character animation, supplementing
and/or re-enforcing the main action.
![Page 9: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/9.jpg)
9
12 Basic Principles of Animation
3. Follow Through and Overlapping Action When the main body of the character stops all other parts
continue to catch up to the main mass of the character, such as arms, long hair, clothing, coat tails or a dress, floppy ears or a long tail (these follow the path of action). Nothing stops all at once
![Page 10: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/10.jpg)
10
12 Basic Principles of Animation
4. Straight Ahead Action and Pose-To-Pose Action
Straight ahead animation starts at the first drawing and works drawing to drawing to the end of a scene. You can lose size, volume, and proportions with this method, but it does have spontaneity and freshness. Fast, wild action
scenes are done this way.
![Page 11: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/11.jpg)
11
12 Basic Principles of Animation
4. Straight Ahead Action and Pose-To-Pose Action
Pose to Pose is more planned out and charted with key drawings done at intervals throughout the scene. Size, volumes, and proportions are controlled better this way, as
is the action.
![Page 12: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/12.jpg)
12
12 Basic Principles of Animation
5. Staging A pose or action should clearly communicate to the
audience the attitude, mood, reaction or idea of the character as it relates to the story and continuity of the story line. The effective use of long, medium, or close up shots, as well as camera angles also helps in telling the story.
![Page 13: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/13.jpg)
13
12 Basic Principles of Animation
6. Appeal A live performer has charisma. An animated character has
appeal. Appealing animation does not mean just being cute and cuddly. All characters have to have appeal whether they are heroic, villainous, comic or cute.
Appeal, as you will use it, includes an easy to read design, clear drawing, and personality development that will capture and involve the audience¹s interest.
![Page 14: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/14.jpg)
14
12 Basic Principles of Animation
7. Solid Drawing The basic principles of drawing form, weight, volume
solidity and the illusion of three dimension apply to animation as it does to academic drawing.
Transform these into color and movement giving the characters the illusion of three-and four-dimensional life.
Three dimensional is movement in space.
![Page 15: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/15.jpg)
15
12 Basic Principles of Animation
8. Ease In and Out As action starts, we have more drawings near the starting
pose, one or two in the middle, and more drawings near the next pose.
Fewer drawings make the action faster and more drawings make the action slower. Slow-ins and slow-outs soften the action, making it more life-like
![Page 16: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/16.jpg)
16
12 Basic Principles of Animation
9. Arcs All actions, with few exceptions (such as the animation of a
mechanical device), follow an arc or slightly circular path. This is especially true of the human figure and the action of
animals. Arcs give animation a more natural action and better flow.
![Page 17: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/17.jpg)
17
12 Basic Principles of Animation
10. Anticipation This movement prepares the audience for a major action
the character is about to perform, such as, starting to run, jump or change expression.
A dancer does not just leap off the floor. A backwards motion occurs before the forward action is executed. The backward motion is the anticipation.
![Page 18: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/18.jpg)
18
12 Basic Principles of Animation
11. Squash and Stretch This action gives the illusion of weight and volume to a
character as it moves. Also squash and stretch is useful in
animating dialogue and doing facial expressions.
![Page 19: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/19.jpg)
19
12 Basic Principles of Animation
12. Exaggeration Exaggeration is not extreme distortion of a drawing or
extremely broad, violent action all the time. It’s like a caricature of facial features, expressions, poses, attitudes and actions.
Exaggeration in a walk or an eye movement or even a head turn will give your animation more appeal.
![Page 20: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/20.jpg)
20
CELL VS DIGITAL
![Page 21: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/21.jpg)
21
What is Cell Animation?
Method used for creating hand-drawn animation. Individual frames are drawn in a sequence that, when played
back quickly (usually 10 to 30 frames per second), creates the illusion of continuous movement.
![Page 22: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/22.jpg)
22
What is Cell Animation?
Animators drew on semi-transparent sheets of vellum, or acetate cells (cellulose acetate) - they could see through the frame they were drawing to the previous frames.
![Page 23: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/23.jpg)
23
What is Digital Animation
Electronically generated movement of anything on your computer screen.
Three different levels of digital animation: Basic Intermediate Advanced
![Page 24: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/24.jpg)
24
What is Digital Animation
Basic At the most fundamental level, animation consists of simple
transitions (wipes and dissolves between PowerPoint slides,
for example) and path animations (moving text and logos).
![Page 25: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/25.jpg)
25
What is Digital Animation
Intermediate The next level up is cel animation (the method used in
cartoons) and special effects, which include all manner of distortions and color effects applied to a graphic, photo or movie.
![Page 26: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/26.jpg)
26
What is Digital Animation
Advanced The most sophisticated level of digital animation is 3D
animation. Movies such as "Toy Story" and "A Bug's Life" are the most prominent examples of what can be achieved through the latest computer technology.
Ambitious designers can take advantage of these same tools
to manufacture some dazzling 3D creations of their own.
![Page 27: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/27.jpg)
27
Creating Animation
2 step process for creating animationsStep 1: Planning Step 2: Implementation
Step 1: Planning Decide on the problem to be solvedDesign a solution – storyboardDetermine the characters and objects to
appear on
![Page 28: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/28.jpg)
28
Story Board Example
![Page 29: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/29.jpg)
29
Creating Animation
Step 2: Implementation Start productionPost-productionTest playback and reviewAmendmentsDelivery or packaging
![Page 30: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/30.jpg)
30
Animation Steps
![Page 31: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/31.jpg)
31
Pixar’s Animation Step for Monster’s Inc.
![Page 32: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/32.jpg)
32
Pixar’s Animation Step for Monster’s Inc.
Step 1: Planning
![Page 33: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/33.jpg)
33
Pixar’s Animation Step for Monster’s Inc.
![Page 34: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/34.jpg)
34
Pixar’s Animation Step for Monster’s Inc.
![Page 35: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/35.jpg)
35
Pixar’s Animation Step for Monster’s Inc.
![Page 36: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/36.jpg)
36
Pixar’s Animation Step for Monster’s Inc.
![Page 37: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/37.jpg)
37
Pixar’s Animation Step for Monster’s Inc.
![Page 38: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/38.jpg)
38
Pixar’s Animation Step for Monster’s Inc.
Step 2: Implementation
![Page 39: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/39.jpg)
39
Pixar’s Animation Step for Monster’s Inc.
![Page 40: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/40.jpg)
40
Pixar’s Animation Step for Monster’s Inc.
![Page 41: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/41.jpg)
41
Pixar’s Animation Step for Monster’s Inc.
![Page 42: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/42.jpg)
42
Pixar’s Animation Step for Monster’s Inc.
![Page 43: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/43.jpg)
43
Pixar’s Animation Step for Monster’s Inc.
![Page 44: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/44.jpg)
44
Pixar’s Animation Step for Monster’s Inc.
![Page 45: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/45.jpg)
45
Pixar’s Animation Step for Monster’s Inc.
![Page 46: 1 Introduction to Multimedia SMM 2005. 2 2 Introduction to Multimedia Chapter 5.](https://reader035.fdocuments.us/reader035/viewer/2022062313/56649d305503460f94a087ac/html5/thumbnails/46.jpg)
46
More about Animation
http://en.wikipedia.org/wiki/Animation