Frame by Frame Animation Tricks in After Effects | Tutorial

Поділитися
Вставка
  • Опубліковано 30 тра 2024
  • ► Learn how to animate with expressions in After Effects! Check out my new course: bit.ly/expressions-in-ae
    ► Get your free expressions sheet: bit.ly/expressions-cheat-sheet
    Frame by frame animation used to be the only way to animate. Before computers and all the software existed. It is still used today to replicate the quality and the look of this traditional animation technique.
    Every frame is drawn individually, which takes a lot of time, patience and experience.
    Usually, you would use Adobe Animate, Photoshop or Pro Create.
    But there are ways to simulate frame by frame animation in After Effects.
    And in this tutorial, I’ll show you how.
    Content:
    0:00 Frame by frame animation
    0:45 Frame by frame basics
    1:57 Toggle Hold Keyframes and CC Wide Time
    4:06 Animating with expressions in After Effects
    4:55 Animating a cube
    9:25 Adding a scribbled style
    12:30 Adding shade
    12:55 Complex frame by frame animations
    ► My After Effects Courses + Resources: bit.ly/ae-courses
    ► My After Effects Project Files: gumroad.com/manueldoesmotion
    ► Join the Community: bit.ly/community-start-here
    ► Follow my Socials:
    Instagram: / manueldoesmotion
    TikTok: / manueldoesmotion
    Some of my links are affiliate links. By purchasing through these links I earn some money at NO extra cost to you. It’s a Great way to support my channel! Thanks!
    #aftereffectstutorial #animation #motiondesign

КОМЕНТАРІ • 62

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

    Finally! Waited for your course for the longest time

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

    Dope techniques as always Manuel!

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

    Thanks for teaching industry-standard animations.

  • @EdEditEddy
    @EdEditEddy 4 місяці тому

    Very interested in this course! Expressions have always been a nightmare for me to understand. Can't wait to check it out!

  • @anipieog
    @anipieog 4 місяці тому +1

    great tutorial man keep it up!!

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

    Amazing Motion Graphics Work Bro 😃😃

  • @Oner_Biberkoku
    @Oner_Biberkoku 4 місяці тому

    Really helpfull tricks. Thank you. More frame by frame tricks or a in depth course would be nice.

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

      That's great to hear! You're welcome! I'll do more videos on that topic soon.

    • @Oner_Biberkoku
      @Oner_Biberkoku 4 місяці тому

      @@ManueldoesMotion 🎉🎉🎉🎉

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

    I used to do F-b-f in animate but due to time had to use the AE trick. Let AE do the work for the inbetweening for you while you just work on key key frames. Just add that posterize time cherry on top with dash of wiggle or wave distortion for that hand drawn FBF feel & u get to meet deadlines too!

    • @ManueldoesMotion
      @ManueldoesMotion  4 місяці тому

      Yes! 👍🏻 That’s it! It saves a lot of time.

  • @stylishakru
    @stylishakru 4 місяці тому +1

    Can you do another video on this? Like a much detailed version? I love this style

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

      That’s a great idea!

    • @stylishakru
      @stylishakru 4 місяці тому

      Really appreciate your works@@ManueldoesMotion

    • @stylishakru
      @stylishakru 4 місяці тому +1

      Can you do the complex frame to frame animation video where you showed a hand animation made into a 2d animation?
      @@ManueldoesMotion

  • @smoker83
    @smoker83 4 місяці тому

    Hi Manuel, super nice tutorial! congrats. I always set the frame rate in "composition settigns" instead using "Posterize Time". I´ve had some issues when precomposing using this effect. Do you believe there are many different between this two process?

    • @ManueldoesMotion
      @ManueldoesMotion  4 місяці тому +1

      Hey! Thanks very much! I don’t think there are a lot of differences. I prefer the effect or expression because it’s easier to change the frame rate. If you increase it from 8 to 12 frames for example. And for me it is easier to have 24 frames per second available to place keyframes instead of just 8 or 12. I think both methods work, it’s what works best for you.

  • @TZ-mp5wv
    @TZ-mp5wv 4 місяці тому

    I enjoyed it very much.
    Is there any way to give posterization time only to camera movements?

    • @ManueldoesMotion
      @ManueldoesMotion  4 місяці тому

      That's great to hear! Have you tried to apply the posterizeTime effect or expression to the camera properties?

    • @TZ-mp5wv
      @TZ-mp5wv 4 місяці тому

      yes
      However, although the position of the layer is applied well, the camera movement does not look natural.
      I guess I have no choice but to apply it as an effect.@@ManueldoesMotion

    • @ManueldoesMotion
      @ManueldoesMotion  4 місяці тому

      @@TZ-mp5wv It probably doesn't feel right if you apply it just to the camera. You might try to reduce the frame rate of all layers. Apply the posterizeTime effect to an adjustment layer on top.

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

    Thanks for sharing your knowledge! Can I ask you which is the name of the plugin or complement that alow see the shapes properties?

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

      It's the property window. It comes with after effects. It's under the Window menu and is called "properties".

  • @sarvamshinde9337
    @sarvamshinde9337 4 місяці тому

    Tutorial for 2nd animation the bite in the intro

  • @agfirs_o2579
    @agfirs_o2579 4 місяці тому

    Im so broke I cant buy the expression course

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

    0:01 anyone knows how to get thie old tv vintage voice? It sounds like from a monochrome show, which is awesome 👍

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

      I think there are effects for that in Adobe Audition.

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

      @@ManueldoesMotion great, I will get there. Thanks.

  • @user-yi3rq7jk2r
    @user-yi3rq7jk2r 4 місяці тому

    how about circle light ?

  • @naturegraphy920
    @naturegraphy920 4 місяці тому

    Can you just tell me the expression of hand particles?

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

    @3:35

  • @StartAnimation
    @StartAnimation 4 місяці тому

    why do animation in afterFX if it seens so much time to make when clearly exists other softwares to do it more affordable and simple?

    • @ManueldoesMotion
      @ManueldoesMotion  4 місяці тому +1

      You mean in general? To create great animations takes a lot of time no matter which software you use. And After Effects is the industry standard.

    • @Kagemusha247
      @Kagemusha247 4 місяці тому

      One thing which comes to mind is - animating for web and mobile. After effects with bodymovin plugin or lottie helps you to convert these kind of frame by frame path animations into json format (lines of codes). These can be very compact and of very low file size and far better than a gif output. I don't know if any other program supports this other than figma, after effects or may be Rive.

  • @user-bs3jd2hj3z
    @user-bs3jd2hj3z 4 місяці тому

    What is Frame by frame animation? It's looks like a "boring linear animation" (if you like it 0:59), but not a frame by frame animation. I also dont agree with you that linear animation is "boring". Why frame by frame anim isnt boring? Maybe you ask those who actually do animation frame-by-frame? You can also increase your frame rate to 60fps and animate with key frames (automatically) or do real fbf. So what is fbf?

    • @user-bs3jd2hj3z
      @user-bs3jd2hj3z 4 місяці тому

      To be honest, I thought there would be something about paint and stick or their built-in brush, but it seems to me that ae is not intended for real frame by frame. Even Photoshop, or animate at worst, does a much better job of this.
      PS: This is the same as what you will call the video - “tricks of recording and reading an analog video signal”, and you will tell how to add lut and noise to footage shot on Canon 60D in Author Effects

    • @ManueldoesMotion
      @ManueldoesMotion  4 місяці тому

      No After Effects is not intended for frame by frame animation. It is possible to simulate frame by frame animation though. And that’s what the video is about. I explain that at the beginning.

  • @itskeshhav
    @itskeshhav 4 місяці тому

    I always love your tutorials and learn something new each time. But WHY DON"T YOU USE F9 TO EASY EASE THE KEYFRAMES?? That's... unsettling. jk

    • @ManueldoesMotion
      @ManueldoesMotion  4 місяці тому +1

      I made it a habit to right-click and to use the menu because I think it’s easier to follow if you see it. Instead of me just pressing F9.

    • @itskeshhav
      @itskeshhav 4 місяці тому

      @@ManueldoesMotion Ah, yes. It's true. Thanks for all the valuable information you out there :)

  • @abivlog22
    @abivlog22 4 місяці тому

    Broh

  • @englishconnects9631
    @englishconnects9631 4 місяці тому +9

    Brother, it seems like you have a lot of knowledge about after effect but the way u explain or interpret is not good.please work on that .love from India

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

      What would you differently?

    • @flobercool
      @flobercool 4 місяці тому +6

      I disagree. This video is not for beginners. This animation requires a little skills and understanding of ae imo.

    • @priyeshpv
      @priyeshpv 4 місяці тому +6

      I'm confused because this is a extremely good tutorial! Just the idea of using 8 fps never was on my mind and I'll use it! As "Flober" said you'll need a bit of knowledge about shape layers, expressions and stuff, but only basics.Thanks and best regards from Berlin! (From someone with an indian background, if that matters at all 😅)

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

      @@ManueldoesMotion i think your video will become more popular, if you add on in your videos to use one technique in different ways and tell why we use this or reason behind it and what is the meaning of this . For example - if you teach how to use displacement maps then please tell us what is displacement map and what we can create with the help of displacement maps and how displacement maps work with other tools or options. Hope you get what i am trying to tell you. Love Always, stay blessed. Thank You.

    • @ManueldoesMotion
      @ManueldoesMotion  4 місяці тому +1

      @@priyeshpv Thanks very much!