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

Поділитися
Вставка
  • Опубліковано 28 лис 2024

КОМЕНТАРІ • 272

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

    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.

  • @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 10 років тому +183

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

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

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

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

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

    I really liked the bouncing ball part. :)

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

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

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

    brought a tear to my eye at the end

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

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

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

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

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

    the whole semester in just 6 minutes! wow thanks guys

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

    Very well made and presented.

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

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

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

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

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

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

    One of the easiest explanations to understand without too many jargons

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

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

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

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

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

    your animation is so soothing, thank you Ted-Ed

  • @robcv420
    @robcv420 6 років тому +2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Very useful information, thanks to those who made this video

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

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

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

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

    Most best mind bending explanation

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

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

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

    wonderful explanation..

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

    aaah timing and spacing my Achilles heel

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

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

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

    Beautifully explained

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

    Waw. Your videos never cease to amaze me.

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

    That is realy good explanation on timming and spacing

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

    Thank you, I always wondered how this works

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

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

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

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

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

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

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

    Great soundtrack!

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

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

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

    Simple but essential

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

    I personally want more

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

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

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

  • @618361
    @618361 10 років тому +18

    I like this video, but I cringed when he talked about the forces involved when the ball is bouncing. Just to clear, MOMENTUM IS NOT A FORCE. At best, momentum can be thought of as the accumulation of force. The reason a ball bounces up is due to elastic forces. The ball squishes on impact with the ground and, like a wound spring, pops back up as it returns to its original shape.

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

      As a physics teacher, I don't want to use this video with my students for this very reason.

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

    great job explaining with this vid really catchy

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

    that was beautiful

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

    Very Insightful!

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

    awesome video!

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

    Good useful tutorial, thanks!

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

    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

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

    That was a great lesson.

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

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

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

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

    this should help my animation

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

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

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

    Nice educational video.

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

    That was awesome!

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

    Great lesson.

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

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

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

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

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

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

    Beautifully explained :)

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

    Simple.. precise...

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

    Wow thanks for this

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

    Perfect !

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

    thanx helped alot

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

    thanks for that sir

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

      heeeey

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

      +Alpoc12 👍👍👍

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

    This helps alot!

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

    Damn this helped me do much

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

    "What you see is less important than what you don't see" - yeah. Like I don't see any humans' names in the credits. Whose voice did we hear? Whose motion graphics are these? It is a well-made, informative and concise clip, but TED-Ed is an entity that distributes this - let's give the artists some credit!

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

    Interesting and informative. Thank You.

  • @sani337
    @sani337 4 роки тому +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.

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

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

  • @Martingus484
    @Martingus484 29 днів тому

    Bestia de TUTORIAL😍

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

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

    That was very interesting

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

    Wow! Good tutorial.

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

    Really good!