Animation basics: The art of timing and spacing - TED-Ed

Поделиться
HTML-код
  • Опубликовано: 23 дек 2024

Комментарии • 272

  • @Flikaline
    @Flikaline 10 лет назад +470

    They never mention anything! If they had just mentioned that timing and spacing relationship at college, everything they told me this year on my animation course would have made a lot more sense. The simple things are the easiest to miss and it doesn't depend on intelligence. It's like art classes at school, the ones who were good at it were the ones who applied the principles naturally and subconsciously while the rest of us didn't learn anything. This is a wonderful video which could solve many problems.

    • @maryerre7092
      @maryerre7092 6 лет назад +16

      I thought the same thing, was it that hard for my teacher to explain like this instead of just read or repeat like a robot??

    • @deliverus6856
      @deliverus6856 3 года назад +10

      That’s why I dropped out of art school cause I learned more on my own than those teachers taught us

    • @crisptomato9495
      @crisptomato9495 2 года назад +5

      Omg are you me?? First day of school our prof hands us an x sheet, says “fill it out” and nothing else and then fails a third of the class on the first assignment because none of us knew how to label properly 😭

  • @kerokerobonita
    @kerokerobonita 10 лет назад +93

    That last sentence was such a mic drop moment, so good.

  • @wistfulpinecone
    @wistfulpinecone 9 лет назад +105

    This is the best explanation of animation timing I've ever seen! Very easy to understand while also explaining important concepts. Great job!

  • @MicahBuzanANIMATION
    @MicahBuzanANIMATION 7 лет назад +285

    Just as entertaining as it is educational.

    • @nuttynoah5342
      @nuttynoah5342 7 лет назад +4

      I really like your animations,man!keep it up!

    • @MicahBuzanANIMATION
      @MicahBuzanANIMATION 6 лет назад +4

      @@nuttynoah5342 Thanks, I really appreciate that :) Working on new animations and animation tutorials.

    • @chairmanofdabored4120
      @chairmanofdabored4120 4 года назад

      Luv your stuff m8

  • @perforongo9078
    @perforongo9078 11 лет назад +183

    I thought the video was going to be boring but then it tricked me into continuing to watch.

  • @astroshock2191
    @astroshock2191 4 года назад +40

    I'm a junior animator working for an animation studio. Believe me when I say this , if you want to be an animator this is what you need to know and master. If you can understand this 6 minutes of content then trust me, learning other 11 principles won't be very hard then. Yes you will have to work really really hard because animation is not easy. But nothing is more powerful than giving life to things.

    • @UpAt3.00AM-o_o
      @UpAt3.00AM-o_o 10 месяцев назад

      😭soo true also a animator 👆🏼👆🏼👆🏼

  • @johnjoeparrot
    @johnjoeparrot 2 года назад +6

    Those examples of timing in real scenarios (push, saw, punch, ball) are very useful. Going to make a photo with those as a starting point when I map out my thumbnails

  • @AkshayKumarX
    @AkshayKumarX 3 года назад +2

    The most effective visual tutorial I've been blessed with on this particular topic yet.

  • @thesleepydot
    @thesleepydot 4 года назад +13

    I am so impressed with this explanation. Helped tremendously! Thank you!

  • @z4ls7
    @z4ls7 8 лет назад +6

    there is something about this video that is very catchy, one cant just stop watching the video until it ends

  • @impastostudios-animatedcri4440
    @impastostudios-animatedcri4440 10 лет назад +10

    Really fantastic explanations! I love the inclusion of Norman McLaren, an unknown in many respects but definitely worth studying.
    Would love to see more from you!

  • @Bluehousesys
    @Bluehousesys 4 года назад +5

    I almost teared up because after searching for years on this same subject I finally understand at nearly 3 am

  • @Al_Rey
    @Al_Rey 5 лет назад

    The words used to explain spacing and timing in animation is just absolutely perfect. I couldn't understand spacing and timing my entire time *making* animations

  • @HosamSultan
    @HosamSultan 11 лет назад +7

    "What you see is much less important than what you Don't see"... WOW! such a quote that sums it all up...

  • @werewasyo
    @werewasyo 9 лет назад +2

    brought a tear to my eye at the end

  • @BirdOfParadise777
    @BirdOfParadise777 8 лет назад +23

    I really liked the bouncing ball part. :)

  • @ChristopherHale
    @ChristopherHale 11 лет назад +3

    Best bouncing ball lecture I've seen... and I've see quite a few.

  • @symbolxchannel
    @symbolxchannel 11 лет назад +265

    Will there be more "Animation basics"?

    • @edenweb370
      @edenweb370 7 лет назад +71

      they have 11 total lessons :) ed.ted.com/series/?series=animation-basics

    • @jamiejones6236
      @jamiejones6236 4 года назад +8

      @@edenweb370 You were four years late on answering him

    • @edenweb370
      @edenweb370 4 года назад +26

      @@jamiejones6236 14 people enjoyed the late response

    • @BlazeZ__
      @BlazeZ__ 4 года назад +3

      @@jamiejones6236 you were 2 years late and i am one month late

    • @aiineyko224
      @aiineyko224 4 года назад

      @@BlazeZ__ You were 1 month late and I am 4 months late

  • @GraceMojicaR
    @GraceMojicaR 11 лет назад +7

    Brilliant explanation about timing and spacing

  • @professorparks5543
    @professorparks5543 8 лет назад +1

    great explanation of one of the most basic principles of animation - one that is so basic it's often overlooked! The comparative examples are particularly helpful.

  • @mrwabit
    @mrwabit 11 лет назад +5

    Wonderful stuff TED, more of this kind of thing please!

  • @brianbrewster6532
    @brianbrewster6532 6 лет назад +2

    Thank you for explaining this with clever illustrations. This will help me a great deal when I animate a bouncing ball using Visual Basic.

  • @Abdallah_yusuf
    @Abdallah_yusuf 3 года назад +1

    the whole semester in just 6 minutes! wow thanks guys

  • @DollieRott
    @DollieRott 6 лет назад

    I struggled to understand this the first time I heard about it but now with just a six-minute video it become so much clearer

  • @GSPV33
    @GSPV33 11 лет назад +39

    Very well made and presented.

  • @AnastasjaArt
    @AnastasjaArt 5 лет назад +3

    This is the best "so far" video I have seen about timing & spacing in animation

  • @Martingus484
    @Martingus484 7 месяцев назад

    Explicaste la magia de la animación en poco tiempo y en un solo video tutorial, muy buen trabajó.

  • @robcv420
    @robcv420 6 лет назад +2

    This really helps me understand more about timing and spacing. Thank you!

  • @BridgeBuilder2006
    @BridgeBuilder2006 11 лет назад +1

    Brilliant presentation of the essentials with excellent illustrations for each point.

  • @اطلبالحقوالرحمة
    @اطلبالحقوالرحمة 5 лет назад

    your animation is so soothing, thank you Ted-Ed

  • @toonybrain
    @toonybrain 7 лет назад +1

    Excellent video. Clear instruction, to-the-point, very well done.

  • @sonicboom428
    @sonicboom428 11 лет назад +44

    Understanding this is how you master a platformer, like Mario.

  • @jaydeeh77
    @jaydeeh77 11 лет назад +4

    That was really awesome, well explained, made my day to watch!

  • @NiazMohammad
    @NiazMohammad 3 года назад

    One of the easiest explanations to understand without too many jargons

  • @animeforever8508
    @animeforever8508 4 года назад

    It is definitely one of the best videos I have ever seen

  • @aisham6819
    @aisham6819 9 лет назад +1

    Very true. Time and Space sets the difference of how animation motion works. If the ball is bouncing, at what rate is it bouncing?(time), and at where is it bouncing?(space).

  • @LaceyHollow
    @LaceyHollow Год назад

    This was very relaxing to watch.

  • @simonsteagall2300
    @simonsteagall2300 9 лет назад +8

    That was awesome! Told me so much!

  • @samie273
    @samie273 6 лет назад

    very useful video never seen such easy to understand content about timing and spacing great work ted

  • @EdwinDPZ
    @EdwinDPZ 4 года назад +10

    The problem I have is figuring out how many frames an action should last. I'll spend hours drawings frames only to see it all put together and realize it goes by way too fast or way too slow.

    • @cornonthecob9294
      @cornonthecob9294 3 года назад +1

      Same! Have you ended up figuring it out? I'm still at a loss, haha

    • @inkorporeal204
      @inkorporeal204 3 года назад

      @@cornonthecob9294 I'm still fairly inexperienced. But I think it could help to make really rough sketches again and again until you feel like the timing is ok. That way, even if your animation doesn't end up looking right at first, you can at least save time before having to do it again.

    • @Shining4Dawn
      @Shining4Dawn 3 года назад +1

      1:44 You need to act it out or to experience it as it would happen in real time. That means you should perform the action or simulate it in some way while also measuring with a timer. There's an Android app called Animation Timer which was developed by a student animator which measures time and also converts it to different frame rates to make things easy for animators.
      If you can, you should film yourself performing the action and setting the camera to the same frame rate you're animating in or edit the footage to fit frame rates. You would have perfect reference for the length, the timing and the spacing.

    • @stephanos6128
      @stephanos6128 3 года назад

      Theres a thing Don Bluth talks about called Beats Per Frame I think, look into that too, interesting stuff
      for me, cus planning the timing and spacing still kinda fucks me up, I make my main keys/poses and sort of... I guess "space" them out on the timeline, usually 3 poses. I use FlipAClip so the spaces/frames are literally blank until the next pose (or sometimes just the previous pose copy pasted until the next pose, it really depends on what I'm doing)
      If its slow movement, my main keys/poses are WAAAAY far apart. I label them A1 A2 ect. Once I get that rhythm im looking for, then sort of just draw more poses in between it all (label those B1, then C1 and so forth), until I'm satisfied. Sometimes I draw tweens while still finding the rhythm cus sometimes 3 poses isn't enough.
      Like the previous comments mentioned, definitely use a clock your movements. Storyboard and thumbnail if you have to just to get a feel of it. If youre running on 24fps, 24 frames (drawings) per second, and your movement is 2 seconds, then youre gonna need at least 48 drawings (24 x 2).

  • @akinaguda
    @akinaguda Год назад

    OMG this... This explanation. It's all I needed

  • @aramshwany318
    @aramshwany318 4 месяца назад

    Very useful information, thanks to those who made this video

  • @bretthoppough
    @bretthoppough 5 лет назад

    Best explanation I've found comparing timing and spacing. Thank you!

  • @iamkind2771
    @iamkind2771 2 года назад

    I understand it very easily. Nice explanation. Thank you.

  • @otterkitty18
    @otterkitty18 10 лет назад +6

    This video is great, I was having a hard time trying to explain the difference between timing and spacing, but this video really helped me out a lot! Will you be going over the other principles of animation? I think it would be a great to make a complete series of the twelve principles. :)

  • @flowerbloom5782
    @flowerbloom5782 4 года назад +1

    2:46 can someone explain to me what he means by "visual rythm" and "beats"? I don't understand this concept.

  • @srgamingoverload3313
    @srgamingoverload3313 4 года назад

    Most best mind bending explanation

  • @filipemecenas
    @filipemecenas 4 года назад

    That is realy good explanation on timming and spacing

  • @HomegrownTyrone
    @HomegrownTyrone 11 лет назад +1

    Thank you, I always wondered how this works

  • @Q8Police777
    @Q8Police777 11 лет назад

    Waw. Your videos never cease to amaze me.

  • @David__s2n
    @David__s2n 5 месяцев назад

    Crucial details regarding the loss of funds and the steps for recovery.

  • @AmulBhatia85
    @AmulBhatia85 2 года назад +1

    wonderful explanation..

  • @dumdumdonut
    @dumdumdonut 9 лет назад

    where would you be able to make animation? like to start off first and progress to harder and more difficult tasks?

  • @michelles7601
    @michelles7601 8 лет назад +1

    I think that just through watching Videos like this one, your animating skills will improve.

  • @JohnnyKidder
    @JohnnyKidder 11 лет назад

    5:09 Sorry to be picky, but the reason the ball looses speed has little to do with gravity, if the colision was perfectly elastic the ball would reach the same height every time

  • @magnasolus2773
    @magnasolus2773 10 лет назад +4

    Wonderful, this helped me for my animation subject since I'm having a bit difficulty on this principle.. :D

  • @markgrey5360
    @markgrey5360 Год назад

    This was very useful, I learned a lot from it thank you. 👍👍👍👍👍👍

  • @jaynavajasso7734
    @jaynavajasso7734 6 лет назад

    Very helpful!! Thank you so much for making this. Gonna need a lot of practice, but this is an amazing place to start getting info.

  • @GreenBlueClouds
    @GreenBlueClouds 11 лет назад

    Beautifully explained

  • @pepper-ds7gc
    @pepper-ds7gc 5 лет назад

    2:21 golf ball
    2:25 rubber ball
    2:30 beach ball
    2:35 bowling ball

  • @StarlingofAzerath
    @StarlingofAzerath 6 лет назад

    I like how this separates timing and spacing. Some tea hers will say they are the same thing when they arent

  • @Benimation
    @Benimation 11 лет назад +2

    Great soundtrack!

  • @heat4life869
    @heat4life869 8 лет назад +7

    Thank you for this TED-Ed! Oh and by the way, You sound like Alan Becker... seems legit...

  • @Iamlegend91
    @Iamlegend91 11 лет назад +2

    Very Insightful!

  • @boneyvg475
    @boneyvg475 3 года назад

    That was really helpfull .thanks a lot I had hard time understanding the time and spacing.this video has helped me understand that thanks once again

  • @arijruwaii
    @arijruwaii 11 лет назад +1

    Speechless! Absolutely loved it! I will definitely watch it again.

  • @EricVidfarne
    @EricVidfarne 11 лет назад +7

    5:06 -"The psychics of gravity eventually defeat tendency of the balls to stay in motion"
    That can't be true. Isn't it the deformation of the ball, the air resistance (and noice, heat and other losses) that removes energy from the motion and thereby stops it from bouncing?

    • @Frost517
      @Frost517 11 лет назад

      .

    • @mike4444d
      @mike4444d 11 лет назад +7

      Technically it's true that more than just gravity affects the balls potential, but for animation purposes those don't take much effect. The ball's squash and stretch motion isn't generally seen as a factor but rather as an aesthetic. From experience I know it's easier to just think of it in terms of gravity pulling the object down and thinking of how that object reacts.

    • @JC19021
      @JC19021 11 лет назад

      I think you may be right.

    • @EricVidfarne
      @EricVidfarne 11 лет назад +2

      Seck Vlogs I would agrue that you never overcome gravity. It will always act upon you with the same force, regardless.
      You couldn't possibly say that friction is " a far weaker force". You can stand on a sloping hill without sliding down, if the friction is sufficient. There, friction overcomes gravity (and I wouldn't sum up the energy losses I stated as "friction").
      But, all this misses the point. The point is, hadn't the ball lost energy to these other forms I mentioned (among others), it would continue to bounce. Forever.

    • @EricVidfarne
      @EricVidfarne 11 лет назад +2

      Casey Comeau -"From experience I know it's easier to just think of it in terms of gravity pulling the object down and thinking of how that object reacts."
      Ofcourse, but it isn't gravity that shortens the amplitude of the bounce over time. It the convertion of energy to other forms that does that, not gravity.

  • @davedave9
    @davedave9 11 лет назад +2

    awesome video!

  • @thinthle
    @thinthle 6 лет назад +1

    Simple but essential

  • @harrydvilchez6842
    @harrydvilchez6842 2 года назад

    great job explaining with this vid really catchy

  • @MoosCode
    @MoosCode 6 лет назад

    This helped a lot !

  • @sani337
    @sani337 5 лет назад +1

    Is spacing to do with the time in between keyframes or the actual spacing of the drawings?

    • @victoreguerra
      @victoreguerra 4 года назад +1

      Is the actual spacing of the drawings.
      You may not put a third keyframe between the other two, but there are still frames happening in that space.

  • @geezerdk
    @geezerdk 11 лет назад +1

    Good useful tutorial, thanks!

  • @Matadorstudio
    @Matadorstudio 8 лет назад +8

    aaah timing and spacing my Achilles heel

  • @MessingWithMatches
    @MessingWithMatches 11 лет назад +2

    that was beautiful

  • @Damain2-big_brother
    @Damain2-big_brother 11 лет назад

    That was a great lesson.

  • @lagle8
    @lagle8 11 лет назад

    Learned mor in this video than in 5 (45 min long) computer classes.

  • @mohammadhijazi4498
    @mohammadhijazi4498 11 лет назад +1

    I personally want more

  • @djERICSPEEd
    @djERICSPEEd 11 лет назад

    Great lesson.

  • @officialrohinmusic
    @officialrohinmusic 6 лет назад

    I just realized that this was narrated by the creator of Animation vs. Animator, Alan Becker.

  • @R-Otaku747
    @R-Otaku747 4 года назад

    That was awesome!

  • @InsideTheTateMind
    @InsideTheTateMind 8 месяцев назад

    could i have fewer fames with less change makeing the action slow and more frames with with a greater change making the action fast?

  • @wondertv1356
    @wondertv1356 5 лет назад +1

    Can anyone explain more detail about relation between timing&spacing and momentum&gravity???I can't totally understand :(

    • @FarhanAAzmi-uz3ph
      @FarhanAAzmi-uz3ph 4 года назад +1

      for me, in animation, time is timing of objects to complete an action. spacing is position of objects given the momentum at certain time. momentum affect spacing and time required for objects complete its action, which pushed by force. gravity is downward force that affect momentum thus affect spacing, timing plus affect trajectory and direction of the objects... dang, some of my brain cell died trying to explain this.

  • @bakaiggy
    @bakaiggy 8 лет назад

    Beautifully explained :)

  • @aakankshatrivedi8078
    @aakankshatrivedi8078 6 лет назад

    This is so helpful. Thank youuuu :)

  • @yen_bm
    @yen_bm 5 лет назад

    Perfect !

  • @SimoneManna3D
    @SimoneManna3D 11 лет назад

    very nice! I share it on my blog! :)

  • @ashb9254
    @ashb9254 6 лет назад

    Great instructor! I would love to have a complete animation course lesson from this guy

  • @badoocee1967
    @badoocee1967 11 лет назад

    Interesting and informative. Thank You.

  • @leobustatube
    @leobustatube 8 лет назад

    Impresionante, me has iluminado!! jajaja Gracias.

  • @Martingus484
    @Martingus484 Месяц назад

    Bestia de TUTORIAL😍

  • @balajicherukuri
    @balajicherukuri 11 лет назад

    Simple.. precise...

  • @maridianimations
    @maridianimations 5 лет назад

    Wow thanks for this

  • @ltericdavis2237
    @ltericdavis2237 11 лет назад

    this should help my animation

  • @trainermanalyousef6482
    @trainermanalyousef6482 5 лет назад

    Good video good presentation thanks so much

  • @carrmx0
    @carrmx0 7 лет назад

    norman mclarens videos can be found on the canadian film board website

  • @Pineapple-Lord
    @Pineapple-Lord 11 лет назад

    I feel there is allot we could we learn from this if we exchange Timing and Spacing to explaining viewing a 2d world with time as the 3rd dimension.

  • @SoyJinzo
    @SoyJinzo 5 лет назад

    Excelente vídeo :) directo y bien explicado

  • @Mastro_
    @Mastro_ 11 лет назад +1

    Awesome.

  • @daniellbondad6670
    @daniellbondad6670 8 лет назад +1

    An average human can see at 25fps at peak focus.Cats can always see at 70fps(will make you dizzy as hell).But pilots can identify a plane's number and brand in a photo that appeared for just 1/220th of a second.But not everyone is a pilot.

    • @LightsPersonalAcc
      @LightsPersonalAcc 8 лет назад +1

      Daniell Bondad that means that when pilots watch a movie or animation they won't think it moves?
      huh