Animation 2013 bis_taj

1,055 views
852 views

Published on

multimedia element animation

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,055
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
60
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Animation 2013 bis_taj

  1. 1. MULTIMEDIAAnimationThis for copyright (Awad@UoN)Instructor: Taj Elsir H. Suliman
  2. 2. 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.
  3. 3. 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
  4. 4. 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
  5. 5.  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
  6. 6. 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
  7. 7. 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.
  8. 8. Types of AnimationTwo types of animation exist:•2-D animation•Cel animation•Path animation•3-D animation
  9. 9. 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
  10. 10. 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
  11. 11. 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
  12. 12. Animation  Some Terminology Keyframe Tweening Onion Skinning
  13. 13. 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
  14. 14. 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
  15. 15. 3-D Animation – Process 3-Dimensionalanimation involves3 steps: Modelling Animating Rendering/Performance
  16. 16. • 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
  17. 17. 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):
  18. 18.  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
  19. 19.  Morphing: More examplesAnimation  Some Special Effects
  20. 20.  Warping: Distorts a______________ Warp frown into smileAnimation  Some Special Effectshttp://www.cise.ufl.edu/~anand/students/chui/img/eg_face_warp_anim.gif
  21. 21. 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
  22. 22. Animation Challenges:Lip Synchronization : how to synchronize the lip motionwith the sound in cartoon films.Smooth(Real) Motion: we need mathematical and physicalformulas.

×