9. Timing - 12 Principles of Animation

NEXT VIDEO: • 9. Timing - 12 Princip...
PREVIOUS VIDEO: • 8. Secondary Action - ...
This is my video series highlighting each of the 12 Principles of Animation as described by Frank Thomas and Ollie Johnston in their book "The Illusion of Life".
SUPPORT ME: / alanbecker
TWITTER: / alanthebecker
FACEBOOK: / alanthebecker
WEBSITE: alanbecker.net
MY MAIN CHANNEL: / noogai89
MY MINECRAFT CHANNEL: / alanbeckerminecraft
ANIMATION LIVESTREAM: / alanbecker

[@nuclearbtch]

I remember watching a video on Spiderverse And they'd animate on Twos and Ones Peter Parker would be on Ones bc he's more trained And Miles would be on Twos bc he's still getting a feel for things

[@jjboi6008]

Really? I thought it was to simulate them being from different dimensions

[@safegourd]

@@jjboi6008 that could be part of it, but i think miles’ lack of experience is more important to his character and the overall story, so that was probably their main motivation for animating him on twos

[@psychospy9214]

@@jjboi6008 it wasnt, as when miles finally gets his suit, and takes thhe leap of faith, hes on ones

[@pikaboystudios3842]

damn that's crazy

[@theflippist]

These are SO SO helpful. Of course every animator see's these rules in all the books...and likely drawn and maybe briefly in animated form...but the amount of time you give each principle really drives it home. I especially love all the 'with' and 'without' comparisons...You're a fantastic teacher and I will be using these as a memory booster regularly. Thank you so much for putting all the time you put into this and for sharing your expertise, you've given us all a real gift.

[@GabrielSZM]

@OB13 Hello, "1 day ago"

[@SirWaffles101]

@@GabrielSZM hello “1 hour ago”

[@digito9650]

@@SirWaffles101 hello, “1 hour ago” again

[@jonathanwilson7949]

@@digito9650 Hello 14 minutes ago

[@er1kplay]

@@jonathanwilson7949 hello 15 minutes ago

[@chompet123]

I've been struggling with frame by frame for like forever and I just learned a lot in one video. Thanks for this!

[@RichardHTT]

Great video Alan! :D you are a very good teacher ^w^ 

[@blendyboi5023]

:

[@imstillalivedontworry1303]

:

[@user-tm3pk8wm9q]

обоше

[@yunanzhang392]

This series is really good. Thanks for sharing! Love it!

[@scifiguysminecraft]

Another most excellent video in this series!! Thanks again for making these!! They're so clear and organized, with great examples. I love it! Keep up the great work! :D

[@jht3fougifh393]

Definitely keep it up. These are super helpful. Thanks for uploading.

[@kacperolszewski9033]

Thanks for all your tutorials, I love this serie

[@TheNadiiiii]

loved the tutorials...thank you so much. Always wanted to know these details. God bless you.

[@JaeHaruArt]

Thank you for this video. Also the live demonstration of added in-betweens. That part really helped what you were saying come across.

[@rohinipanse3273]

Thankyou so much for these Principles of Animation videos..my students are finding it much easier to understand than the books..once again thanks🙏

[@angelspheonix101]

This was very helpful, THANK YOU!! :D

[@TheRealUnholyCat]

now i didn't realize how important timing is until i watched this, genuinely helpful!

[@Smurfman256]

Thief and the Cobbler (the good sections) were drawn mostly in ones and it really shows. However, I think it was done to give and almost magical feel to the movement.

[@MsVampirstreusel]

Haha, just love your examples! Thanks, very helpful!

[@salmonsheep2738]

tyvm ur helping me alot with animating Keep up DA GOOD WORK

[@salisuladze5995]

Great explanation ❤️

[@TheWeekendGeek]

The animations where brilliantly done

[@present4974]

I see what you did there with that thumbnail.

[@juanalejandro5821]

Bursting Cookies YEAAAAAAAAA

[@ZTen7h]

What?

[@present4974]

@@ZTen7h i was literally 9 when i posted this

[@ZTen7h]

Present now your 14?

[@geventv6548]

@ZTen7h Wow now that’s what I call TIMING

[@geraldgarwood1558]

I used them all during my middle school coursework - great as "snackable" videos to drive each point home.

[@kshi7silva729]

Videos are worth watching, remember guys watch 1 to 12.

[@coreyl8261]

Cool! I was just listening to an animation podcast and I had no idea what they meant when they were talking about Roger Rabbit and the use of Ones and Twos.

[@kanekanekanekanekanekaneka98]

watching all of the 12 Principles of Animations because i have learned some good tips.

[@austinhenning4935]

Couldn't find this information anywhere! I was starting to wonder how this aspect was such a given rather than something taught.

[@Mtaalas]

Japanese anime has made its own art from drawing on twos.

[@RayanMADAO]

+Mtaalas More like 3's and 4's if you look at a lot of their timing sheets

[@beholddaempathyangel]

super speed or teleportation scenes does that

[@johngddr5288]

This is freaking gold xD

[@DogoMilei]

men your animations is so cool

[@dakellymon]

Just what I wanted to learn about. Thanks again.

[@SpicyHamSamson]

My professor straight up just had us watch your videos in class, so, uh…be proud!

Gracias por los subtítulos en español. Tienes un buen contenido.

[@Truth_chan_studio]

Wait a minutes... My friend give me this video for our presentation... I am not expecting it was you Alan ❤️

[@wallabywall-e1540]

Thank you! Does the principle of twos and ones apply to CG animation too?

[@emeralddragon6858]

Every animator ever- ”When you try your best but you dont suceeed”

[@sketchygenny101]

EmeraldDragon lol

[@OgFoxerEpic]

Thank you this helped me for some stuff

[@dahkohtahk]

That guy is like "hmm what time is it...? AWW SHEEEE-"

[@ryanizer11]

That's me walking to class at school like how much time to i have left.... OH GOD!!! 😂

[@OlivierHokke]

Great explanations!! Btw, the "next video" link links to this video, instead of the next.

[@sjmotivation2390]

You are awesome, thank you very much ❤

[@foolishly583]

6 years later and it's still useful

[@boyofdiamond4439]

thx this really helped :D

[@MrWhatev4r]

I know this is old video but just wanted you to know that the next video link is going back to Timing, instead of the actual next principle, Exaggeration. Anyways, thanks for creating these! It's a good review over all the principles of animation and your animation describe them well too!

[@eugenelibusana2138]

This Principle is Important to me as a learner.. Because all of these from Sir/Kuya Alan Becker His the best Animator for me..

[@green7475]

This will be a great help

[@SourceCZ]

Ive always wanted a tutorial on timing for flash animation so thank you soo much!!! Please if you can, can you make an in-depth tutorial for timing keyframes in flash? Im a beginner so this video helped, but i would like to have a more detailed tutorial.. Thanks for these awesome videos man!

[@AlanBeckerTutorials]

no problem! there's not much else to it when you do keyframes in flash, can you give more details of what you want to learn?

[@totalanimalactionofive9980]

***** frame by frame animation, like hand drawn animation and timing like timing keyframes right, how many keyframes you should put in between animation and stuff i'm beginning flash and i want to know how too t

[@awfulanimations8270]

There isn't exactly "timing" with keyframes. You use keyframes to mark starting and endpoints for transitions. Techinically, if you were going to draw every single frame, you wouldn't really need keyframes. Keyframes are more for transformation, so you would mark the beginning of the transformation with one keyframe and the end with the other. Well, that's the quick and dirty of it. I'm realizing now after typing this that you asked this a year ago. I hope you understand keyframes by now, but hopefully this helps anyone else with the same or similar question.

[@NotFizzySoda]

Thanks for helping me!

[@mujerdechae]

q buen video 😍😍👍👍 me sirvio mucho 🥰🥰

[@toonybrain]

These are great videos. The clean simplicity of them makes them instructive and memorable. I'm going to check out the others as well. Thank you.

[@Twigs_20]

This is in my recommendations every time I get on KZbin

[@noordinaryguy4385]

I don't draw or animate, but KZbin recommend this to me and I think it's cool

[@lazyslackerboy]

Speaking of timing do you think its necessary making a time charts while animating in computer programs such as flash or any other animation program?I use the timeline to time my animations ,but what do you think?Should i use time charts?

[@sigmation]

finaly never learnd timing

[@Frogline_]

ahora ya podre hacer mejor las animaciones gracias Alan

[@cosmicroar1277]

Ah, a principle I fail to execute almost every time. Thanks for the tutorial.

[@uretalz]

1:06 I wheezed so goddamn hard

[@animalhawk5418]

6 years later and youtube will not stop recommending this to me

[@justinlabrador7802]

Thank you for your tutorials Alan Becker! I wanna be like you someday!

[@ellarue3753]

THANKS SO MUCH!

[@CaCriGuz]

very important, thanks :)

[@EHH246]

Richard Williams does almost everything on ones.

[@yungmartin7621]

Ur great Alan always remember that

[@IonOdagiuOfficial]

Useful. Thanks.

[@friedchickenfetus]

I finally understand timing, THANK TOU

[@wendysmith3121]

Nice teaching

[@moularaoul643]

Thank you!!!

[@twintyara6330]

Really interesting

[@javse2196]

Good tutorial. Thanks

[@kenshellaudiovisual1864]

sweet bunny jumping . i love it

[@Jonutt]

Can I use switch from using "twos" to using "ones" in the same animation? or does that look bad?

[@cXilion]

this is genius dude.

[@sarventetheholynun3322]

So about the twos and threes and so on, in order to achove the twos, do I just make two exact frames, and then go onto the other?

[@dkhosh7380]

I never realized how much I love animation thanks to you I want to try it I have seen the other bids before this one but now I know I wanna try

[@chJohnJobs]

yea animation is kinda fun just play some to music so you don't space out in between animations

[@poliestotico]

WHWHWHWHWH YOU were the animator behind that CLASSIC?? woooow niiiiice

[@poliestotico]

I had the suspicion from the beggining judging by the marcial arts of ur stick figures :D

[@alessandromaldonado-boicel6645]

0:44 When you have a Latina mom and you back talk to her...

[@Kawnhai.mp4]

and indian

[@dreamer_drmr]

That’s oddly specific huh But okay then :)

[@luyuanqiang]

awesome

[@ameytions]

Thx i think my animation skills are much better now maybe :D

[@aymanaboufarise4346]

I can see my art teacher randomly showing this in class

[@iBloby]

Hey Alan, love your videos as always What FPS do you use ? i'm actually trying to use 25fps, for improving, being more patient you know it works, i'm making more drawings, but it still very fast when I want the action to be a little bit slow, and the weird thing, when I want to make a fast action, it's normal, I mean it's fast but we see what happens

[@noah_s906]

Try extending each of the slow keyframes to make them last for 2 frames instead of one. That will slow that part down.

[@iBloby]

Yeah the double frame I know that, and I use it sometime but, well, I think it's a little bit cheating lol

[@ovoanaestheticovo3740]

+Peter Pan (FauteuilVolant) Its not cheating, that's what most people do. There is nothing wrong with using more than one frame at a time, in fact, you have to if you want it slowed down on a certain portion.

[@heat4life869]

It's not 'cheating'... It's animation...

[@fionnnorgrove3128]

You are a god!

[@lol-mi7rt]

what's the best amount of frames between each action. I mean how many frames are between the begin and end of the head animation or is it different for each action

[@Kalaxian80animations]

Is different based on the movement and how fast it is, so it highly depends

[@Kaizeruu1258]

tnx for the tip

[@christophermatildo1387]

as they say; timing is everything.

[@Blue.....]

I watched this in my game design class. It was helpful to use but WHY IS THIS IN MY RECAMENDED?! IM ON CHRISTMAS BREAK! AND WHY AM I WATCHING IT?!

[@ggizi7264]

drawing on twos with 24 fps just means that you are animating 12 fps. Of course it makes difference when main action is 24fps and secondary is 12fps :)

[@Madd79]

nice

[@rodrigopetunio]

I think this is only useful when you had to wait days for your animation to be back, so timing counted tremendously. These days you gotta step away from the screen and come back with fresh eyes to get a solid reading since everything is immediate or can be adjusted instantaneously. Out of all the principles of animation, this is one is the most obsolete given the tools we have today.

[@HiHi-oc3gh]

…what? How does leaving the screen affect where the drawings are? The principle is talking about how movements are faster when they are farther apart, slower when closer and talks about ones and twos

[@conechapu3460]

Thank you very much, Alan

[@Aubreyb07]

do you delete the in-between frames?

[@BPTZ13]

“With 6 he sees a good lookin girl with a sports car he always wanted”

[@apenassejaapenasviva1112]

Valeu mesmo mano obrigado "w"

[@ronnisatterwhite8272]

Oh wow you finally made a million views cause you never disappeared.

[@CaptainCretaceous91]

The animations at 1:40 to 2:00 remind me of Fleischer cartoons.

[@abrador787]

1.07 love it lol

[@TheMightyWumbo]

very very very very very very interesting

[@nnewbie65]

Cool

[@evilchild1851]

Why is this getting recommended to me multiple times for multiple days

[@amkuanimations9447]

What animator you use

[@octocraftgaming3317]

what animator do you use?

[@AlexGameJoker]

Hello ,Alan I am speak Russian and English. Thank you for your tutorials!

[@AdobadoFantastico]

Ok, so I have a point of contention to bring up here. You're omitting the concept of *Spacing* and sort of conflating it with timing. The two's and one's difference is more about spacing than timing. Timing is how long something takes to happen(as far as the actual onscreen time), spacing is the space changed between drawings. If you increase framerate, you're not changing the timing, you're changing the spacing. Spacing is different from timing. Increasing the number of frames only changes the timing if you keep the same framerate. But if you were animating on 3's and then change one part to 1's, you're nor changing the timing. You're simply changing the spacing and making that parts smoother. Timing is about how fast it is in relation to other actions and what sort of rhythm the animation has as a whole. You can place drawings on 1's 2's 3's or whatever you please. If the plane example starts on frame 1 and stops on frame 5, the frame of the video isn't necessarily the same as the number of drawings. The drawings can be spaced unevenly, or you could remove the middle one while holding the 4th on 2. You end up with the same *timing*, but very different *spacing* of the plane accelerating through the middle and slowing at the end.

[@AlanBeckerTutorials]

good distinction! It's true they are different things. This video is very directly based on Frank and Ollie's words though, so perhaps the vocab has updated since they wrote their book.

[@princealmighty5391]

AlanBeckerTutorials do these 12 principles apply to 3d animation too

[@princealmighty5391]

AlanBeckerTutorials like maya

[@princealmighty5391]

AlanBeckerTutorials I did an exercise in maya like I put the other key frame far apart from the orignal one that's suppose to make it slow yet it went very fast I think in maya to we need Many key frames set far apart from each other to make slow smooth animation it's so confusing

[@princealmighty5391]

Anguel Roumenov Bogoev and u just made me more confused lol

[@marcelloascani]

[@seahorsewalkcompany9357]

+Cyrus the animator expect* here* Did you really know english?

[@sugaristhenewwhite]

@@seahorsewalkcompany9357 dont mock people for not knowing your language

[@basedbattledroid3507]

I want to draw 24fps on ones but I just don't have enough paper so I guess I'll have to do it on twos.