BASIC CONCEPS OF ANIMATION Department of Educational Multimedia Faculty of Education, UTM MPT 1383:  VIDEO AND ANIMATION T...
INTRODUCTION <ul><li>Technology & Media Design (MPT 1203): </li></ul><ul><li>Learn about the basic concepts, principles an...
INTRODUCTION <ul><li>Still remember these animation terms ??? </li></ul><ul><li>Keyframe </li></ul><ul><li>Tweening </li><...
animation terms:  KEYFRAME <ul><li>Which drawing refers to keyframe(s)? Why ? </li></ul><ul><li>What is keyframe ? </li></...
animation terms:  KEYFRAME <ul><li>A set of parameters defining a point in a animation.  </li></ul><ul><li>For example a k...
animation terms:  TWEENING <ul><li>What is tweening ? </li></ul><ul><li>The relationship between keyframe and tweening ? <...
animation terms:  TWEENING <ul><li>&quot;Tween&quot; is actually short for &quot;in-between&quot;, and refers to the creat...
animation terms:  TWEENING MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
animation terms:  TWEENING <ul><li>Tweening in Adobe Flash ? </li></ul><ul><li>In computer animation, the term is most com...
animation terms:  TWEENING MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION 1 ST  cell Final cell Inbetween or tweening
animation terms:  ONION SKINNING <ul><li>What is Onion Skinning ? </li></ul><ul><li>Where and when to use onion skinning ?...
animation terms:  ONION SKINNING MPT1383: VIDEO & ANIMATION TECHNOLOGY PRODUCTION
animation terms:  ONION SKINNING <ul><li>Onion skinning is a term for a technique used in creating animated cartoons and e...
animation terms:  FRAME BY FRAME <ul><li>What is frame in animation world? </li></ul><ul><li>What is frame by frame animat...
animation terms:  FRAME BY FRAME <ul><li>In animation, a &quot;frame&quot; is a single complete image out of the sequence ...
animation terms:  FRAME BY FRAME <ul><li>Frame by frame animation is an animation technique to make a physically manipulat...
<ul><li>Traditional frame by frame animation… </li></ul>animation terms:  FRAME BY FRAME
animation terms:  FRAME BY FRAME
animation terms:  FRAME RATE <ul><li>What is frame rate ? </li></ul><ul><li>Frame rate is the measurement of the frequency...
animation terms:  FRAME RATE <ul><li>Frame rate for movie or video ? </li></ul><ul><ul><li>24 – 30 fps (WHY...?) </li></ul...
animation terms:  FRAME RATE <ul><li>Frame rate for digital animation ? </li></ul><ul><ul><li>Computer or digital animatio...
Thank You ! [email_address]
Upcoming SlideShare
Loading in …5
×

01 basicconcepts2009-100928220956-phpapp01

719 views

Published on

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

No Downloads
Views
Total views
719
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
40
Comments
0
Likes
2
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
  • 01 basicconcepts2009-100928220956-phpapp01

    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]

    ×