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

[@Flikaline]

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]

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]

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

[@crisptomato9495]

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]

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

[@arnaudkupke2606]

so true :')

[@gtfghj3267]

Ikr

[@MicahBuzanANIMATION]

Just as entertaining as it is educational.

[@nuttynoah5342]

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

[@MicahBuzanANIMATION]

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

[@chairmanofdabored4120]

Luv your stuff m8

[@perforongo9078]

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

[@wistfulpinecone]

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

[@astroshock2191]

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]

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

[@johnjoeparrot]

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]

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

[@z4ls7]

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

[@Bluehousesys]

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

[@BirdOfParadise777]

I really liked the bouncing ball part. :)

[@thesleepydot]

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

[@GraceMojicaR]

Brilliant explanation about timing and spacing

[@HosamSultan]

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

[@werewasyo]

brought a tear to my eye at the end

[@ChristopherHale]

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

[@Al_Rey]

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]

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]

the whole semester in just 6 minutes! wow thanks guys

[@GSPV33]

Very well made and presented.

[@mrwabit]

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

[@symbolxchannel]

Will there be more "Animation basics"?

[@edenweb370]

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

[@jamiejones6236]

@@edenweb370 You were four years late on answering him

[@edenweb370]

@@jamiejones6236 14 people enjoyed the late response

[@BlazeZ__]

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

[@aiineyko224]

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

[@sonicboom428]

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

[@NiazMohammad]

One of the easiest explanations to understand without too many jargons

[@professorparks5543]

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]

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]

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

[@اطلبالحقوالرحمة]

your animation is so soothing, thank you Ted-Ed

[@robcv420]

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

[@toonybrain]

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

[@Martingus484]

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

[@brianbrewster6532]

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]

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

[@BridgeBuilder2006]

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

[@jaydeeh77]

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

[@LaceyHollow]

This was very relaxing to watch.

[@simonsteagall2300]

That was awesome! Told me so much!

[@samie273]

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

[@akinaguda]

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

[@bretthoppough]

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

[@daniellbondad6670]

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]

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

[@David__s2n]

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

[@aramshwany318]

Very useful information, thanks to those who made this video

[@aisham6819]

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]

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

[@srgamingoverload3313]

Most best mind bending explanation

[@otterkitty18]

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]

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]

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

[@inkorporeal204]

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

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]

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]

wonderful explanation..

[@Matadorstudio]

aaah timing and spacing my Achilles heel

[@iamkind2771]

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

[@GreenBlueClouds]

Beautifully explained

[@Q8Police777]

Waw. Your videos never cease to amaze me.

[@filipemecenas]

That is realy good explanation on timming and spacing

[@HomegrownTyrone]

Thank you, I always wondered how this works

[@StarlingofAzerath]

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

[@michelles7601]

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

[@pepper-ds7gc]

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

[@Benimation]

Great soundtrack!

[@arijruwaii]

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

[@thinthle]

Simple but essential

[@mohammadhijazi4498]

I personally want more

[@jaynavajasso7734]

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.

[@dumdumdonut]

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

[@618361]

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]

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

[@harrydvilchez6842]

great job explaining with this vid really catchy

[@Iamlegend91]

Very Insightful!

[@MessingWithMatches]

that was beautiful

[@davedave9]

awesome video!

[@geezerdk]

Good useful tutorial, thanks!

[@JohnnyKidder]

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]

That was a great lesson.

[@lagle8]

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

[@MoosCode]

This helped a lot !

[@heat4life869]

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

[@ltericdavis2237]

this should help my animation

[@markgrey5360]

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

[@drummermanic]

Nice educational video.

[@R-Otaku747]

That was awesome!

[@djERICSPEEd]

Great lesson.

[@boneyvg475]

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]

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

[@SimoneManna3D]

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

[@bakaiggy]

Beautifully explained :)

[@balajicherukuri]

Simple.. precise...

[@maridianimations]

Wow thanks for this

[@yen_bm]

Perfect !

[@RobbysArt]

thanx helped alot

[@ReKe727]

thanks for that sir

[@okalecks]

heeeey

[@ReKe727]

+Alpoc12 👍👍👍

[@yeetios4624]

This helps alot!

[@binyameenmohammady1471]

Damn this helped me do much

[@snailmale007]

"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]

Interesting and informative. Thank You.

[@sani337]

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

[@victoreguerra]

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]

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

[@Martingus484]

Bestia de TUTORIAL😍

[@flowerbloom5782]

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

[@1111thalamus]

That was very interesting

[@iwatcher69]

Wow! Good tutorial.

[@gstapleton]

Really good!