SBW - The art of Inbetweening: Timing Charts

[@paulgabel8261]

uugh animation artist are so underrated on youtube its criminal...

[@yourmoistgrandma3202]

Blond Gabriel There are few YT animators that's kinda famous right now, but their slow upload speed fucks them up because of the YT algorithm.

[@MicahBuzanANIMATION]

Animation is damnation lol

[@LilleyComix97]

Agreed we have a hard time even doing 5 seconds at times lol

[@Som3D]

It's the reason why so many animators fail to make a smooth and believable animation only these very little people view this video who are taking animation serious and turn out to become a professional animator later in their life

[@wotwott2319]

they used to not be underrated. Then youtube fucked the animation community over by introducing an algorithm that picks favourites based on daily uploads and videos longer than 10 minutes.

[@alpha8here]

Could you do a video about maintaining Character proportions during animation?

[@scribblecloud]

yess that would be super helpful

[@BlaineSirius]

Yes please!!!

[@pokaay3163]

Ugh a must

[@Sanpaku-san]

Something I do is just keeping shapes simple while in the rough stage and going through frames one by one and seeing where the shapes grow or shrink. Then I fix the size; it takes a keen eye to do though, and practice. Just keep in mind the movement you're trying to make while you do this.

[@rickhoppelcad]

Eno Spi has some excellent advice. Keeping your volumes consistent is a fundamental of animation. Here’s another thing I do and it works for me: I draw a rough, simplified, structural drawing of my character in the size he needs to be for the scene. This drawing is my proportional standard. This is the first drawing on my pegs… As I animate, I will occasionally flip back to this standard to check my proportions.

[@WaalkR]

It's so hard to find animation schools in my country, so this kind of content being available online is really really helpful, and so well explained too. Thank you so much!

[@TonikoPantoja]

+Waalk R Right back at you, I grew up in Indo and I had to study abroad just to learn animation - so hopefully I can contribute into spreading it around!

[@ProtagonistLover]

Makes sense to me. In-betweens are verses, breakdowns are bridges, and keys are choruses.

[@KayGee_yt]

My professor: include a timing chart Us: what's that Him: a chart to show the timing Us: Him: Us: Him: okay due next thursday

[@Vsuvi]

Lol just no context at all

[@graffix21]

😂 is that how you ended up here?

[@ElusiveGirl]

My professor would just use those terms like "You need a slow out here or slow in here" when we'd review our projects but this is the first time I'm seeing a timing charts and they look a HELL of a lot simpler. They would have been so helpful if he'd taught us what one was... But he's a 3D animator teaching 2D sometimes.

[@DasiaBlue]

LITERALLY

[@Mel-gg3xg]

LoL 😆

[@irismuddyhehe]

your videos make me wanna animate right away all the time ahahaha... soo good man!

[@YowLife]

Hm, I'm trying to understand this. One thing I'm confused on is how the animator making the timing chart is supposed to know how many frames go between this keyframe and the next keyframe. Is it just giving your best guess?

[@akiani]

pretty much lol

[@saajing9715]

Same

[@ChemicalLama]

Im reading 'The Animators Survival Kit' and one if his tips was to physically act and time out the motion you are trying to animate. Then depending what timing your using you can sort of figure out how many frames will go in between. I could be misunderstanding but that's what I got from reading that! Anyone feel free to correct me if I'm wrong ^^

[@akiani]

@@ChemicalLama yeah thats a good idea, but depending on the motion there are lots of things that cant be acted out, so referencing or guesswork can be done

[@ChemicalLama]

@@akiani oh yeah definitely, but it seems to be a good place to start to make thing easier to organize/time! Animation feels like a weird combo of structure and chaos

[@heiltotheking]

Good lord, how am i finding you just now? I'm a frame by frame animator and my animation often looks wobbly or plays at weird speeds. You're a godsend.

[@SamGreen]

4:09 SHIT NO.

[@RaceProducer11]

lol, I was not expecting that in an educational video, but then again it's the internet and I had my guard up. Plus, it could've been worse...

[@lostbiird]

holy shiit, randomly seeing a sam green comment

[@chirodd8381]

i began watching because i wanna animate knowing it was hard and complicatedbut i didnt expect it to be this confusing, animators are severely underrated

[@bubblegumbabeface6629]

I've never been too Animation school or ever had any professional training in any of this shit but im getting there on my own. Slowly but surely im leveling up.

[@plantyyy]

BubbleGumBabeFace good luck!

[@Vsuvi]

Me too

[@jaaanai]

Best wishes, I'm trying right now.

[@impactframes6514]

Same, just getting started. Best of luck to you all! We could make a Discord or something (๑•̀ •́)و✧

[@bubblegumbabeface6629]

@@impactframes6514 I reckon Im fairly decent now, not a master by any means but I'm competent and good enough to make my own animations.

[@teacoston]

You mean to tell me there's math in art *internal screaming* When I draw fun mini animations or gifs, I always eyeballed it and re-edited when I felt it's needed, like lmao I neeeever knew there was a method! Thank you for this video, it certainly helps a lot.

[@TheLugiaSong]

Same hahah. I never plan stuff out, and really I oughta.

[@teacoston]

@@goos6005 Ikr! As much as I enjoy math, I feel some type of way knowing it's everywhere 🤣😭 It's great learning new techniques so I guess the trade-off's fine

[@ninja_tony]

There’s absolutely no math involved in timing charts. You only need to know which points on the chart are closer to each other. At most, you need to know where the halves would go, which is as simple as looking at the chart and plotting the point directly in between two other points lol

[@tiacuppe6681]

You have a really good narration voice

[@Mel-gg3xg]

He does! I can picture him being the cool kid in a cartoon 😉

[@rhettpeter83]

he sounds like don hertzfeldt. i kept waiting for him to start talking about bill by accident

[@Tommy-qp5bi]

Im teaching myself to animate instead of paying $30k a year for art school lol THANK YOU for this video!

[@peterbrown1954]

I have been working in animation for years and this is a great piece on timing charts. A few things I would do differently but as you say every animator has some variations to how they approach them. Great Work

[@jackaleope]

Man, timing charts have always been my worst nightmare. From deciding exactly which ones to use, to knowing just how many frames i'm actually going to need.. my question is, is it possible not to know exactly how many frames youre going to need for a specific action and need to change it up later? like, say, if you make two keys, can you temporarily label them as A and B until you are certain of just how many frames you need for the action? Or, should you just guess and stick within the confines of your guess? I guess knowing how many frames an action might take comes with experience, but for those just starting out, would a letter system be better? i think my biggest struggle is favoring, and knowing exactly what situations to use it in. I'd love to see more examples of types of actions that require their respective timing. This video is really great and literally explains timing charts better than any of my instructors in animation school did. lmao. amazing. I'm gonna stay closely tuned and definitely look for those other videos you mentioned.

[@TonikoPantoja]

+Lester Knight Chaykin Hi there. It is alright not to know how long or how many frames your animation will need for a shot - so it is fine to label them as letters or numbers if you want. If you feel uncomfortable about setting your timing first hand, you could shoot your keys and breakdowns first, arrange them digitally until you get a timing you are satisfied. Once you are happy with the timing, you could use those frame numbers are re label your original drawings. I wouldn't trial and error it all the way because it doesn't encourage you to be more decisive with your timing - but the more you do it, the more you get familiar with how long frames can last for. For favoring, I'd say its used for mostly two things: You are trying to make a drawing read that plays by very fast, or its a specific action like some bloke getting hit in the face for example. There's really no way to know when is the best time to use it, you kind of have to feel for yourself when you are animating a scene. At some point in your animation, you'll probably find yourself at a place where you aren't happy with an inbetween because it makes the animation look floaty, or the impact of one of your key drawings is lost. That's a good time to consider about favoring!

[@leonardoromero2000]

Would be nice to see an example of the exact first paragraph you wrote. Please.

[@MicahBuzanANIMATION]

You definitely aren't alone in feeling this way!

[@Sanpaku-san]

You make an animatic first to find the timing of poses and events

[@lisabarnes924]

“Congratulations you understand time charts now!” No. No I don’t.... .__. *For the damaged Coda plays*

[@coffeewind4409]

well I suppose you need to watch the video a couple more times

[@mimochin6023]

I still don't understand it. Lol

[@navneetrout8193]

@@mimochin6023 You can't until you reach that certain point of urgency to get that answer. Maybe rewatching many times can solve the problem, but that's also a time waste without concentration and concentration will happen automatically with that urge to know the answer.

[@mangimewhite94]

Do you ever find yourself not using the chart because of how familiar you are with the timing? I never use these charts mainly because I never really understood it (until now haha). When I animate I kinda do the timing mentally and eyeballing it on screen as I inbetween my keys.

[@TonikoPantoja]

+mangimewhite94 Hey man! Indeed, in fact sometimes when I'm animating digitally, I don't really use add specific timing charts - but the concept of how they work is usually in my mind. This is because on digital medium, there's digital playback so I can instantly play the animation, and feel the motion while I work. Unlike in traditional animation, you'd have to arrange your frames and shoot it frame by frame. Timing charts are really just guides, used for implementing the timing and the drawings needed for in-betweening. It's also great when you need that extra hand to help you in between your keys! It's great for organization reasons. I'd say if you really want to really grasp the idea of in-betweening (and the benefits of learning hand drawn on animation on paper) is limit the use of the play button and using charts to plan your movements!

[@mangimewhite94]

I see. It's probably best (for me at least) to do traditional paper animation because obviously I can't playback. The play button is too damn irresistible. Cheers man! Keep up the awesome videos. Also "stringbing is now following you". hehe

[@tobangafeufeu]

+mangimewhite94 I've seen them on one of your videos tho

[@mangimewhite94]

tobanga feufeu Haha you only see it once or twice cause I really don't use it and the times that I used it was back in first year where the timing charts were part of the assignments but even then I didn't understand them despite using it.

[@donthidefrommeh5374]

I too

[@jemma_bayley]

This is exactly what I've been learning in class and I'm so happy to see how universal these charts are. Just subscribed and am so excited to see more!

[@MsJankz]

This is extremely helpful! I've been struggling in my animation class with slow-ins and outs, so it's nice to see how they can be used in different ways!

[@kingcabbage9502]

Fantastic, thanks for this! I needed a review! Sadly, they never taught us this at my animation school. But at least I am eventually learning more about it :)

[@TonikoPantoja]

+Marji Bordner That's something I hear often from students from other animation schools. Although when I was still a student, not many folks really got the idea, or used timing charts either. It's one of those things you kind of have to apply to yourself in order to learn it. I learned more about timing charts when I had to freelance with various studios and film makers. The most recent freelance I had to do required me to make timing charts for my animation since it was going to be cleaned up in South Korea. That's where I learned how to make more organized timing charts. If you are animating traditionally, having an exposure sheet on the side helps.

[@Slipy61]

This made all the difference for me. Before watching this my animations were fine, but now they straight up look professional, it's incredible!

[@pokaay3163]

Crazy how man can come up with such complicated concepts.

[@jesseleeward2359]

It is really not complicated

[@Ilovemahmochi]

Do you know how many times I’ve asked teachers and classmates to explain this and it went in one ear and out the other. You’re doing god’s work 😭

[@vincebell2841]

Never used those charts myself but it's nice to see them explained for once, I might try those out just to see if it can have a positiv impact on my workflow.

[@zim3228]

It’s been 8 years, how’d it go

[@cymk_is_stuck]

I am so glad that this series exists, it's helped me so much!

[@Random-Name-Here123]

This is better than any animation class I could take. Thank you for making it so simple to understand!

[@Artistically_Talented]

This is super helpful! You were speaking clear and gave a clear example I could understand. I'm very appreciative that you could break things down like so. I often get confused by all the numbers and curves, when you showed it in letters of A, B, C, etc, it really helped me understand. I really like this tutorial, thank you for this!

[@MACKYBOY-41]

About ten minutes in after looking at many other resources, I explained to myself "Hey, wait a minute. This makes total sense."

[@FireBlueZ]

This video is such a lifesaver. I've been searching about inbetweening explanation, but this is the best one I have found so far.

[@stinkygecko1167]

Thank you so much for posting this for the free. You break down concepts like this so simply. I appreciate it!

[@princecookie300]

Thank you for your amazing videos ! It's been hard for me to grasp the concept of inbetweening (especially in a book, I mean, it doesn't move, so it's much harder to understand ahah) but your explanation really helped me figure it out. As a beginning animator, I'm certainly going to need this knowledge ! (And gonna share it, it's really great )

[@adrianasuarez7667]

Thank you so much! This was the most useful information I have watched about charts, even more precise for acting animation than those in the animator's survival kit. I accidentally watched one of your videos looking for acting animation to put on practice. Keep doing this videos! I really appreciate it!

[@kinoubonser6605]

I like how the video was set up. Made taking notes for my project really easy and the bibliography easier as well since you did the overview.

[@SenseiTeachingOfficial]

You are a savior man!! i've been struggling with this topic for so long, and now it seems so clear to me, that i don't have words to thank you! :)

[@jeirawat]

Never have opportunity to go to art school and don't have a single knowledge about animation, your videos teach a lot about what I dream to know since childhood, thank you so much.

[@helsiclife]

this was so interesting! I always wondered what where those lines in the animation cells! the way you explain things is so clear and easy to understand! wonderful job!

[@eccentricpigeon5639]

Can we just acknowledge how precious the intro is 😆

[@MochaxMatcha]

how have I not found this lovely channel sooner? 💕💕💕 subbed

[@toxictoxicities]

OMG THANK YOU FOR MAKING THIS- IVE SEEN THOSE CHARTS EVERYWHERE AND HAD NOOO IDEA WHAT THEY WERE- I FINALLY KNOOWWWW

[@Raedragonfae]

and I still dont understand.

[@veronikaipser]

Same here

[@tocutetofly6002]

Yup

[@buto_ijo.]

watch carefully :v

[@jesseleeward2359]

Okay. It is just a record of where you will draw the next drawing. In relation to the last.

[@hervyncuadero3445]

Yup

[@Voltergeist]

I animate a bunch but never quite got the grasp of this until this video! Especially when I'm so spoiled with digital playback. This'll help me plan a lot better. Thank you!!

[@mali-wp8wc]

This one of the videos that changed my animation life

[@ruben_del_pino]

Little remind note: shortcut keys in KZbin to go frame by frame is "." and "," .

[@eeveemakeralibi]

Nice

[@BenMellingerArt]

this is awesome! i see these everywhere on professional rough animation and knew it must be important or helpful and now i can add these charts to my own stuff! thank you so much!

[@pamayra]

That was really awesome to watch! Thank you for sharing the way you use timing charts. Love it

[@HoneysQueens]

I’m a young animator and I NEVER understood timing. I either added too many or too little. Thank you for making this keep on the amazing work ☺️

[@jonathanramos7512]

Wow! This was actually really helpful. Thank you for the explanation of the different keying charts!

[@romnyparra3340]

Amazing just what I needed, I love this! i enjoy a lot inbeetwening and seeing how my creations take form, Thanks fot this

[@martescw85]

I kid you not when i say i've had 4 animation teachers and i couldn't understand timing charts until now... Had an idea from what they taught me but it was a true mess. Thought i understood it when they explained them but when it came to making charts on my own animation i had no freaking idea what i was doing half the time lol. Very useful video! Very well explained and the visual examples helped a ton.

[@FadzilAdept]

Old video. Yet still help me like magic.

[@seantipez]

Excellent lesson! This explains so much for me about the timing charts!

[@valentinereina2661]

Thank you so much

[@chelle4419]

I’ve been following your twitter, but this is my first video. IT WAS AMAZING. I learned all these new things that I’ve never seen in self teaching myself animation from KZbin! I loved your tutorial. You gave unique information with really great quality examples and made it interesting to look at at all times. I’m excited to follow you for a long time. :D

[@RoseaNebulaLaeta]

Thanks! This is really helpful to me as someone who really loves animation but doesn't currently have a classroom to study it in. It helps a lot!!!

[@JJ-tc5tt]

I always wondered what those ruler lines are but didn't know what it's called. I searched up like 'ruler thingy in animation' or 'lines in rough animation' but couldn't find one. I'm so glad I stumbled upon this video. Thanks

[@Empiral]

Thank you so much for your kind video!! I always wanted to try out animation but since Im studying Graphic Design, I can't so Im doing my own research! Happened to see this on tumblr and for a first timer, I found your video to be very clear and easy to understand! Please continue making these guide videos and I really appreciate it!!^~^ Thank you and cheers!

[@kristalencomics]

Truly appreciate this tutuorial about inbetweeing. I am starting to have a lot better understanding about watching this.

[@bentoboxanimation3659]

This is great! This is always something I just wing but it was nice to get an understanding for a future professional setting.

[@TheLugiaSong]

Ahh thank you! Finally I understand the mysterious chart I keep seeing, it's been haunting me for too long. I had a very rough understand of it before now, but today I pretty much get it? Still going to take a little thinking about. Might even mess around at utilize it. Knowing what frames of a motion to draw has been a trouble during animating, it makes sense to map out the frames like this.

[@dapotatoauthor]

After all these years, I finally know what it means 😭✨ Thank you ❤❤

[@sayJuju]

I'm always looking forward to your videos. It's super helpful and you explain everything so well, it's really easy to understand. Thank you for doing this!

[@sanacionhealing]

this is a great video, love your explanations and breakdowns

[@msgtfrank]

You deserve way more subscribers my friend! I've been an aspiring artist for a while now, and thanks to a friend I'm slowly building up skills. I might try some animation when I feel confident enough. Either way, this is awesome reference material, very clear and concise instructions.

[@iiNibzZyii]

I've always went back and forth between understanding timing and spacing,simply using an example of the drawn head rather than a "ball" helps so much more,we aren't all trying the constantly animates balls people 😋

[@XxBenisweirdxX]

What I've gained: You're seriously underrated as a content provider! Thank you so much for teaching me these new skills! I hope to apply these new found skills into my future works! Thank you very much! What you've gained: A subscriber and a shout out across my social medias because OH BOY people need to know you exist! You're a fantastic teacher! 😄

[@madelinechamberlain7212]

This is going to step up my ratchety ass key jumps big time! Thanks man

[@hdoro154]

This is pure gold, really thanks !

[@MicahBuzanANIMATION]

You have some of the best videos on making animation.

[@AlphaProto]

Thank you for making this video. This is the first time I ever understood the timing chart.

[@masbansuban5441]

I just found the great teacher in youtube now... thanks !

[@micahrothert]

Dude thank you so much! So easy to understand and explained so well! I've been so confused on these charts for years until this video! Thank you thank you thank you!

[@cowcowcowz4799]

ur channel is so helpful !!!!! aa aaaaaaaaaaaa it needs more recognition

[@carinallaneta4571]

thank you so much for you're tutorial! it really helps for my study for tomorrow,now I understand clearly,also you had clean voice ..so nice!

[@EddieDexterStewart]

You really opened my eyes regarding inbetweening. I am saving this as a go-to resource and I subscribed to your channel. Thank you for this!

[@ashitakasama]

this animation lesson is pure gold, thank you so much

[@drawforge9640]

The most inspiring thing I saw today

[@eb2k445]

Thank you so much for this. I use a digital animation software called pencil 2D and I think your video help a lot with how I can time each movement.

[@jordanromano4452]

Hey i just want to thank you for putting up these videos for free on yt :)) I’ve always wanted to learn to animate and these are by for the most in-depth I’ve found!!

[@softhunder4811]

Omg I know it's supposed to be easy but this video is so overwhelming

[@ButterGuns.]

thank you soo much.. i was getting in to animation as my profession in college as it's my passion.. and i was looking for videos for inbetweens. m. thank you so much.. i have a lot to learn but i will because i love it

[@Stewartoons]

This is super helpful! I finally understand how these work now. :D

[@CutieKats]

Always love coming back to this video because it makes timing charts so easy~ I'm trying to incorporate it when I plan my 3D animations. I do have a question though: how did animators moving holds?

[@julioperonerocholl9364]

Thank you very much for this great tutorial Toniko!, it helped me to understand what made me more difficult in animation, time and space. greetings from Argentina!

[@skywolfynoob]

man I love animation so much its so interesting to learn about this stuff

[@VeryBlueBot]

wow man, really loved how you presented this - subbed!

[@lotusbandicoot]

I've been animating for a good 16 or 17 years now (but only taking it especially seriously the past few years) and have been way too terrified of these things to even try to approach them. I always figured they were basically the same idea as what you see on the Flash/Animate timeline, and it looks like I'm right... just never quite understood it beyond that. I've always been an eyeballer (didn't even learn that term until today). So this might be really helpful!

[@williamvargas4179]

thanks a lot Toniko, excellent explanation! God bless you!

[@adamvanwyk12]

Very Nice! Really great explanation and demonstration of timing charts!

[@divalea]

I finally understand timing charts! Thank you!

[@spacemanwillie]

@Toniko Pantoja , Breakdowns for movement analysis is different from a breakdown in a chart. The two are too often confused because they have the same name. A breakdown for movement analysis is there to find the path curvature of each body parts, and is solely reserved to the animator. Those breakdowns become KEYS once you plan your charts to go to an inbetweener, because they are complete drawings. The breakdowns that are passed down to an inbetweener like the C-underlined in the chart is supposed to be a partial drawing, for which the completion requires following the chart. For example, drawing C-Underlined is just an arm and hand that is moving OFF the chart, but everything else is following the chart, and added by the inbetweener by making the rest of the drawing with the help of keys A and B. And for clarity, every drawings at the extremities of charts should be keys, circled. If you use another method than the one I described above, it will become confusing for the pipeline. Believe me, I've seen all the ways, and this one was taught to me by a veteran and is unbreakable, while the others always end up leading to confusion.

[@Nugcon]

Always wondered what those things are for

[@krysidian]

I think I finally get it. It's just so weird because a "Spacing Chart" would be a way more fitting name for this, since it informs you about the principle of spacing while the actual time between frames is not being displayed in any way. Other than the numbering maybe. That's what has confused me for so long because i tend to think the chart shows if I should use 1s, 2s, 3s etc. Even though in this case here, it's all on 2s. The timing itself is constant and not variable, only the spacing is. The name is the most confusing part of this chart, otherwise it makes a lot of sense.

[@TonikoPantoja]

I agree. Nowadays I call them spacing charts or just charts. Timing charts is the terminology a lot of my mentors and feature animators back in the 2d days have used.

[@TheRabidmilkman]

Awesome, awesome, awesome. Thanks for making this!

[@dickyteenz8847]

This tutorial is really helpful for me understanding inbetweening and the timing chart. Thankyou

[@RohitHela]

This tutorial is highly informative. Really well explained.

[@arandomreplyguy3382]

thanks for this video, it's the most understandable one I've found on this subject

[@abdoudjam6846]

Thank you so much, this really helped me understand animation better :) !

[@Peter32tjrksor]

sheesh, why don't you create an action/adventure short film? like 20 mins. Kickstart it.

[@gachaakiememes3255]

He prefers helping people do that?

[@hananahei]

Clearer than the notes in my lesson! Thx!