Advanced Squash and Stretch in After Effects
In this video tutorial Jake Bartlett shows us how to create advanced squash and stretch rigs in After Effects.
Download Project File: www.schoolofmotion.com/tutori...
Check our our first squash and stretch tutorial: bit.ly/2ttV2Sy
---------------------------------------------------------------------
Partial, Auto-Generated Transcript Below 👇
Music (00:00): [elevator music]
Jake Bartlett (00:19): Hey, this is Jake Bartlett for school of motion. And in this lesson, I'm going to be teaching you about an advanced squash and stretch method. Now, if you're not familiar with the squash and stretch animation principle, you should definitely go back and watch Joey's lesson on what it is, why it's important and how to do it. That'll get you up to speed. Then you can come back to this lesson and learn how to apply it in a more advanced way. Squash and stretch can add a whole lot of life to your animations. And it's really great for making things look cartoony. And what we're going to do in this lesson is streamline the entire process of applying squash and stretch to anything you want to animate simple shapes, text characters, anything at all. And on top of that, we're going to be adding an extra level of detail that will create unique deformations with your squash and stretch.
Jake Bartlett (01:03): We're going to be using a few expressions, but none of them are too complicated. So don't worry if you're not too savvy with them. And don't forget to sign up for a free school of motion student account so that you can have access to my project files for this lesson, as well as all the other lessons on school of motion. Plus, you'll be added to our weekly newsletter, which keeps you up to date on this industry and everything that's happening over here at school of emotion. Now, squash and stretch is a super helpful technique for giving life to your animations, but sometimes just using the scale property, makes it all look a little too uniform and can start to look a little plain. Let me show you what I mean by that. I've set up this little demo to explain what squash and stretch is, and then what we'll be doing.
Jake Bartlett (01:40): So on the left side, you see there's no warping at all. This little chicklet guy is just jumping up, falling down. There's no squash and stretch in the middle here. I'm using the scale property to drive the squash and stretch. So the character anticipates his jump squishes down, hops up in the air and then deforms to make a much more cartoony, bouncy, squishy looking animation that gets the job done. And a lot of times it can look just fine. But what we're about to do is add another level of detail that you can see over on this third character where we're not only scaling the layer, but we're also deforming the shape. So right in here, you can see that the character is bending in a way that just animating the scale property. Wouldn't allow us to do that. Little extra detail can add a lot of life to your animations.
Jake Bartlett (02:26): So let's jump in and see how we can make this happen. I'm going to make a new comp 1920 by 10 80, 24 frames per second, and I'll make the background white. So it's easy to see and I'll start by making a new solid, and I'll just make it 200 by 200 pixels and pick a nice orange color hit. Okay. And then I'm going to add the warp effect. So I will find the warp and apply it. So let's take a look at what this effect is doing. You may be familiar with it already, but it just allows you to bend in historic whatever it's applied to in some preset. So by default, it's set to the arc warp style and I have this bend control, which allows me to control how much it bends and in what direction I can also choose which axis to warp it on so we can go vertical or horizontal.
Jake Bartlett (03:17): And if you go through the warp styles, there are all different kinds of warps that you can apply to your layers. So you can take some time to look through all of these. We're going to be using the bolds warp style for this. And as you can see this warps the top and bottom, when it's set to horizontal, and if I change it to vertical, it'll kind of push the edges out or bring them in. This is how we're going to be using it. So make sure the warp style is set to bulge and your warp axis is set to vertical. Some other controls. We have our horizontal distortion and vertical distortion, and these are also going to come into play. If I adjust this, you can see that it kind of skews the layer left and right, or up and down. Now, one important thing to take note of is that right now, this warp effect is basing the warp on the size of the layer.
Пікірлер: 51
Damn man, this is why people need to watch these videos of the pros, no one else out there has got any video of this on KZread. All of them are about either free ae script or free plugin & blah blah blah what else not. A big hat's off to you Sir
Thanks Jake, there's not a useless minute on this video. Explanations worth every second of viewing.
OMG, the info about it not working on the continuously rasterized layers was JUST WHAT I NEEDED!! I have been building something recently, and I too was trying to use the warp on a layer to improve the S&S. While it sooooort of worked, then in the final composition that precomp was showing completely CRAZY MOVES!! I had no idea that it was the CR toggle that caused that. Thank goodness for all the great knowledge spread here for free!
Mind blown, thanks for the amazing tutorial!
Legendary tips! thanks Jake
Great tutotial man! Really helpful, now it's much easier to work with a such type of animations. Thank you so much!
Extremely useful and well done!
That was really helpful. Thank you so much!
One of the best tutorials I've ever watched! Thanks so much for putting this together.
Awesome tutorial! You explain it so well and it's so easy to understand :) Thank you very much
this is the best tutorial that i have ever seen on youtube.... this is such a snack thank you
thank you so much for creating this tutorial
loving the school of motion
Great tutorial
very helpful! thank you!
this video is pure gold
Wow, you rock!!! Maybe it's not so complicated (for me it is) but you made it look simple. The preset thing is useful as hell! Thanks . PD your voice and pace is really outstanding. \m/
Thanks a lot
I attended Jake's class on skillshare and it was life changing or career changing!
@schoolofmotion
5 жыл бұрын
The dude is a pro. You should check out his new Photoshop and Illustrator Course at SoM: www.schoolofmotion.com/photoshop-illustrator-unleashed
Hey Jake, great tutorial. The formula for maintaining the shape's area/volume is really inaccurate though. For example, if you had a square 10 units by 10 units it has an original area of 100. The way you've set things up, if the width is reduced to 50% (5 units) the height would become 150% (15 units) making the total area 75 (5 x 15). This means you've lost a quarter of the shape's area. This problem compounds as the scale value moves further away from 100% in either direction. At 10% width (1 unit) the height would be 190% (19 units) for a total area of 20 units. At that point, a full 80% of the shape's area has disappeared. The accurate way to maintain the shape's area is to set the width to the original width (100%) times the original height (100%) divided by the new height... so: width=10,000/height.
@tleigefer530
2 жыл бұрын
👍🏻
The maintain equals 200, I never knew about that :') And this is a very useful tutorial, save a lot time. Great video mate *sob
@schoolofmotion
7 жыл бұрын
Yes, such a useful technique when animating. Cheers!
The expressions are so small for me to read. Is it maybe possible to get them in to the description? Thank you so much. :)
Thank you! These School of Motion videos are such a mixed bag... Having endured Joey's reckless teaching of bad habits, wasteful techniques, and use of the word "okay" at the end of every sentence, this comes as a breath of fresh air.
@leetheron529
5 жыл бұрын
Wow. I am really surprised to read this comment. Joey and the School of Motion team have been instrumental in my career and work tirelessly to help motion designers and the industry as a whole. I have learnt more than I have ever learnt through School of Motion tutorials and courses.
Thank You school of motion could please make your course little less expensive it would be great.
Hi ! I have bezier warp and mesh warp but not just warp so I lack your axis parameters... How do I find it ?
To maintain the same volume in a 2D shape, the result of : {width * height} must be always the same. Not the {width + height}.
@Vandueren5
3 жыл бұрын
Yep, I always use width!=0 ? 10000/width : 0;
Would love to know how you copied & pasted warp effect from solid layer to Vector precomp. Tried dragging (does not work). Cannot copy via command+c. And when I apply warp by just adding it to the precomp, it has the same distorted look as if I hadn't pre-comped at all. What am I missing??
.. Have tried precomping cropped vector shape layers as well as type layers then adding warp effect to precomp. Precomping does not seem to solve the offset problem with warp effect. I see this video is 5 yrs old. Does this method of precomping not work anymore?
Sadly I cant access the squash and stretch project files as I only get a partial download when going to the school of motion site. Please can you advise? Thanks.
I would love to have access to this files! But they are gone! the file is corrupted.
This is Da)
I have a problem with expressions: var sHeight = effect("Transform")("Scale Height"); linear(sHeight,0,200,50-50); - they doesn`t work. The program says, that project contains an expression error. What should I do?
@craveleaks8102
6 жыл бұрын
Just remove var and start with sHeight. It might fix the problem.
@mattjamont7172
6 жыл бұрын
You're missing a comma in the linear expression between the values "50" and "-50".
@alexaquan2613
Жыл бұрын
@@craveleaks8102 had the same problem and i think this fixed it, thanks!!
does this work in 3D space too?!
@schoolofmotion
6 жыл бұрын
The principles would be the same on a z-axis, but if the camera has rotation you will obviously run into some awkward 2.5D problems.
@gemzamala
6 жыл бұрын
I tried to do it with a 3D extruded shape but warp effect didnt work so i used element 3D and i managed to do it perfectly with same expressions thank you ^_^ but still it would be lovely to see a tutorial on 3D squash and Stretch!!
en español seria: var sAltura = effect("Transformar")("Altura de la escala"); linear(sAltura,0,200,50,-50);
@schoolofmotion
6 жыл бұрын
Do you purposely give the wrong files on your website !?
You don't show your shortcuts so it's difficult of us to follow what your are doing ?
Dope Mate, but my dyslexia gives the tutorial an extra angle ☺
Always remember to repent of your sins (sin is transgression of YAHUAH’S LAW: Genesis, Exodus, Leviticus, Numbers, & Deuteronomy) And Have Belief On YAHUSHA HAMASHYACH. HE Died and Rose Again On The Third Day So that you can be forgiven of your sins! HE Loves you! Come to HIM!🙂🙂