Discuss Scratch
- Discussion Forums
- » Questions about Scratch
- » How do i make smoother animations?
- Satanic_Manic
-
Scratcher
14 posts
How do i make smoother animations?
Honestly, its qquite tedious to make my animations smooth, can sombody please help making a easy way for smooth animationds
- KangaCoder
-
Scratcher
1000+ posts
How do i make smoother animations?
There really is no “easy” way. You'll just have to take costumes and split them into more costumes with smaller differences. There isn't really a shortcut to it.
- AnimatorsParadise
-
Scratcher
1000+ posts
How do i make smoother animations?
There's actually a specific and easy principle to make animations smooth known as ease in and ease out, or slow in and slow out.
When you normally animate, you might not put that much thought into the distance moved between frames. It may vary wildly, or be almost constant. This doesn't look very smooth though.
What you do with ease in and ease out though, is you only move the sprite a tiny bit when you first start the movement, but gradually increase it by each frame (costume), until you reach the middle. When you reach the middle, you either keep the distance between the frames constant for a while, or only have the distance peak at the middle frame. After the middle, you gradually decrease the distance between frames until you reach the end of the movement.
Overlaying the frames/costumes of a Scratch Cat eased in and eased out might look something like this:

Notice how the first few Scratch Cats are very close together, while they get farther apart until the middle, and then end up getting closer together at the end.
An example would be that if you're using the arrow keys to move an object, then you might press the arrow key once for the first costume, twice for the second costume, 4 times for the third costume, 8 times for the fourth costume, 16 times for the fifth costume, then 8 times again for the sixth costume, 4 times for the 7 costume, and you get the idea.
If you want a demonstration of ease in and ease out in action, here's a project I made demonstrating it from a while ago.
I hope that helps you! Also, note that while ease in and ease out works in most situations, there are a few situations where it doesn't. For example, if animating something falling, you'd only ease in and not ease out to make the gravity look more realistic.
When you normally animate, you might not put that much thought into the distance moved between frames. It may vary wildly, or be almost constant. This doesn't look very smooth though.
What you do with ease in and ease out though, is you only move the sprite a tiny bit when you first start the movement, but gradually increase it by each frame (costume), until you reach the middle. When you reach the middle, you either keep the distance between the frames constant for a while, or only have the distance peak at the middle frame. After the middle, you gradually decrease the distance between frames until you reach the end of the movement.
Overlaying the frames/costumes of a Scratch Cat eased in and eased out might look something like this:
Notice how the first few Scratch Cats are very close together, while they get farther apart until the middle, and then end up getting closer together at the end.
An example would be that if you're using the arrow keys to move an object, then you might press the arrow key once for the first costume, twice for the second costume, 4 times for the third costume, 8 times for the fourth costume, 16 times for the fifth costume, then 8 times again for the sixth costume, 4 times for the 7 costume, and you get the idea.
If you want a demonstration of ease in and ease out in action, here's a project I made demonstrating it from a while ago.
I hope that helps you! Also, note that while ease in and ease out works in most situations, there are a few situations where it doesn't. For example, if animating something falling, you'd only ease in and not ease out to make the gravity look more realistic.
Last edited by AnimatorsParadise (Jan. 15, 2023 02:38:39)
- Discussion Forums
- » Questions about Scratch
-
» How do i make smoother animations?