Create SMOOTHER animation with FEWER FRAMES

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

КОМЕНТАРІ • 237

  • @cactuscian
    @cactuscian 2 місяці тому +1102

    Gonna show this to all my "60fps or bust" friends

    • @CreatureCreations-
      @CreatureCreations- 2 місяці тому +89

      And I thought 24 was hard...

    • @Vivi-Xing
      @Vivi-Xing 2 місяці тому +37

      60?!?!?

    • @cactuscian
      @cactuscian 2 місяці тому +150

      @@Vivi-Xing Yep, there are people who are so used to playing games with 60+fps that they refuse to watch animations with anything lower. There are even some who use AI programs to interpolate between frames to bring it up to 60, and then upload it to UA-cam. And that's been going on since before the AI boom

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

      ​@@Vivi-Xing dumb pc gamers who are obsessed with frame rates to the point where they will boycott a game if it's at 30 FPS

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

      I like 60fps

  • @mertensiam3384
    @mertensiam3384 2 місяці тому +524

    Adding on!
    If youre gonna go with the 4 frames route, you can make it pop more if the frame before the last pose "overshoots". This will give it a lot more energy that will make the fast movement feel a lot more real. Useful for punches or similar things!
    You can also make the second frame go slightly to the opposite direction that it'll ultimately go, like if your character is looking to the right, turn the face on the second frame ever so slightly to the left, and then add another after that. This will make it feel like the character is "preparing" for the motion. All in 4 or 5 frames!

    • @wormbag80
      @wormbag80 2 місяці тому +9

      That's super useful! Thanks

    • @Moxalotl12
      @Moxalotl12 2 місяці тому +2

      Thanks for the tip (Love the su pfp btw)

    • @mertensiam3384
      @mertensiam3384 2 місяці тому +1

      @@Moxalotl12 ofc! I'm glad it was helpful

    • @NoName-zm1ks
      @NoName-zm1ks 26 днів тому

      Would love for you to do a tutorial demonstrating your concept, please!

    • @aDaySurf
      @aDaySurf 8 днів тому +1

      So cool! I tried it. Thank you sooooo much❤

  • @user-iGb
    @user-iGb 2 місяці тому +240

    popular cartoons and anime Most of them are between 7 to 12 frames or 16 to 30 , they never needed to make 60 frames for any thing, sometimes less frames gives more impact to action fighting animations

    • @avidadolares
      @avidadolares Місяць тому +4

      Maybe read up on the history of anime and why they historically use less frames. Its all economics and has nothing to do with "impact".

    • @kezottle
      @kezottle Місяць тому +8

      ​@@avidadolares it probably has _something_ to do with it

    • @itshel2677
      @itshel2677 Місяць тому +8

      @@kezottle The major factor was obviously money but yeah, there were some pleasant side effects.

  • @Jay-bq1dq
    @Jay-bq1dq Місяць тому +47

    *Also "smear frames".*
    These are a lifesaver.

    • @CaptainCretaceous91
      @CaptainCretaceous91 11 днів тому +1

      What are smear frames?

    • @risesetnt21yippee
      @risesetnt21yippee 11 днів тому +4

      @@CaptainCretaceous91 Imagine frame A and frame B. Then you add 2 frames (between the two frames) and then connect them to replica the motion blur. Thats also why when you pause randomly at some animation, you would see deformed character merging together, that's smear frame (sorry if I explained it poorly, you could search up to know more if u want)

  • @ChrisCrazyHouse
    @ChrisCrazyHouse 2 місяці тому +107

    Good lesson. I always try to explain to young animators that animation is the illusion of movement. Animation is more of a magic trick than just trying to make something exactly lifelike. Our brains do a lot of the work when it comes to the illusion of movement.

  • @Xirken
    @Xirken 2 місяці тому +225

    this video just made me realize what the extending part of a frame does instead of just backgrounds

  • @littlemais
    @littlemais 2 місяці тому +87

    The 4 frames with the circles absolutely just opened my eyes! And then the example?! Wow! Thank you so much for the video!!

  • @coltonk.3086
    @coltonk.3086 18 днів тому +15

    THAT CREATURE AT 1:56 WAS 4 FRAMES?!?!?!?! NO WAY!!!!! Thank you so much!!!!!!

  • @arturouroa
    @arturouroa 2 місяці тому +66

    That's exactly how I animate (and adding a bit of squash and stretch) thanks for helping me how to explain it 😸💖

  • @alex_ho
    @alex_ho 2 місяці тому +12

    I figured adding a near identical frame near the start makes animation look smoother, but it's nice to see the actual reason why it looks good and how to improve on it!

  • @wartygourd
    @wartygourd 2 місяці тому +9

    this is the kind of lesson I would've LOVED to learn in college. instead, we got what i like to call "little challenges" where the professor would give us a concept with no clear direction and we'd have to animate it. she's a very lovely person, but the lessons were kind of all over the place tbh. thank goodness for videos like these.

    • @OverbiteGames
      @OverbiteGames Місяць тому +4

      Every time I read something like this I think:
      "Man, my $80,000 car that I spent 4+ years maintaining and stressing about and losing sleep over wasn't even drivable most of the time, and I often resorted to using public transportation - after those 4 years, I have a certificate for having maintained the car but no longer have the car, only the memory and experienced gained through having maintained it.. and I still use public transportation"
      It's painful.

    • @wartygourd
      @wartygourd Місяць тому +2

      I'm so sorry to hear that that was your experience with your car and it does sound pretty painful.

  • @AmyLynx
    @AmyLynx 2 місяці тому +45

    I love how informative and straight-to-the-point your videos are. Thank you for sharing your tips! :)

  • @AvaGr8ce
    @AvaGr8ce Місяць тому +7

    THIS IS SUCH A GOOD TIPPPPP as someone who’s learning purely from youtube vids like this THIS IS GOLD thank uuuuuu

  • @ViviElFurro
    @ViviElFurro 2 місяці тому +37

    This is so useful! I just started in this world of animation :3

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

      I've started in 2021 and then quitted right after.
      Now i'm still waiting for the right time to come back.
      Btw, your pfp toxiccccc

    • @Genericytber
      @Genericytber 2 місяці тому +2

      Started in 2021 in animating, I already know this but it’s nice seeing other people teaching this trick too

    • @Art-ji6yy
      @Art-ji6yy 2 місяці тому

      same

  • @exaviary7555
    @exaviary7555 2 місяці тому +4

    Just popping in to say I'm loving your videos as someone just getting into animations. It's very easy to follow without a bunch of technical jargon

  • @ForexTrading-e3b
    @ForexTrading-e3b Місяць тому +4

    This is out of the box thinking. You've taught me something that's really worthwhile today. Thank you. Smoothness in animation is not always dependent upon the number of frames, but it's all about tricking the viewers brain. Did I tell you you are a genius!

  • @krllvrntsv
    @krllvrntsv Місяць тому +1

    I've been in animation for many years, and this is one of the most informative videos I've ever seen. It really helps explain why sometimes the same technique works perfectly and other times it doesn't - something I could never quite figure out before.

  • @Alphabittled
    @Alphabittled 2 місяці тому +5

    Thank you so much!! I was just animating and was wondering why it was looking so clunky even when I had so many frames. Ur a legend

  • @1murkeybadmayn
    @1murkeybadmayn 2 місяці тому +5

    love the bit where you have the first two and last two frames to be close together...great advice, never heard tht before.

  • @Deviaox
    @Deviaox 2 місяці тому +4

    Also the thing i learned is Smooth is fluid motion if the motion doesn’t follow a path or arc it would look robotic so it’s good to keep track of your arcs when animating

  • @katsu-chi1105
    @katsu-chi1105 2 місяці тому +2

    This is literally so helpful !! I always have been struggling with slow in/slow out !! My animations always looks so robotics and lifeless, and I know why now and how to fix it!!
    Thank you so much!!

  • @AnimatedEscapism
    @AnimatedEscapism 2 місяці тому +4

    1:50 This looks like Envy’s true form from Full Metal Alchemist lol

  • @quivonix
    @quivonix 2 місяці тому +8

    Your videos are so helpful with animating! Thank you so much ❤️

  • @shauryae478
    @shauryae478 Місяць тому

    Wow! So much knowledge in under 4 minutes. Densely packed and effectively conveyed, well-explained!
    Haven't even seen any other videos yet and I'm already subscribed!
    Great job, and all the best!

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

    Subscribed instantly. This is so clear and on point. I am just reading The Animator's Survival Kit, by Richard Williams, and I feel like through this video I got more than he is explaining in it's first chapter regarding frames.

  • @こんでれやの
    @こんでれやの 2 місяці тому +2

    Thank you so much, your videos are awesome and clear, short and easy to understand, you taught me a lot and you always inspire me to animate again, also that little creature you animated is beyond adorable lmao so cute!!

  • @PatyakaDev
    @PatyakaDev Місяць тому +1

    This is Gold. Thank you!

  • @nicolebello
    @nicolebello Місяць тому

    I discovered this while I was doing some exercises for my animation course. I still need to improve, but it is surprising how space affects the smoothness of animation

  • @ZacharothAnimations
    @ZacharothAnimations 2 місяці тому +5

    Keep up the great work! I'd love to see a video about how you should price your commissions as an animator! :)

  • @hobistinyheartbag
    @hobistinyheartbag Місяць тому +1

    This is genuinely the best animation video tutorial ever

  • @saparapatepete
    @saparapatepete Місяць тому

    This will come pretty handy for the animations of my game. I'm trying to use few frames to keep performance, but also want the movements to feel smooth

  • @someordinaryperson
    @someordinaryperson 2 місяці тому +2

    Thank you for sharing your knowledge

  • @justtese8179
    @justtese8179 2 місяці тому +6

    10/10 explanation

  • @HyperAnimated
    @HyperAnimated Місяць тому

    Really cool, I’m gonna go try this right now! Thanks very much!

  • @butterheadcz
    @butterheadcz 2 місяці тому +1

    Very good point and nice presentation! I sometimes use this method, though I admit that I usually resort to animating on ones.

  • @pinkajou656
    @pinkajou656 2 місяці тому +1

    i think you might have totally solved an issue i was struggling with when when understanding how to space my frames.

  • @pifopifo1000
    @pifopifo1000 13 днів тому +2

    Tbh. the Circle A totally looks like its teleporting though.

    • @hiagogames
      @hiagogames 3 дні тому

      I'd say it's only really visible if you're loopping it

  • @StainlessHelena
    @StainlessHelena Місяць тому

    Wow! I find animation a little less daunting now, so thank you! It's amazing what a literal handful of well placed well drawn frames can achieve.

  • @kuyangmiskin
    @kuyangmiskin 20 днів тому

    really helpful and easy to understand, thankyou!

  • @AnimaAzul
    @AnimaAzul Місяць тому

    I like that method, I'm gonna use it on my next project, thanks.

  • @Lobstrique
    @Lobstrique 2 місяці тому +1

    this is GENIUS TIP, thank you so much!!

  • @kahvipaputyyppi
    @kahvipaputyyppi Місяць тому

    Great tip, I would have never guessed the solution was this simple yet so effective! 🤩

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

    Omg thank you immensely for this!!

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

    tysm for this, i'm currently working on my thesis film (24fps, animating everything on 2s and occassionally 3s for a choppy look) and this showed me a better idea of how to space out poses :~] thank you!!

  • @BlxxdLeaf
    @BlxxdLeaf Місяць тому

    Thank you.

  • @dhruvverma2951
    @dhruvverma2951 2 місяці тому +1

    I would love to see a video explaining the same with more examples.

  • @x_moondancer
    @x_moondancer Місяць тому

    This was so helpful!! I'm currently learning to animate and I could not figure out why everything looked like it was moving so slowly 😅

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

    OOH MY GOODNESS, I LOVE IT, THANK YOU SOO MUCH FOR THIS TUTORIAL AAAA 😩😩🙏🙏🙏🙏🙏🙏💖💖💖💖💖💖💖💖

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

    you are one of my fav animation channels!!

  • @sup-wo3uw
    @sup-wo3uw 2 місяці тому +6

    I OWE YOU MY LIFE THANK YOU

  • @echo5435
    @echo5435 2 місяці тому +1

    thank you for this!!

  • @RedWish-ov7wb
    @RedWish-ov7wb 2 місяці тому +1

    nice straight to the point...

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

    Yes! A channel that teaches about animation and gets to the point and explains things so clearly for me ❤❤
    subscribed 😁🙏

  • @4thdimensionalexplorer
    @4thdimensionalexplorer Місяць тому

    Neeto! I've been trying this on accident but having my extra frames added in the middle not the beginning and end. I'll give this a try!

  • @pierogi-h3u
    @pierogi-h3u 2 місяці тому +1

    So very helpful, thank you

  • @cam_by_art
    @cam_by_art 2 місяці тому +28

    What program does she use?

  • @JosephDannyBondoc
    @JosephDannyBondoc 14 днів тому

    This is a really useful video! :D

  • @arttashfilms9816
    @arttashfilms9816 Місяць тому

    You don't know how much you just helped me

  • @AlexGriggAnimation
    @AlexGriggAnimation Місяць тому

    Great vid! I've been working on a little demo on how I think about smoothness in animation too. I'd love to hear your thoughts when I release:)😊

  • @spacerunner357
    @spacerunner357 2 місяці тому +1

    This is really Good to know!

  • @vishal4nw
    @vishal4nw Місяць тому

    Needed this ❤

  • @eliteenergy
    @eliteenergy Місяць тому

    finally! this is awsome. i love it! subscribed! liked!

  • @a.j.outlaster1222
    @a.j.outlaster1222 2 місяці тому +1

    1:01
    Uh... I find B appears smoother to me and A looks jittery as if only two frames...
    Is it bad that my mind isn't filling in the blanks?

  • @longhi8175
    @longhi8175 2 місяці тому +1

    There’s a technic that the lines outlining the drawings “move” . They change a little in each frame and it gives a sensation of a dynamic scene. I don’t know if you understand, but can you talk about it and how to do it in a videoo??? Thank youuuuu

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

    Cool, nice explanation! 😄💖 Thanks

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

    thats so helpful thankyou sm !

  • @LesegoThoane-b2z
    @LesegoThoane-b2z Місяць тому

    Thank for this kind lady

  • @Nehu_22
    @Nehu_22 Місяць тому +2

    Am I the only one that felt that the A circle wasn't smoother and in fact, just looked like it teleported from left to right?

  • @hxfsa-kp1ho
    @hxfsa-kp1ho 14 днів тому

    This- this was so helpful and in- in three minutes, im- in shock.

  • @Absbor
    @Absbor Місяць тому

    Ah, this explains why some of my animations lookes animated when i only have start and finish parts. Thank you.

  • @Joel0mokaro
    @Joel0mokaro Місяць тому

    This is why I love animating sakuga

  • @cd2028
    @cd2028 Місяць тому +1

    3 minutes of having my mind blown

  • @Blorckits
    @Blorckits Місяць тому

    What situations would higher fps benefit the animation more?

  • @_ghostchip
    @_ghostchip Місяць тому

    This is so helpful!

  • @YelinBayildiran-lx3kl
    @YelinBayildiran-lx3kl 7 днів тому

    to me, fps is really cool cuz like the lower it is the slower and more rough your animation gets, but still, that's not necessarily a bad thing.

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

    i abuse the slow in and slow out to make animations snappy it works great for Fight scenes on my channel

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

    No wonder anime is known to be a time saver in animation...
    The moment they catch the funny frame snap is the moment you realize you're caught.
    But who would care if the pose is sick... unless that too you messed up... and it became goofy.

  • @Orez-Suke
    @Orez-Suke 2 місяці тому +11

    Good things you added more exemple than the circle one, because to me Circle B was a ton more smoother than Circle A

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

    Thank you very much this trick helps to many times save

  • @WhatTheBleep24
    @WhatTheBleep24 7 днів тому

    I see it teleporting back and forth

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

    Amazing tutorial🧡🧡🧡🧡

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

    this is what I call ✨MAGIC✨

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

    Damn thank you for this

  • @elumbo
    @elumbo 2 місяці тому +1

    great video!!!

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

    I do this all the time! It is very useful technic!

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

    Traditional animation may look “smoother” with higher frame rates, but it usually looks “best” with as few frames as it can get away with.

  • @sakuyaame-mk3fm
    @sakuyaame-mk3fm 8 днів тому

    Helpp once she said "your brain fills in the gaps 1:18" I DID NOT DO THAT 😭😭😭

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

    I wanna make my own games one day and this is really inspirational to know.

  • @drstrangefingers2498
    @drstrangefingers2498 Місяць тому

    You awesome ! So helpful.

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

    Thanks, great video.

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

    THANJ YOU

  • @ministerofjoy
    @ministerofjoy Місяць тому

    Thank you🎉

  • @Kurkanos
    @Kurkanos 2 місяці тому +1

    Stretching is very important too

  • @dominictanswell6122
    @dominictanswell6122 2 місяці тому +1

    Can you show me how to animate swimming creatures?

  • @morgue1484
    @morgue1484 Місяць тому

    to me it does look like its teleporting back and forth

  • @treywatts-s9c
    @treywatts-s9c 2 місяці тому +1

    thank you so much for this! what animation program do you use for your animations

  • @elisatk0vasickova613
    @elisatk0vasickova613 2 місяці тому +1

    I see A) rlly just teleporting 😖

  • @ToddDolce
    @ToddDolce 2 місяці тому +1

    This is brilliant stuff! I do wish though that you took a breath every now and then (or if you made cuts in post to reduce dead space that you refrained from that) because at about 1 minute in I felt exhausted and basically had to go into the settings and slow the playback speed down 25%. The problem with that though is then your visual examples are no longer accurately depicted. You are a VERY smart animator and super talented,....I just hate that it gets lost a bit in translation due to the high speed at which you are speaking without normal pauses. Just my opinion though and others may disagree.

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

    Fantastic tips

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

    should've watched this before animating a 5 second project frame by frame of 30 fps, hoo boy.