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

Поділитися
Вставка
  • Опубліковано 1 січ 2025

КОМЕНТАРІ • 273

  • @Flikaline
    @Flikaline 10 років тому +471

    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 років тому +17

      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 4 роки тому +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 років тому +94

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

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

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

  • @astroshock2191
    @astroshock2191 4 роки тому +42

    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 11 місяців тому

      😭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

  • @thesleepydot
    @thesleepydot 4 роки тому +13

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

  • @AkshayKumarX
    @AkshayKumarX 4 роки тому +2

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

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

  • @GSPV33
    @GSPV33 11 років тому +39

    Very well made and presented.

  • @mrwabit
    @mrwabit 11 років тому +5

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

  • @werewasyo
    @werewasyo 9 років тому +2

    brought a tear to my eye at the end

  • @BirdOfParadise777
    @BirdOfParadise777 8 років тому +23

    I really liked the bouncing ball part. :)

  • @GraceMojicaR
    @GraceMojicaR 11 років тому +7

    Brilliant explanation about timing and spacing

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

  • @ChristopherHale
    @ChristopherHale 11 років тому +3

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

  • @Bluehousesys
    @Bluehousesys 4 роки тому +5

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

  • @BridgeBuilder2006
    @BridgeBuilder2006 11 років тому +1

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

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

  • @jaydeeh77
    @jaydeeh77 11 років тому +4

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

  • @اطلبالحقوالرحمة
    @اطلبالحقوالرحمة 5 років тому

    your animation is so soothing, thank you Ted-Ed

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

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

  • @Abdallah_yusuf
    @Abdallah_yusuf 3 роки тому +1

    the whole semester in just 6 minutes! wow thanks guys

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

  • @toonybrain
    @toonybrain 7 років тому +1

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

  • @LaceyHollow
    @LaceyHollow Рік тому

    This was very relaxing to watch.

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

  • @AnastasjaArt
    @AnastasjaArt 6 років тому +3

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

  • @samie273
    @samie273 6 років тому

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

  • @animeforever8508
    @animeforever8508 4 роки тому

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

  • @simonsteagall2300
    @simonsteagall2300 9 років тому +8

    That was awesome! Told me so much!

  • @Martingus484
    @Martingus484 7 місяців тому

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

  • @aramshwany318
    @aramshwany318 4 місяці тому

    Very useful information, thanks to those who made this video

  • @NiazMohammad
    @NiazMohammad 3 роки тому

    One of the easiest explanations to understand without too many jargons

  • @iamkind2771
    @iamkind2771 3 роки тому

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

  • @sonicboom428
    @sonicboom428 11 років тому +44

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

  • @bretthoppough
    @bretthoppough 5 років тому

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

  • @akinaguda
    @akinaguda Рік тому

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

  • @srgamingoverload3313
    @srgamingoverload3313 4 роки тому

    Most best mind bending explanation

  • @Q8Police777
    @Q8Police777 11 років тому

    Waw. Your videos never cease to amaze me.

  • @filipemecenas
    @filipemecenas 4 роки тому

    That is realy good explanation on timming and spacing

  • @AmulBhatia85
    @AmulBhatia85 2 роки тому +1

    wonderful explanation..

  • @magnasolus2773
    @magnasolus2773 10 років тому +4

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

  • @HomegrownTyrone
    @HomegrownTyrone 11 років тому +1

    Thank you, I always wondered how this works

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

  • @David__s2n
    @David__s2n 5 місяців тому

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

  • @Iamlegend91
    @Iamlegend91 11 років тому +2

    Very Insightful!

  • @davedave9
    @davedave9 11 років тому +2

    awesome video!

  • @GreenBlueClouds
    @GreenBlueClouds 11 років тому

    Beautifully explained

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

  • @michelles7601
    @michelles7601 8 років тому +1

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

  • @Damain2-big_brother
    @Damain2-big_brother 11 років тому

    That was a great lesson.

  • @arijruwaii
    @arijruwaii 11 років тому +1

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

  • @djERICSPEEd
    @djERICSPEEd 11 років тому

    Great lesson.

  • @Benimation
    @Benimation 11 років тому +2

    Great soundtrack!

  • @harrydvilchez6842
    @harrydvilchez6842 2 роки тому

    great job explaining with this vid really catchy

  • @bakaiggy
    @bakaiggy 8 років тому

    Beautifully explained :)

  • @geezerdk
    @geezerdk 11 років тому +1

    Good useful tutorial, thanks!

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

  • @StarlingofAzerath
    @StarlingofAzerath 6 років тому

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

  • @MessingWithMatches
    @MessingWithMatches 11 років тому +2

    that was beautiful

  • @badoocee1967
    @badoocee1967 11 років тому

    Interesting and informative. Thank You.

  • @R-Otaku747
    @R-Otaku747 4 роки тому

    That was awesome!

  • @drummermanic
    @drummermanic 11 років тому

    Nice educational video.

  • @heat4life869
    @heat4life869 8 років тому +7

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

  • @thinthle
    @thinthle 6 років тому +1

    Simple but essential

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

  • @aakankshatrivedi8078
    @aakankshatrivedi8078 6 років тому

    This is so helpful. Thank youuuu :)

  • @MoosCode
    @MoosCode 7 років тому

    This helped a lot !

  • @mohammadhijazi4498
    @mohammadhijazi4498 11 років тому +1

    I personally want more

  • @markgrey5360
    @markgrey5360 Рік тому

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

  • @ltericdavis2237
    @ltericdavis2237 11 років тому

    this should help my animation

  • @maridianimations
    @maridianimations 5 років тому

    Wow thanks for this

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

  • @gstapleton
    @gstapleton 5 років тому

    Really good!

  • @binyameenmohammady1471
    @binyameenmohammady1471 6 років тому

    Damn this helped me do much

  • @balajicherukuri
    @balajicherukuri 11 років тому

    Simple.. precise...

  • @Matadorstudio
    @Matadorstudio 8 років тому +8

    aaah timing and spacing my Achilles heel

  • @lagle8
    @lagle8 11 років тому

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

  • @unagisauce
    @unagisauce 11 років тому

    Beautiful

  • @1111thalamus
    @1111thalamus 11 років тому +1

    That was very interesting

  • @thomasalexander1563
    @thomasalexander1563 7 років тому

    Make more videos like this,,
    Amazing,,,

  • @trainermanalyousef6482
    @trainermanalyousef6482 5 років тому

    Good video good presentation thanks so much

  • @iwatcher69
    @iwatcher69 8 років тому

    Wow! Good tutorial.

  • @SimoneManna3D
    @SimoneManna3D 11 років тому

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

  • @oliviaadel8324
    @oliviaadel8324 6 років тому

    I LOVED THIS VIDEO,

  • @ashb9254
    @ashb9254 6 років тому

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

  • @pepper-ds7gc
    @pepper-ds7gc 5 років тому

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

  • @dumdumdonut
    @dumdumdonut 9 років тому

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

  • @Martingus484
    @Martingus484 2 місяці тому

    Bestia de TUTORIAL😍

  • @SoyJinzo
    @SoyJinzo 5 років тому

    Excelente vídeo :) directo y bien explicado

  • @MrPhamhuutam
    @MrPhamhuutam 11 років тому +2

    Great video!!! Thanks a lot! TED ED :D

  • @RobbysArt
    @RobbysArt 10 років тому

    thanx helped alot

  • @Driver___
    @Driver___ 10 років тому

    Animation is circles! Lovely lovely

  • @officialrohinmusic
    @officialrohinmusic 6 років тому

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

  • @kevinsalazarrendon2373
    @kevinsalazarrendon2373 5 років тому

    Thank you so much!!!! this is so usefull