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

Подписаться 189 тыс.

Просмотров 22 тыс.

50% 1

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

Опубликовано:

29 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 59

@mrmooremedia Год назад

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

@dogflirt Год назад

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

@Nicknack285 11 месяцев назад

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 11 месяцев назад

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

@melaniesmith8324 Год назад

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. ❤️

@brahimoussalem4824 Год назад

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

@gazzabazz Год назад

Thank you so much, Jake - so helpful!

@AndrewMarston Год назад

Such a time saver. Thanks for making this!

@TheSancheztomas Год назад

Great work Jake, as usual

@Budrick21 Год назад

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 Год назад

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

@JakeInMotion Год назад

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

@emb0y 9 месяцев назад

@@Budrick21 thks!!

@souvikkarmakar4059 Месяц назад

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

@poppygavinn 7 месяцев назад

Jake you da goat man thank you

@nicholascoker6154 Год назад

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!

@comsci Год назад

Thanks a lot !

@kenedamoncef6735 Год назад

ohh man ! Thank you so much

@JookoSusiloo 11 месяцев назад

thank you so much jake

@MikeBradecich Год назад

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

@AlphaPsionic 11 месяцев назад

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.

@19visuals Год назад

That’s so interesting!

@indy4s Год назад

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

@yousefismaiel3708 Год назад

Appreciate it

@George-wz5se Год назад

awesome

@fahmiraza1763 Год назад

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

@MrPondo17 Год назад

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

@pedrosoto1995 Месяц назад

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!

@disguisedkratos4723 Год назад

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

@JakeInMotion Год назад

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

@rickardbengtsson Год назад

WoohOOoooOOOooOOOOooOOOOOOoooooOO

@nickdrexler-art Год назад

WOAHHHHHH

@yusrileka1036 7 месяцев назад

Is it commercial use?

@marcosecci90 Год назад

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 Год назад

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

@marcosecci90 Год назад

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

@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 10 месяцев назад

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

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

@jeanvix7609 Год назад

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 Год назад

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 Год назад

@@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 Год назад

@@JakeInMotion Doesn't work :/

@jeanvix7609 Год назад

@@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 Год назад

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 Год назад

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

@JakeInMotion Год назад

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

@raphaelpotvin1523 5 месяцев назад

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

@JakeInMotion 5 месяцев назад

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 5 месяцев назад

@@JakeInMotion That was IT! Thanks SO much!

@chloelee0817 Год назад

Are you giving preset for freeee?

@JakeInMotion Год назад

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 Год назад

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

@JakeInMotion Год назад

Sorry to bore you with my content.

@tawfikal-bitar200 Год назад

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 Год назад

It's a free dude

@shivangirathi6799 4 месяца назад

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

@eladbari Год назад

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; }