MULTIMEDIAAnimationThis for copyright (Awad@UoN)Instructor: Taj Elsir H. Suliman
Main Points:1. Introduction to Animation2. What is Animation3. Types of Animation4. File Types of animation5. Animation terminology3D Animation, Morphing, Tweening, OnionSkinning etc.6. Animation Challenges.
Intro to Animation What is animation? A drawing that moves, bringing the drawingto “life” A _________________that creates the illusionof movement when played in succession.http://www.youtube.com/watch?v=8SBfN9ltF8c Animation is a powerful tool capable ofcommunicating complex ideasHow the heart beats http://www.smm.org/heart/heart/top.html Easier to show somebody how something works thento try and explain itanimation
Why use animation? Easier to show somebody how somethingworks then to try and explain it.Why Use Animation? Indicates ______________ Illustrates ____________ Visualizes ______________ objects Attracts attentionFour Stroke EngineEventsEvery thingsany
Simulation of movement through a series ofpictures that have objects in slightlydifferent positions Animation is a _______________ Each drawing is called a “frame”(a snapshot of what’s happening at aparticular moment) Required Frames Per Second FPS:Intro to AnimationFacts:•Movies on film - 24 fps•TV – 30 fps9000 frames for fiveminute cartoon•Computer animation_______________•“jerky” anything lessevents
Intro to Animation In animation, each frame overlapsthe previous one Movement is caused by rapidlydisplaying each frame insequence. creates the illusion of a movingobjecthttp://animationarchive.net/Behind%20the%20Scenes/Animation%20Basics
Frame Rate (Frames Per SecondFPS) Frame Rate: indicates the playback speedof the animation in frames per second Low frame rate appears choppy Question: BUT high frame rate can alsoappear choppy, WHY? Answer: if the computer playing theanimation is not fast enough to processand display the frames.
Types of AnimationTwo types of animation exist:•2-D animation•Cel animation•Path animation•3-D animation
2-D Animation Cel-Based “Cel” (__________) – clear sheet material on whichimages were drawn by movie animators (also called traditional animation, classical animation, hand-drawnanimation, frame by frame animation) Celluloid images placed on a __________ background. Background remains ___________ Object changes from frame to frame Ex. Toonz softwareGaits of the Horse, by E. Muybridge (1834-1904)A brief history of the first animated full length featureCharlie BrownAnimation basedframestable
Cel Animation An animator must ___________everysingle frame!To simplify: one background is drawn and _______________ is drawn on aclear sheet of plastic (a cel), onedrawing for each frame. When moving to the next scene, justchange the background http://www.youtube.com/watch?v=jbhCUPwSrp0&feature=player_embeddedPlaced inAn object
Path Based Animation Pick: a starting point for an object, (_________) an ending point for an object (_________) Path for the object to follow And then the computer generated all the frames in betweencalled estimation Frames- the artist doesn’t have to draw the intermediate frames (like theartist did in cel based animation)Path endshereMotion PathMotionPath beginshere
Animation Some Terminology Keyframe Tweening Onion Skinning
Animation – Some TerminologyKeyframe Animation:Animating a graphical object by creating smoothtransitions between various keyframes, the frames thatindicate the _____________________of an objectsmotion path.http://en.wikipedia.org/wiki/Key_frameTweening:Short for in-betweening, the process of generating____________________________to give theappearance that the first image evolves smoothly intothe second image.Tweening – more
Onion skinningis a 2D computer graphics term for atechnique used in creating animatedcartoons and editing movies to see________________ at onceGreat little tutorial – take a look at it!http://www.mystery-productions.com/flash/onionskinning.htmlPurpose: the animator or editor can makedecisions on how to create or change animage based on the previous image in thesequence.Animation – Some Terminology
• Modelling:• ______________________• Process of creating broad contours andstructure of 3D objects and scenes(draw views – top, side,cross section• Animating:• Process of defining _____________• Defining lighting and perspective viewsto create change during animation• Rendering:• Give _________________color, surface textures, amounts oftransparencySample Demo3-D Animation - Process
http://hof.povray.org/This is a website where allthe images are created byray tracing andcomputers, yet they lookamazingly real (Check out theHall of Fame):
Morphing: Process of_________________into a series ofimages Useful for showing howimage might changeover timeAnimation Some Special EffectsFamous Faces:http://www.youtube.com/watch?v=wZurRt0TidI&NR=1http://www.youtube.com/watch?v=h7bfCkqUuX8&NR=1
Morphing: More examplesAnimation Some Special Effects
Warping: Distorts a______________ Warp frown into smileAnimation Some Special Effectshttp://www.cise.ufl.edu/~anand/students/chui/img/eg_face_warp_anim.gif
Animation Software.swf originally meant “Shockwave Flash” but now “Small Web Format”flv (used on YouTube) or swf (Flash Animations) ?Animated GIF Flash DirectorCreated by Depends Flash DirectorExtension Source depends.gif (movie).fla (source).swf (movie).dir (source).dcr (movie)Size Larger thannormal gifVector images take upless space than GIFbitmapped imagesVector images take upless space than GIFbitmapped imagesUses Banners, smallareasInteractive video,graphics, animationMore interactive sitesNeed to play it Nothing Flash Player (Free andworks with mostbrowsers)Web browser plug in(The ShockwavePlayer)No sound Sound Sound
Animation Challenges:Lip Synchronization : how to synchronize the lip motionwith the sound in cartoon films.Smooth(Real) Motion: we need mathematical and physicalformulas.