EASILY add Squash and Stretch to your animations with this After Effects preset!
HTML-код
- Опубликовано: 19 июл 2024
- 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 RUclips 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!
You really are a huge asset to the animation community Jake - thank you for all your hard work.
Man… What a timesaver. Thanks so much for both of you putting your efforts into this. 🖤🖤✌️
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. ❤️
We appreciate your effort. Thank you so much for what you are doing
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!
Thank you! This was exactly what I was looking for!
Such a time saver. Thanks for making this!
YOu're a lifesaver man. Continue this good work!
Great work Jake, as usual
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.
Thank you so much, Jake - so helpful!
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!
Jake you da goat man thank you
I am so excited to abuse this beautiful tool in some really obnoxious ways. You’re brilliant and a gift, Jake.
Thanks a lot !
thank you so much jake
ohh man ! Thank you so much
This is going straight to the preset folder, no questions asked.
That’s so interesting!
Appreciate it
Oh jak it's like life saving
Love your explanation please make more animation tutorial for Yt
God bless you ❤
awesome
Hmm, what if add the center anchor point expression to "c" point in admin menu?
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!
WOAHHHHHH
WoohOOoooOOOooOOOOooOOOOOOoooooOO
Bro how do you make your own little window named jakr in after effects please make video on that..
It's just a blank panel, I put my video on top in OBS.
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?🙏🏻
Hi! Check to make sure your expressions engine is set to JavaScript in the project settings. That's likely the issue.
@@JakeInMotion if you were next to me i would hug you! Hahah… thanks a lot!! very helpful!
@@JakeInMotion not working for me, even with JavaScript in the project settings. Could it be because I have After Effects in Spanish?
I forgot to mention that it doesn't work even with your demo project.
@@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!
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 ?
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.
@@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!
@@JakeInMotion Doesn't work :/
@@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
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.
Is it commercial use?
It doesn't work. Some expressions errors. Maybe it has to do with language of the installation, i use After Effects in spanish
You need to be using the JavaScript expressions engine: File>Project Settings>Expressions>Javascript.
Seems like the preset doesn't work anymore. There's a problem with the expressions...
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.
@@JakeInMotion That was IT! Thanks SO much!
Are you giving preset for freeee?
It's a "pay what you want" product. If you're not able to pay, you're welcome to enter $0 in the price.
Please stop making tutorial with ur logo, try another object, i am literally bored about that
Sorry to bore you with my content.
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.
It's a free dude
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]);"
Figured it out. File>Project Settings>Expressions>Javascript. Hope that helps someone else.
Ah yes, thanks for mentioning that. Some of the expressions require the JavaScript engine.
@@Budrick21 thks!!
Extremely useful Jake. You're so generous, thanks so much for sharing this with the community. 🫂🌻🙏🤗🤗
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;
}