Analysing visual sequence Course created by Sarah Phillips sphillips lecturersbillyblueeduau BBCD Melbourne BAPDCOM Version 1 February 2013 http bbcdcomdesweeblycom Video ID: 794603
Download The PPT/PDF document "CD202 Interface, Representation & Se..." is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Slide1
CD202 Interface, Representation & SequenceAnalysing visual sequence
Course created by
Sarah Phillips
sphillips@
lecturers.billyblue.edu.au
BBCD Melbourne BAPDCOM Version 1
–
February 2013.
http
://
bbcdcomdes.weebly.com
/
Slide2VideoThe Art of Animation & Motion Graphicshttp://www.youtube.com/watch?v=X0hVEH4se-0
Slide312 principles of animation
Slide412 Principles of animationThe Twelve Basic Principles of Animation is a set of principles of animation introduced by the Disney animators Ollie Johnston and Frank Thomas in their 1981 book The Illusion of Life: Disney Animation
Slide512 Principles of animation1. Squash & StretchGives a sense of weight and flexibility to drawn objects.An object's volume does not change when squashed or stretched. If the length of a ball is stretched vertically, its width (in three dimensions, also its depth) needs to contract correspondingly horizontally.
Slide6http://www.angryanimator.com/word/2010/11/26/animation-tutorial-1-bouncing-ball/
Slide712 Principles of animation2. AnticipationAnticipation is used to prepare the audience for an action and to make the action appear more realistic.Eg – before hitting a golf ball, the golfer will swing backCan be subtle and be as simple as a character looking off-screen to anticipate the arrival of another character or object.
Slide8The Animator’s Survival Kit – Richard Williams
Slide912 Principles of animation3. StagingIt’s purpose is to direct the audience's attention, and make it clear what is of greatest importance in a scene.Done by the placement of a character in the frame, the use of light and shadow, and the angle and position of the camera etc. Keep focus on what is relevant and avoid unnecessary detail
Slide10Disney’s Bolt
Slide11Preston Blair - Cartoon Animation
Slide1212 Principles of animation4. Straight ahead & Pose to poseStraight ahead animation starts at the first drawing and in drawn in order until the end of the scene. Can lose size, volume & proportions but the resulting animation is lively and fresh. Better used for fast action animationPose by pose animation is done with key drawings at intervals, which are then ‘in-betweened’ later.
Slide13Straight ahead animation demohttp://www.youtube.com/watch?v=lP5ZWL-ip24Pose to posehttp://www.youtube.com/watch?v=j_PqQXBZMO0
Slide1412 Principles of animation5. Follow through and overlapObjects will follow the laws of physics – things don’t all move at the same time. Eg – a character turns her head and her hair will follow through and settle
Slide15The Animator’s Survival Kit – Richard Williams
Slide1612 Principles of animation6. Easing Give time to accelerate or decelerate. A character does not move at a fixed pace from the word go. As action starts, we have more drawings near the starting pose, one or two in the middle, and more drawings near the next pose.
Slide1712 Principles of animation7. ArcsNatural actions generally follow an arc, or a slightly circular pattern
Slide18The Animator’s Survival Kit – Richard Williams
Slide1912 Principles of animation8. Secondary actionAdding secondary actions to the main action gives a scene more life, and can help to support the main action. A person walking can simultaneously swing his arms or keep them in his pockets, he can speak or whistle, or he can express emotions through facial expressions.
Slide20The Animator’s Survival Kit – Richard Williams
Slide2112 Principles of animation9. TimingThe more drawings between poses, the slower and smoother the action. Fewer drawings make the action faster and crisper. Animation is either done on ‘ones’ (one drawing photographed on each frame of film) or ‘twos’ (one drawing photographed on two frames of film)
Slide22Video: What’s ‘Animating on 1s, 2s and 3s’ mean?http://www.youtube.com/watch?feature=player_embedded&v=5_MDprx3tOU
Slide2312 Principles of animation10. ExaggerationThe classical definition of exaggeration, employed by Disney, was to remain true to reality, just presenting it in a wilder, more extreme form.The more exaggerated your animation, the less realistic and more ‘cartoony’ it looks. This is not always a good thing. You still generally want your characters to have a basis in reality.
Slide24Adventure Time – Spider Bitehttp://www.youtube.com/watch?v=tcdNUJNuJwUAdventure Time – Finn’s Hairhttp://www.youtube.com/watch?v=y-zJt5mXNTg&feature=endscreen&NR=1
Slide2512 Principles of animation11. Solid drawingTake into account three-dimensional shapes, anatomy, weight, balance, light and shadowAvoid creating "twins": characters whose left and right sides mirrored each other, and looked lifeless
Slide2612 Principles of animation12. AppealA 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.
Slide2712 Principles of animationExamples of animation principles in UPhttp://www.youtube.com/watch?v=LVDuDaWDIdk
Slide28Flash & Audio
Slide29Flash & AudioHow to add sound to Flash buttonshttp://flashexplained.com/sound/adding-sound-to-your-buttons/
Slide30Where to find free SFXhttp://www.freesfx.co.uk/http://www.freesound.org/
Slide31Flash interactive - VisibilitySee exercise files
Slide32Supplementary linksPrinciples of physical animationhttp://frankandollie.comPhysicalAnimation.html