Create SMOOTHER animation with FEWER FRAMES

Поділитися
Вставка
  • Опубліковано 31 січ 2025

КОМЕНТАРІ • 277

  • @cactuscian
    @cactuscian 3 місяці тому +1506

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

    • @CreatureCreations-
      @CreatureCreations- 3 місяці тому +120

      And I thought 24 was hard...

    • @Vivi-Xing
      @Vivi-Xing 3 місяці тому +48

      60?!?!?

    • @cactuscian
      @cactuscian 3 місяці тому +196

      @@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 3 місяці тому

      ​@@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 3 місяці тому

      I like 60fps

  • @mertensiam3384
    @mertensiam3384 3 місяці тому +706

    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 3 місяці тому +11

      That's super useful! Thanks

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

      Thanks for the tip (Love the su pfp btw)

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

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

    • @NoName-zm1ks
      @NoName-zm1ks 2 місяці тому +1

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

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

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

  • @Jay-bq1dq
    @Jay-bq1dq 3 місяці тому +314

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

    • @CaptainCretaceous91
      @CaptainCretaceous91 Місяць тому +3

      What are smear frames?

    • @riceszt_nt.21
      @riceszt_nt.21 Місяць тому +25

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

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

      Someone called my 12 fps animation smooth because of smear frames

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

      @Wyvern4rtsame here. Making consistent movement in a 12fps animation I’m doing is just so much easier with smears.

  • @user-iGb
    @user-iGb 3 місяці тому +371

    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 3 місяці тому +8

      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 2 місяці тому +18

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

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

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

    • @Kavlor1
      @Kavlor1 26 днів тому +1

      There are AI apps for smoothing out video frames but it looks wrong when used in animation that were made for low frame rates.

  • @ChrisCrazyHouse
    @ChrisCrazyHouse 3 місяці тому +181

    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 3 місяці тому +259

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

  • @littlemais
    @littlemais 3 місяці тому +114

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

  • @wartygourd
    @wartygourd 3 місяці тому +45

    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.

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

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

  • @coltonk.3086
    @coltonk.3086 2 місяці тому +58

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

  • @alex_ho
    @alex_ho 3 місяці тому +26

    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!

  • @AmyLynx
    @AmyLynx 3 місяці тому +52

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

  • @AvaGr8ce
    @AvaGr8ce 3 місяці тому +12

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

  • @arturouroa
    @arturouroa 3 місяці тому +71

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

  • @ForexTrading-e3b
    @ForexTrading-e3b 3 місяці тому +7

    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!

  • @ViviElFurro
    @ViviElFurro 3 місяці тому +41

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

    • @AzureLikeSky
      @AzureLikeSky 3 місяці тому +1

      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 3 місяці тому +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 3 місяці тому

      same

  • @1murkeybadmayn
    @1murkeybadmayn 3 місяці тому +7

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

  • @exaviary7555
    @exaviary7555 3 місяці тому +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

  • @Alphabittled
    @Alphabittled 3 місяці тому +6

    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

  • @potatoesgames
    @potatoesgames 3 місяці тому +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.

  • @cam_by_art
    @cam_by_art 3 місяці тому +59

    What program does she use?

  • @SpicyMilk2005
    @SpicyMilk2005 16 годин тому

    This saved my animation life by making smooth animation with less frame and less frame rate. That makes my animation finished faster.

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

    3 to 6 = Talk and Movements
    8 to 12 = Action Secuence
    15 to 24 = Movie
    30 to 60 = Video Game

  • @TomsonSDK
    @TomsonSDK 3 місяці тому +5

    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 3 місяці тому +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!!

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

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

  • @sunnybun6969
    @sunnybun6969 14 днів тому +1

    This was very helpful thank you so much! ❤
    I normally get very burned out because animation is outside my comfort zone but I still want to make it look nice for my viewers, so finding a way to make it easier is really useful.

  • @krllvrntsv
    @krllvrntsv 3 місяці тому +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.

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

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

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

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

  • @StainlessHelena
    @StainlessHelena 3 місяці тому +1

    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.

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

    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!

  • @pifopifo1000
    @pifopifo1000 Місяць тому +9

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

    • @hiagogames
      @hiagogames Місяць тому +5

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

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

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

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

    This is genuinely the best animation video tutorial ever

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

    A life saver tutorial, straight to the point ❤ thank you

  • @justtese8179
    @justtese8179 3 місяці тому +7

    10/10 explanation

  • @FirstLast-kr6ek
    @FirstLast-kr6ek 19 днів тому +1

    I literally just started making an animation and thought "ooooh this is so choppy" and then UA-cam recommended me THIS.

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

    This is Gold. Thank you!

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

    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

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

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

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

    Thank you.

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

    this is GENIUS TIP, thank you so much!!

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

    Thank you for sharing your knowledge

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

    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

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

    you are one of my fav animation channels!!

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

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

  • @AnimatedEscapism
    @AnimatedEscapism 3 місяці тому +6

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

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

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

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

    You don't know how much you just helped me

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

    I OWE YOU MY LIFE THANK YOU

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

    really helpful and easy to understand, thankyou!

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

    nice straight to the point...

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

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

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

    thank you for this!!

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

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

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

    This is a really useful video! :D

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

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

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

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

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

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

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

    thank you so much for making our lives easier!!!
    alsoo i wanted to know what software are you using?

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

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

  • @hxfsa-kp1ho
    @hxfsa-kp1ho Місяць тому

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

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

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

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

    This is really Good to know!

  • @bunkstunkis
    @bunkstunkis 9 днів тому

    Often when I animate a simple beginning/middle/end motion, I end up deleting my middle frame and adding an exaggerated overshoot before the final frame. Sometimes I plot it out correctly from the start but usually I have to go the long way around 😅

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

    So very helpful, thank you

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

    Omg thank you immensely for this!!

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

    Thank for this kind lady

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

    I see it teleporting back and forth

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

    This is so helpful!

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

    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 😅

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

    Needed this ❤

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

    This is why I love animating sakuga

  • @longhi8175
    @longhi8175 3 місяці тому +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

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

    I love animating, spend hours animating without realising it cause its fun to see your creativity come to life but I am seriously concerened about AI animation and the affects it would have on my career 😢 like i can't pursue my dream of doing something I love because now it has little to no career option at all 😢😢

  • @GameDev-c5x
    @GameDev-c5x 5 днів тому

    Guys just remember, FPS on Games plays SUPER DIFFERENTLY than FPS on animations

  • @YelinBayildiran-lx3kl
    @YelinBayildiran-lx3kl Місяць тому

    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.

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

    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!

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

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

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

    to me it does look like its teleporting back and forth

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

    this is what I call ✨MAGIC✨

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

    thats so helpful thankyou sm !

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

    Damn thank you for this

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

    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:)😊

  • @Rolf_Golfball
    @Rolf_Golfball 19 днів тому

    Thanks

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

    Cool, nice explanation! 😄💖 Thanks

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

    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.

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

    Stretching is very important too

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

    3 minutes of having my mind blown

  • @a.j.outlaster1222
    @a.j.outlaster1222 3 місяці тому +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?

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

    helpful tips I must admit.

  • @ToddDolce
    @ToddDolce 3 місяці тому +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.

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

    Can you show me how to animate swimming creatures?

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

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

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

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

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

    great video!!!

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

    Fantastic tips

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

    I watched this video and really liked the content. Then I moved on to another video, only to look this video up again and come back to it because I realized I forgot to give a like.

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

    Thank you🎉

  • @amirarslsnmihrfar5923
    @amirarslsnmihrfar5923 2 дні тому

    Good point👍