How to Add Squash and Stretch to After Effects Animations...Efficiently!
🎁 DOWNLOAD THIS PROJECT FILE & ASSETS FOR FREE!🎁 som.bz/2GpGtaY
Animating shapes is a fun, if time-consuming, part of any Motion Designer’s day. If you rush through the process, you might end up with lifeless animations. That’s where a quick squash and stretch can really save your project.
In this tutorial, After Effects rockstar Steve Savalle is going to show you how to use the animation principle of Squash and Stretch to efficiently at a bit of life to your designs, starting with a simple shape. Share your work after with #TearsForSmears.
30 Essential Keyboard Shortcuts in AE | som.bz/33eWYju
~ - ~ - ~ - ~ - ~ - ~ -
🎓INTERACTIVE ONLINE CLASSES 🎓
Animation Bootcamp | som.bz/ab
After Effects Kickstart | som.bz/aek
All Courses | som.bz/2wKsBDu
🧭FREE 10-DAY INTRO COURSE 🧭
The Path to MoGraph | som.bz/2VNHb7D
🚴♀️FOLLOW US FOR MORE LEARNZ 🚴🏾♂️
Website | som.bz/2VMjr3N
Podcast | som.bz/3czNeCP
Facebook | som.bz/3cF3SBh
Twitter | som.bz/2PQfSWF
Instagram | som.bz/2POOJU7
---------------------------------------------------------------------
Auto-Generated Transcript Below 👇
Steve Savalle (00:00): I'm about to show you a great trick to quickly animate rounded shapes without ruining them or your sanity in the process.
Steve Savalle (00:16): Hi, I'm Steve Savalle, a freelance animator designer and educator, and sometimes animating is just hard or other times you just want to see other people's techniques. Okay. So today I'm going to show you my biggest trick to animating a perfect smear and distorting a shape. Every time animating shapes is super fun. It is hands down. One of my favorite things to do as an animator, and it's a very popular trend right now. The other thing is it really gives you an opportunity to push and rely on the basic principles of animation. Today. We're going to do that. We're going to focus on squash and stretch, which is going to give us an amazing sense of the weight. We're going to look at anticipation. There's going to be a little bit of buildup, and we're going to have exaggeration to an extent also known as smears. We're going to create this to give us a sense of speed in this fake motion blur before we begin, be sure to download the project files in the link below. So you can follow along with me.
Steve Savalle (01:10): All right. So let's make a new comp, we're going to go 1920 by 1920. It's just named this circle. So we stay somewhat organized, 24 frames. A second is perfect. And we're going to go with just a second, just because today we're going to be talking about the technique, not creating a finished piece, so let's hit. Okay, let's go through, or just try to keep this organized and now knowing that we're going to do circle, and then we're going to have that nice bounds by default. It's really quick and easy to go and to your shape builder tools and just using an lips. I like to do it a completely different way though. I will go in and I will actually use a rectangle and holding shift. I'm going to pull out to get a perfect square shape. You'll see that my anchor point snaps to the middle, click onto my layer, go to my position, and I'm going to separate those dimensions right out the gate.
Steve Savalle (01:58): I'm a right click separates. So that way I can tackle these individually. Today, we're only focusing on the Y position. And then we want this to be in the center of our comp our center of our comp is going to be half of our comp width. So if we go into comp settings, 1920, we know if we go nine 60, we'll be in the dead center. So we're creating just a nice, easy, nice, quick bounce. And we want a little bit of buildup in the beginning. So I'm not going to set a key frame for the Y position right here at the start, because I want at least two frames where it kind of builds up and you'll get better over time of assessing and knowing how long things should take. So I'll set a key frame here. Let's go forward. Let's say eight frames.
For the full transcript visit: som.bz/2GpGtaY
Пікірлер: 102
Really great tip on starting with a square. Really adds up quality on the squash and stretch animation.
This was really well explained! Loved the comparison between workflows and pros and cons
This was a really good lesson. Thank you, Steve.
Brilliant! I never thought of it this way and now cannot think of doing it in any other way.
So many tips and concepts to benefit our workflow! Thank you!
By far the easiest to understand and practical. Thank you!
Thank you for this man. I really appreciate it. Really great and straightforward. You gave your opinions as well with good reasons. Thanks again.
TearsForSmears 🤣🤣🤣 brilliant. Excellent instruction and SO many great tips here! Thanks for sharing 🤟
best video ever about squash and strech...thank you..this technique? .I'll carry it for life
Thank you for this, extremely informative and straight to the point!
That is so clever way to make squash and stretch! Thanks.
THIS STUFF IS LITERAL GOLD!
Excellent tips, thanks Steve!
This is packed full of great tips. Thanks!
This was great. I never expected this. Love It...
Thank you for the great tutorial and clear explanation!!!
Great video, this is gold! Thank you!
Really well explained! Thanks!!
Such a cool technique! My desk has cracks in it. It could also feel the weight of the shape!
Good trick with shadows! I like it)) Thank you!
Useful as always!
This is a gem!!!Thank you!
Very informative and inspiring video. I learnt alot from this tutorial
Thank you for this tutorial
Thannk you for you class
Best lesson that I ever learned
im at the level of brush my face against the keyboard fighting the program right now , very cool tips ,thanks :D
Great stuff!
so so good, thanks!
thank you, this is great!
Thank you very much for this content sir.
Gold...all GOLD!
Really cool!
very great concepts
I got it all!!! thanks a lot
That was really impressive. Love the video.
@schoolofmotion
2 жыл бұрын
Much appreciated!
Steve, in case nobody’s ever told you, you are fucking amazing! I thought I was halfway decent an after effects, but after watching you, I don’t even exist. I’m going to start watching all your videos. Thank you so much for making me look so bad. Lol.
@stevensavalle
Жыл бұрын
you are far too kind, nobody ever looks bad as long as they arent sitting still. keep up the great work
LOVE IT
Great tutorial
@12:22 I would also suggest adding a "repeater" function under the path and just offset the positions of your clones.
Great video 👍
just started learning this software, thank you so much ( ^ u ^ )
GOD BLESS YOU. THANK YOU SO MUCH
It's really nice tutorial...
If I had to buy one SOM Class just to learn this kind of stuff, which one would you guys recommend? I've been looking at the classes and I'm afraid to buy the wrong one. This video is exactly what I'm looking for, maybe a little bit more in depht. But basically with the lighting, shadows and the example that Steve showed us "Covid".
thanksss
Gold standard
For some reason at 7:58 when he's changing the shape mine still changes the scale.. How did he do that?
Hey Steve, how long do you think this would take you if you weren't explaining it?
How did you set up your color bar to identify layers?
Thank you! Great explanations. Good pace. Question: You did a quick keystroke to bring up search window to find & add levels effect (for shadow). Would love to know that keystroke. Would use that a lot. Thanks!
@stevensavalle
Жыл бұрын
head over to video copilot, the have a free script call FX console
Bro, im not very good in AE, im trying to do soft body animation for a UI and export using lottie plugin to render as svg animation on the web, but its been a pain to animate bezier paths correctelly for a beguinner and the plugin that exports for me dont support effects , just svg stuff, so i thought (is there a way i create the animation i want using an effect like u did here ,and once is finished i convert it to frame by frame path animation and drop the effect?)
Thanks for this. In the beginning, when you first create the shape and the anchor point snaps to the middle, what did you do there? I know you can hold cmd and double-click the pan behind tool to accomplish this but what did you do?
@Steve_Savalle
3 жыл бұрын
AE actually randomly centered it for me. It RARELY happens, so I was just as surprised. Usually on a PC I hit - ctrl+alt+home
@adrianbrito6028
3 жыл бұрын
Hello there, if you go to the left upper menu select "After effects >> Preferences >> General"" there is an option that if you check it, will make your new shapes with the anchor point centered without any click :) hope it helps you.
Hi thank you so much. i really want to learn how to animate, but i have a problem and maybe someone can help me. In the minute 4:33 where you adjust Bezier Handles you have some numerbs on the right and left , but i don't have them. does someone know how to put them ?
This is fucking amazing
Hello there! awesome video It really made me feel happy when I was able to follow your instructions! I just had a little Issue with the shadow, I was not able to color the Eclipse below the ball with levels effect, I would appreciate any help! thank you :)
@stevensavalle
3 жыл бұрын
hey, make sure you have a few things. A background with some color to it, an adjustment layer above that layer, then adding the levels effect on the adjustment layer. I make a mask the shape of the shadow I'd like, than in the levels effect I adjust the "output black" setting. Hope that helps!
@jojolugi8201
3 жыл бұрын
@@stevensavalle Thank you so very much! you are awesome!
@stevensavalle
3 жыл бұрын
@@jojolugi8201 of course, hope it helps
An easier way to get better results faster? That's it, I'm never touching the scale property again. :P
How many gates you going through?
When he does the smear, how does he add the effect with the Y position lane being within that? I don't understand what he did there.
@stevensavalle
3 жыл бұрын
happy to answer this, could you be a bit more specific though, I’m not sure I understand the question.
Hello! The project files in the link appears to be for another lesson.
Great lesson. The one problem I'm experiencing is that I can't adjust individual points of the circle, place wise. When I adjust them the whole circle adjusts from te center... And I did convert to bezier path so I don't think that's it...
@apoorvapatwardhan
Жыл бұрын
Hi Evelyn, did you find a solution to this? I am encountering the same problem
@evelynschepens
Жыл бұрын
@@apoorvapatwardhan ooh yeah i did, basicly you have to choose the right line in your menu. Where you’d select your rectangle path for example, if you go down the dropdown menu of the path… dont select the path with the clock next to it but the line directly above it. It would be easier to explain with a picture but I hope you understand it
How to beat the pixelated edges of the shape that appear after applying the Echo effect? We can't use this techniques if the shape doesn't move in a straight line. Thank you.
@Steve_Savalle
3 жыл бұрын
If your shape doesn't move in a straight line echo is a wonderful option OR animating trim paths start/end on a stroke will work wonderfully.
I don't have 'path' option after generating the square.
i just finished my Animation Bootcamp and After kistart. still struggling bud.
Can you make a tutorial on your intro?!
Can I get this script for mac
link to project file is broken
How do you view both graphs at the same time?
@Steve_Savalle
3 жыл бұрын
with the graph editor up you will see icons in the bottom middle of it. The second icon, to the right of the eye ball is "choose graph type and options." When you click on that select the "Show Reference Graph" option
@Vmshipe
3 жыл бұрын
@@Steve_Savalle thankyou!
Please,make a tutorial about how to blooming flower or Lotus flower please?
@stevensavalle
3 жыл бұрын
what part of it would you like to see?
@s.o.syoutubers3827
3 жыл бұрын
@@stevensavalle I would like to know if you can make the effect of this video in the after effects. The effect is the flower opening without plugins and 3D software,only After Effects kzread.info/dash/bejne/X5qgtMipitnOj7w.html
@stevensavalle
3 жыл бұрын
@@s.o.syoutubers3827 One route is cel animation. Roughly draw your frames and go into AE and do your clean up. I personally would use C4D in order to create that look properly. Making one pedal and using joints to get a really nice bend/control. Check out C4D basecamp through school of motion, well worth your time learning for sure. Sadly, AE isn't the right tool to create that look.
@stevensavalle
3 жыл бұрын
@@s.o.syoutubers3827 Also, EJ HASSENFRATZ (eyedesyn) has a million great tutorials to get an amazing head start learning c4d if you are looking for a budget friendly way to learn.
Nice. Please your system config.
@Steve_Savalle
3 жыл бұрын
nothing overly fancy, I do prefer a pc though
@mohjolife
3 жыл бұрын
@@Steve_Savalle thanks
youre already speaking in terms im not familiar with as I am new to Ae.
Bezier is missing on the list 3:04
@dothetuna8595
3 жыл бұрын
Thank you ! for this, was trying to figure out where I went wrong.
@willremigio
2 жыл бұрын
@@dothetuna8595 Bezier is inactive on mine. Idk why
the names LOL
i fight with programs all the time... thats why i am not having fun at all in animation.
Why do you sound like david dobrik? haha
WHY DOES HE TALK SO QUIETLY!!!