Basic Concepts of Animation

17,590 views

Published on

Basic Concepts of Animation : lecture nore for MPT1383

Published in: Education
1 Comment
16 Likes
Statistics
Notes
  • Animation is based on a principle of human sight called persistence of vision. If you view a series of related still images in quick succession, you perceive them as continuous motion. Each individual image is referred to as a frame, and the illusion of motion comes from the fact that your visual system retains each frame for a short time after you see it. It all started after the 30s when Walt Disney noticed that the level of animation was inadequate for some new story lines. http://www.sollylabs.com/ (animation studio)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
17,590
On SlideShare
0
From Embeds
0
Number of Embeds
40
Actions
Shares
0
Downloads
1,410
Comments
1
Likes
16
Embeds 0
No embeds

No notes for slide
  • http://www.jz-media.com
  • http://www.jz-media.com
  • http://www.jz-media.com
  • http://www.jz-media.com
  • http://www.jz-media.com
  • http://www.jz-media.com
  • http://www.jz-media.com
  • http://www.jz-media.com
  • http://www.jz-media.com
  • http://www.jz-media.com
  • http://www.jz-media.com
  • http://www.jz-media.com
  • http://www.jz-media.com
  • http://www.jz-media.com
  • http://www.jz-media.com
  • http://www.jz-media.com
  • http://www.jz-media.com
  • http://www.jz-media.com
  • Basic Concepts of Animation

    1. 1. BASIC CONCEPS OF ANIMATION Department of Educational Multimedia Faculty of Education, UTM MPT 1383: VIDEO AND ANIMATION TECHNOLOGY PRODUCTION
    2. 2. INTRODUCTION <ul><li>Technology & Media Design (MPT 1203): </li></ul><ul><li>Learn about the basic concepts, principles and animation creation techniques. </li></ul><ul><li>Authoring System (MPT 1193): </li></ul><ul><li>Explore basic Animation using Flash. </li></ul><ul><li>Video and Animation Technology Production (MPT 1383): </li></ul><ul><li>Use all the concepts, principles and technique to produce an animation. </li></ul>MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
    3. 3. INTRODUCTION <ul><li>Still remember these animation terms ??? </li></ul><ul><li>Keyframe </li></ul><ul><li>Tweening </li></ul><ul><li>Onion Skinning </li></ul><ul><li>Frame by Frame </li></ul><ul><li>Frame Rate </li></ul><ul><li>Discuss with your friends (10 minutes) </li></ul>MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
    4. 4. animation terms: KEYFRAME <ul><li>Which drawing refers to keyframe(s)? Why ? </li></ul><ul><li>What is keyframe ? </li></ul><ul><li>Why we have to use keyframe? </li></ul>MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
    5. 5. animation terms: KEYFRAME <ul><li>A set of parameters defining a point in a animation. </li></ul><ul><li>For example a keyframe may define a picture size, position and rotation. </li></ul><ul><li>Any digital effect must have a minimum of two keyframes, start and finish, although more complex moves will use more. </li></ul>MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
    6. 6. animation terms: TWEENING <ul><li>What is tweening ? </li></ul><ul><li>The relationship between keyframe and tweening ? </li></ul>MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION Keyframe 1 Keyframe 2
    7. 7. animation terms: TWEENING <ul><li>&quot;Tween&quot; is actually short for &quot;in-between&quot;, and refers to the creation of successive frames of animation between key frames. </li></ul><ul><li>The process of generating intermediate frames between two images to give the appearance that the first image evolves smoothly into the second image. </li></ul>MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
    8. 8. animation terms: TWEENING MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
    9. 9. animation terms: TWEENING <ul><li>Tweening in Adobe Flash ? </li></ul><ul><li>In computer animation, the term is most commonly used for Flash's &quot;shape tweening&quot; and &quot;motion tweening&quot; processes where the user can define two key frames and Flash will automatically create the in-between frames, either morphing one shape into another over a set period of time or else moving a shape or shapes from point A to point B over a set period of time. </li></ul>MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
    10. 10. animation terms: TWEENING MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION 1 ST cell Final cell Inbetween or tweening
    11. 11. animation terms: ONION SKINNING <ul><li>What is Onion Skinning ? </li></ul><ul><li>Where and when to use onion skinning ? </li></ul>MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
    12. 12. animation terms: ONION SKINNING MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
    13. 13. animation terms: ONION SKINNING <ul><li>Onion skinning is a term for a technique used in creating animated cartoons and editing movies to see several frames at once. </li></ul><ul><li>This way, the animator can take decisions on how to create or change an image based on the previous image in the sequence. </li></ul>MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
    14. 14. animation terms: FRAME BY FRAME <ul><li>What is frame in animation world? </li></ul><ul><li>What is frame by frame animation ? </li></ul>MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
    15. 15. animation terms: FRAME BY FRAME <ul><li>In animation, a &quot;frame&quot; is a single complete image out of the sequence of images comprising an animation. </li></ul><ul><li>Taken alone, the frame is just a drawing - a piece of art. When sequenced with other drawings, it becomes an animation frame. </li></ul>MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
    16. 16. animation terms: FRAME BY FRAME <ul><li>Frame by frame animation is an animation technique to make a physically manipulated object appear to move on its own. </li></ul><ul><li>The object is moved by small amounts between individually photographed frames, creating the illusion of movement when the series of frames are played as a continuous sequence. </li></ul>MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
    17. 17. <ul><li>Traditional frame by frame animation… </li></ul>animation terms: FRAME BY FRAME
    18. 18. animation terms: FRAME BY FRAME
    19. 19. animation terms: FRAME RATE <ul><li>What is frame rate ? </li></ul><ul><li>Frame rate is the measurement of the frequency (rate) at which an imaging device produces unique consecutive images called frames. </li></ul><ul><li>Frame rate is most often expressed in frames per second (fps). </li></ul>MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
    20. 20. animation terms: FRAME RATE <ul><li>Frame rate for movie or video ? </li></ul><ul><ul><li>24 – 30 fps (WHY...?) </li></ul></ul><ul><li>Frame rate for animation; view on television or as video presentation) ? </li></ul><ul><ul><li>24 – 30 fps </li></ul></ul>MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
    21. 21. animation terms: FRAME RATE <ul><li>Frame rate for digital animation ? </li></ul><ul><ul><li>Computer or digital animation will funtion smoothly when using frame rate between 12 to 15 frames per second (12 –15 fps). </li></ul></ul><ul><ul><li>If we used less from that value, animation that produced will be stucks/slow and human eyes can see differences when frames changing between one image to another image. </li></ul></ul>MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
    22. 22. Thank You ! [email_address]

    ×