Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Animation 2013 bis_taj

multimedia element animation

Related Books

Free with a 30 day trial from Scribd

See all
  • Be the first to comment

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.

    Be the first to comment

    Login to see the comments

  • YogitaVirdi

    Nov. 21, 2018

multimedia element animation

Views

Total views

1,402

On Slideshare

0

From embeds

0

Number of embeds

15

Actions

Downloads

90

Shares

0

Comments

0

Likes

1

×