EASILY add Squash and Stretch to your animations with this After Effects preset!

I created the most comprehensive intro to After Effects, ever. Join Launch Into After Effects today: www.jakeinmotion.com/launch-i...
Get the preset and project files: jakeinmotion.lemonsqueezy.com...
Squash and Stretch is the first of the twelve principles of animation, and it's by far my favorite. It adds so much life and personality to your animations and gives everything an elastic, cartoony look and feel. I think understanding how to use it in After Effects is essential for motion designers, but it can be a little complicated to set up and work with if you're only using the scale property. That's why I set out to make a rig that is independent of the scale property and gives even more control over the shape of the squash and stretch. This preset will allow you to rotate the layer prior to the distortion, essentially rotating the contents of the layer without affecting the orientation of the squash and stretch. It also allows you to skew the layer in any direction and has some other useful controls. I hope you like it!
---------------------------------------
🤝 Support more KZread tutorials through Patreon: / jakeinmotion
🎓 Learn from me in other places:
Skillshare: bit.ly/jbskill
Explainer Camp: www.schoolofmotion.com/explai...
Photoshop + Illustrator Unleashed: www.schoolofmotion.com/photos...
🚶 Follow me online:
Instagram: bit.ly/jbinst
Twitter: bit.ly/2tOX7ui
🏷️ Tag me on Instagram @jakeinmotion if you learned something from me!
Chapters
0:00 Intro
0:26 What it does
2:22 Controls
3:52 Rotation & Skew
5:01 One thing to note
6:01 Examples
7:30 Easily install presets
8:00 Thanks for watching!

Пікірлер: 59

  • @mrmooremedia
    @mrmooremedia11 ай бұрын

    You really are a huge asset to the animation community Jake - thank you for all your hard work.

  • @dogflirt
    @dogflirt11 ай бұрын

    Man… What a timesaver. Thanks so much for both of you putting your efforts into this. 🖤🖤✌️

  • @melaniesmith8324
    @melaniesmith832411 ай бұрын

    Thank you Jake! You are such an amazing and generous soul!!! A huge thanks to Evan also! I’m going to use this in a logo animation I’m making for an upcoming charity event. ❤️

  • @AndrewMarston
    @AndrewMarston11 ай бұрын

    Such a time saver. Thanks for making this!

  • @brahimoussalem4824
    @brahimoussalem482411 ай бұрын

    We appreciate your effort. Thank you so much for what you are doing

  • @TheSancheztomas
    @TheSancheztomas11 ай бұрын

    Great work Jake, as usual

  • @gazzabazz
    @gazzabazz11 ай бұрын

    Thank you so much, Jake - so helpful!

  • @Nicknack285
    @Nicknack28511 ай бұрын

    If anyone doesn't have a User Preset folder, open the Animation Presets then pull any of the animation presets onto a solid or text. Then go to the Animation option at the top of the screen where File and Edit are. Click 'Save Animation Preset'. That should have created a 'User Presets' folder now under the Animation Presets. Hope that helps someone!

  • @JamieTries

    @JamieTries

    10 ай бұрын

    Thank you! This was exactly what I was looking for!

  • @poppygavinn
    @poppygavinn7 ай бұрын

    Jake you da goat man thank you

  • @nicholascoker6154
    @nicholascoker615411 ай бұрын

    This is killer, bro! This would've been so helpful to have for previous projects of mine, and it WILL be for future ones. Looks like y'all thought of everything, too. You've just made a sale. Can't wait to see what's next!

  • @souvikkarmakar4059
    @souvikkarmakar4059Ай бұрын

    YOu're a lifesaver man. Continue this good work!

  • @MikeBradecich
    @MikeBradecich11 ай бұрын

    I am so excited to abuse this beautiful tool in some really obnoxious ways. You’re brilliant and a gift, Jake.

  • @comsci
    @comsci11 ай бұрын

    Thanks a lot !

  • @JookoSusiloo
    @JookoSusiloo11 ай бұрын

    thank you so much jake

  • @kenedamoncef6735
    @kenedamoncef673511 ай бұрын

    ohh man ! Thank you so much

  • @19visuals
    @19visuals11 ай бұрын

    That’s so interesting!

  • @indy4s
    @indy4s11 ай бұрын

    This is going straight to the preset folder, no questions asked.

  • @AlphaPsionic
    @AlphaPsionic10 ай бұрын

    Thanks a lot. This really is a HUGE time saver. I am trying to donate towards the pre-set, but transactions are currently declined for my region. Been a regular viewer, since your original DUIK Bassel video.

  • @yousefismaiel3708
    @yousefismaiel370811 ай бұрын

    Appreciate it

  • @George-wz5se
    @George-wz5se11 ай бұрын

    awesome

  • @fahmiraza1763
    @fahmiraza176311 ай бұрын

    Oh jak it's like life saving Love your explanation please make more animation tutorial for Yt God bless you ❤

  • @pedrosoto1995
    @pedrosoto199515 күн бұрын

    thanks Jake for your amazing work, I spend hours looking at your content. hey, when I try to download this preset, I can't :"Unfortunately, we don't support payments from your country at this time."even if I try to download it for free. I'm in Venezuela. any idea how can I get it? thanks!

  • @MrPondo17
    @MrPondo1711 ай бұрын

    Hmm, what if add the center anchor point expression to "c" point in admin menu?

  • @nickdrexler-art
    @nickdrexler-art11 ай бұрын

    WOAHHHHHH

  • @rickardbengtsson
    @rickardbengtsson11 ай бұрын

    WoohOOoooOOOooOOOOooOOOOOOoooooOO

  • @disguisedkratos4723
    @disguisedkratos472311 ай бұрын

    Bro how do you make your own little window named jakr in after effects please make video on that..

  • @JakeInMotion

    @JakeInMotion

    11 ай бұрын

    It's just a blank panel, I put my video on top in OBS.

  • @marcosecci90
    @marcosecci9011 ай бұрын

    Hi Jake! Is there a reason why the preset does not work for me? the anchor point does not change and stays always in the same point (on the side) even when centred and applied for the first time… any suggestion?🙏🏻

  • @JakeInMotion

    @JakeInMotion

    11 ай бұрын

    Hi! Check to make sure your expressions engine is set to JavaScript in the project settings. That's likely the issue.

  • @marcosecci90

    @marcosecci90

    11 ай бұрын

    @@JakeInMotion if you were next to me i would hug you! Hahah… thanks a lot!! very helpful!

  • @ppgf

    @ppgf

    10 ай бұрын

    @@JakeInMotion not working for me, even with JavaScript in the project settings. Could it be because I have After Effects in Spanish?

  • @ppgf

    @ppgf

    10 ай бұрын

    I forgot to mention that it doesn't work even with your demo project.

  • @JakeInMotion

    @JakeInMotion

    10 ай бұрын

    @@ppgf yes, it could be because you're using a non-English version. For each Transform effect, modify the Position property's expression from "effect("Transform - Rotation")("Anchor Point");" to "effect("Transform - Rotation")("ADBE Geometry2-0001");" and let me know if it fixes the issue. I'll update the preset if that fixes the issue for you!

  • @yusrileka1036
    @yusrileka10366 ай бұрын

    Is it commercial use?

  • @jeanvix7609
    @jeanvix760911 ай бұрын

    Not working at all for me... Firs, applying the preset it moves my element on the left and I can't center it back without moving the position which I would like to avoid. Then the Squash value just move the horizontal scale of the element and the anchor point option dosen't change anything. Any idea ?

  • @JakeInMotion

    @JakeInMotion

    11 ай бұрын

    What type of layer are you applying to, and do you have any other effects applied? Try right clicking in the "c" value in the admin section of the squash and stretch effect and resetting it.

  • @jeanvix7609

    @jeanvix7609

    11 ай бұрын

    @@JakeInMotion I tried with a text layer and a .ai layer, and put the c value at the center. I'll try and you in touch!

  • @jeanvix7609

    @jeanvix7609

    11 ай бұрын

    @@JakeInMotion Doesn't work :/

  • @jeanvix7609

    @jeanvix7609

    11 ай бұрын

    @@JakeInMotion So I put the Javascript option in expressions. Then my element just went I don't know where but come back in my composition area when I reset the c value. S&S works ! Just remains the anchor point problem, it is still stuck on the left and hard to center

  • @JakeInMotion

    @JakeInMotion

    11 ай бұрын

    Oh yes, you have to use the JavaScript engine for the expressions to work. As for the anchor point, I'm not sure what's going on without seeing your asset. If the bounds of your layer aren't aligned with the asset itself (if there's lots of blank space to one side) you'll have to use the anchor offset value to align it with the part of the asset you're trying to base the squash and stretch off of.

  • @marcosvera8377
    @marcosvera837711 ай бұрын

    It doesn't work. Some expressions errors. Maybe it has to do with language of the installation, i use After Effects in spanish

  • @JakeInMotion

    @JakeInMotion

    11 ай бұрын

    You need to be using the JavaScript expressions engine: File>Project Settings>Expressions>Javascript.

  • @raphaelpotvin1523
    @raphaelpotvin15234 ай бұрын

    Seems like the preset doesn't work anymore. There's a problem with the expressions...

  • @JakeInMotion

    @JakeInMotion

    4 ай бұрын

    You likely haven't set your project settings to use the JavaScript engine. The presets will not work if you're using the legacy expressions engine. Click the rocket button at the base of your project panel and go to the expressions tab.

  • @raphaelpotvin1523

    @raphaelpotvin1523

    4 ай бұрын

    @@JakeInMotion That was IT! Thanks SO much!

  • @Budrick21
    @Budrick2111 ай бұрын

    Under Effects>Transform-Distortion> Anchor Point I'm getting "Error at line 6; Variable name expected. This is for the line: "var {left, top, width, height} = thisLayer.sourceRectAtTime(); " Also under Scale Hight I'm getting "Object of type Layer found where a number, Array or Property is needed." This is for the line "10000 / effect("Transform - Distortion")([5]);"

  • @Budrick21

    @Budrick21

    11 ай бұрын

    Figured it out. File>Project Settings>Expressions>Javascript. Hope that helps someone else.

  • @JakeInMotion

    @JakeInMotion

    11 ай бұрын

    Ah yes, thanks for mentioning that. Some of the expressions require the JavaScript engine.

  • @emb0y

    @emb0y

    8 ай бұрын

    @@Budrick21 thks!!

  • @chloelee0817
    @chloelee081711 ай бұрын

    Are you giving preset for freeee?

  • @JakeInMotion

    @JakeInMotion

    11 ай бұрын

    It's a "pay what you want" product. If you're not able to pay, you're welcome to enter $0 in the price.

  • @Mr-ut8gy
    @Mr-ut8gy11 ай бұрын

    Please stop making tutorial with ur logo, try another object, i am literally bored about that

  • @JakeInMotion

    @JakeInMotion

    11 ай бұрын

    Sorry to bore you with my content.

  • @tawfikal-bitar200
    @tawfikal-bitar20011 ай бұрын

    No thank you, there's already one for FREE we can use. Didn't think you would try to fool us like that for 5 dollars. good job tho.

  • @yousefismaiel3708

    @yousefismaiel3708

    11 ай бұрын

    It's a free dude

  • @shivangirathi6799
    @shivangirathi67993 ай бұрын

    Extremely useful Jake. You're so generous, thanks so much for sharing this with the community. 🫂🌻🙏🤗🤗

  • @eladbari
    @eladbari11 ай бұрын

    Thought I'd be smart to combo this Elastic Bounce expression on the Squash parameter, yet, not knowing that much code- it doesn't work. It will work on Position/Rotation/Scale of a layer, yet, I guess it won't work with the Squash :) // Inertial Bounce (moves settle into place after bouncing around a little) n = 0; if (numKeys > 0){ n = nearestKey(time).index; if (key(n).time > time){ n--; } } if (n == 0){ t = 0; }else{ t = time - key(n).time; } if (n > 0){ v = velocityAtTime(key(n).time - thisComp.frameDuration/10); amp = .05; freq = 2.0; decay = 5.0; value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t); }else{ value; }