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

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 พ.ย. 2024
  • View full lesson: ed.ted.com/less...
    Expert timing and spacing is what separates a slide show from a truly amazing animation. TED-Ed demonstrates, by manipulating various bouncing balls, how the smallest adjustments from frame to frame can make all the difference.
    Lesson and animation by TED-Ed.

ความคิดเห็น • 272

  • @kerokerobonita
    @kerokerobonita 10 ปีที่แล้ว +93

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

  • @Flikaline
    @Flikaline 10 ปีที่แล้ว +468

    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 😭

  • @wistfulpinecone
    @wistfulpinecone 8 ปีที่แล้ว +104

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

  • @perforongo9078
    @perforongo9078 10 ปีที่แล้ว +183

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

  • @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

  • @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 9 หลายเดือนก่อน

      😭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!

  • @GraceMojicaR
    @GraceMojicaR 10 ปีที่แล้ว +7

    Brilliant explanation about timing and spacing

  • @z4ls7
    @z4ls7 8 ปีที่แล้ว +6

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

  • @Bluehousesys
    @Bluehousesys 4 ปีที่แล้ว +5

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

  • @werewasyo
    @werewasyo 9 ปีที่แล้ว +2

    brought a tear to my eye at the end

  • @Al_Rey
    @Al_Rey 4 ปีที่แล้ว

    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

  • @BirdOfParadise777
    @BirdOfParadise777 8 ปีที่แล้ว +23

    I really liked the bouncing ball part. :)

  • @ChristopherHale
    @ChristopherHale 10 ปีที่แล้ว +3

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

  • @Abdallah_yusuf
    @Abdallah_yusuf 3 ปีที่แล้ว +1

    the whole semester in just 6 minutes! wow thanks guys

  • @HosamSultan
    @HosamSultan 10 ปีที่แล้ว +7

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

  • @mrwabit
    @mrwabit 10 ปีที่แล้ว +5

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

  • @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.

  • @NiazMohammad
    @NiazMohammad 3 ปีที่แล้ว

    One of the easiest explanations to understand without too many jargons

  • @اطلبالحقوالرحمة
    @اطلبالحقوالرحمة 5 ปีที่แล้ว

    your animation is so soothing, thank you Ted-Ed

  • @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!

  • @BridgeBuilder2006
    @BridgeBuilder2006 10 ปีที่แล้ว +1

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

  • @robcv420
    @robcv420 6 ปีที่แล้ว +2

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

  • @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 10 ปีที่แล้ว +39

    Very well made and presented.

  • @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.

  • @toonybrain
    @toonybrain 7 ปีที่แล้ว +1

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

  • @Martingus484
    @Martingus484 6 หลายเดือนก่อน

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

  • @samie273
    @samie273 6 ปีที่แล้ว

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

  • @bretthoppough
    @bretthoppough 5 ปีที่แล้ว

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

  • @AnastasjaArt
    @AnastasjaArt 5 ปีที่แล้ว +3

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

  • @symbolxchannel
    @symbolxchannel 10 ปีที่แล้ว +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

  • @jaydeeh77
    @jaydeeh77 10 ปีที่แล้ว +4

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

  • @LaceyHollow
    @LaceyHollow ปีที่แล้ว

    This was very relaxing to watch.

  • @animeforever8508
    @animeforever8508 4 ปีที่แล้ว

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

  • @iamkind2771
    @iamkind2771 2 ปีที่แล้ว

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

  • @David__s2n
    @David__s2n 4 หลายเดือนก่อน

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

  • @sonicboom428
    @sonicboom428 10 ปีที่แล้ว +44

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

  • @filipemecenas
    @filipemecenas 4 ปีที่แล้ว

    That is realy good explanation on timming and spacing

  • @simonsteagall2300
    @simonsteagall2300 9 ปีที่แล้ว +8

    That was awesome! Told me so much!

  • @aramshwany318
    @aramshwany318 3 หลายเดือนก่อน

    Very useful information, thanks to those who made this video

  • @HomegrownTyrone
    @HomegrownTyrone 10 ปีที่แล้ว +1

    Thank you, I always wondered how this works

  • @magnasolus2773
    @magnasolus2773 9 ปีที่แล้ว +4

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

  • @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).

  • @akinaguda
    @akinaguda ปีที่แล้ว

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

  • @srgamingoverload3313
    @srgamingoverload3313 4 ปีที่แล้ว

    Most best mind bending explanation

  • @michelles7601
    @michelles7601 8 ปีที่แล้ว +1

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

  • @Q8Police777
    @Q8Police777 10 ปีที่แล้ว

    Waw. Your videos never cease to amaze me.

  • @GreenBlueClouds
    @GreenBlueClouds 10 ปีที่แล้ว

    Beautifully explained

  • @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.

  • @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. :)

  • @arijruwaii
    @arijruwaii 10 ปีที่แล้ว +1

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

  • @AmulBhatia85
    @AmulBhatia85 2 ปีที่แล้ว +1

    wonderful explanation..

  • @Iamlegend91
    @Iamlegend91 10 ปีที่แล้ว +2

    Very Insightful!

  • @Benimation
    @Benimation 10 ปีที่แล้ว +2

    Great soundtrack!

  • @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

  • @StarlingofAzerath
    @StarlingofAzerath 6 ปีที่แล้ว

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

  • @mohammadhijazi4498
    @mohammadhijazi4498 10 ปีที่แล้ว +1

    I personally want more

  • @thinthle
    @thinthle 6 ปีที่แล้ว +1

    Simple but essential

  • @davedave9
    @davedave9 10 ปีที่แล้ว +2

    awesome video!

  • @ashb9254
    @ashb9254 6 ปีที่แล้ว

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

  • @markgrey5360
    @markgrey5360 ปีที่แล้ว

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

  • @Damain2-big_brother
    @Damain2-big_brother 10 ปีที่แล้ว

    That was a great lesson.

  • @djERICSPEEd
    @djERICSPEEd 10 ปีที่แล้ว

    Great lesson.

  • @MessingWithMatches
    @MessingWithMatches 10 ปีที่แล้ว +2

    that was beautiful

  • @bakaiggy
    @bakaiggy 8 ปีที่แล้ว

    Beautifully explained :)

  • @harrydvilchez6842
    @harrydvilchez6842 2 ปีที่แล้ว

    great job explaining with this vid really catchy

  • @geezerdk
    @geezerdk 10 ปีที่แล้ว +1

    Good useful tutorial, thanks!

  • @ltericdavis2237
    @ltericdavis2237 10 ปีที่แล้ว

    this should help my animation

  • @lagle8
    @lagle8 10 ปีที่แล้ว

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

  • @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).

  • @badoocee1967
    @badoocee1967 10 ปีที่แล้ว

    Interesting and informative. Thank You.

  • @Matadorstudio
    @Matadorstudio 8 ปีที่แล้ว +8

    aaah timing and spacing my Achilles heel

  • @dumdumdonut
    @dumdumdonut 9 ปีที่แล้ว

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

  • @balajicherukuri
    @balajicherukuri 10 ปีที่แล้ว

    Simple.. precise...

  • @thomasalexander1563
    @thomasalexander1563 7 ปีที่แล้ว

    Make more videos like this,,
    Amazing,,,

  • @MoosCode
    @MoosCode 6 ปีที่แล้ว

    This helped a lot !

  • @heat4life869
    @heat4life869 8 ปีที่แล้ว +7

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

  • @R-Otaku747
    @R-Otaku747 4 ปีที่แล้ว

    That was awesome!

  • @binyameenmohammady1471
    @binyameenmohammady1471 6 ปีที่แล้ว

    Damn this helped me do much

  • @drummermanic
    @drummermanic 10 ปีที่แล้ว

    Nice educational video.

  • @SimoneManna3D
    @SimoneManna3D 10 ปีที่แล้ว

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

  • @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

  • @yeetios4624
    @yeetios4624 8 ปีที่แล้ว +4

    This helps alot!

  • @iwatcher69
    @iwatcher69 8 ปีที่แล้ว

    Wow! Good tutorial.

  • @1111thalamus
    @1111thalamus 10 ปีที่แล้ว +1

    That was very interesting

  • @gstapleton
    @gstapleton 5 ปีที่แล้ว

    Really good!

  • @aakankshatrivedi8078
    @aakankshatrivedi8078 6 ปีที่แล้ว

    This is so helpful. Thank youuuu :)

  • @carrmx0
    @carrmx0 7 ปีที่แล้ว

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

  • @Driver___
    @Driver___ 9 ปีที่แล้ว

    Animation is circles! Lovely lovely

  • @Mastro_
    @Mastro_ 10 ปีที่แล้ว +1

    Awesome.

  • @maridianimations
    @maridianimations 5 ปีที่แล้ว

    Wow thanks for this

  • @Pineapple-Lord
    @Pineapple-Lord 10 ปีที่แล้ว

    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.

  • @unagisauce
    @unagisauce 10 ปีที่แล้ว

    Beautiful

  • @trainermanalyousef6482
    @trainermanalyousef6482 5 ปีที่แล้ว

    Good video good presentation thanks so much

  • @leobustatube
    @leobustatube 8 ปีที่แล้ว

    Impresionante, me has iluminado!! jajaja Gracias.

  • @سيتاما-غ6س
    @سيتاما-غ6س 4 ปีที่แล้ว

    اخيراااا شرح فيه ترجمه

  • @phun309
    @phun309 10 ปีที่แล้ว

    Great video!
    (Just one little thing though: momentum is not a force!)

    • @TheQuickstab
      @TheQuickstab 10 ปีที่แล้ว

      Though a change in it over time is.

    • @phun309
      @phun309 10 ปีที่แล้ว

      I know... I'm just being picky.