Principle 2: Anticipation

Now that we've had a good chance to practice Squash and Stretch, let's look an idea that works together:

Anticipation!

You may be familiar with the idea from science that all action requires an equal and opposite reaction:

Anticipation is a very similar idea - a character is going to get ready for an action with a little bit of preparation. A good example of this is the sneeze - a lot of facial wiggling and head movement happens before the explosion:

• https://www.youtube.com/watch?v=qKiQA5e-fPg

Watch for what happens before the actual slow-motion jump:

• https://www.youtube.com/watch?v=qN3apht8zRs

How does this guy's face prepare to get hit by a water balloon?

• https://www.youtube.com/watch?v=ZxbFAsizQV4&feature=player_detailpage#t=13

How does this player move to prepare to hit the ball?

• https://www.youtube.com/watch?feature=player_detailpage&v=1fFJVFPXmV8#t=5

How does Jessica prepare to react to the news - "30 minutes???"

• https://www.youtube.com/watch?v=y0vuvqRu_lY

Assignment: 

Today and tomorrow, please make an animation of your choice that:

• is planned with a storyboard.
• reaches at least 50 frames for 5 seconds in Easytoon.
• shows both squash and stretch and anticipation.

Day 1: 

• Plan a storyboard of 8 keyframes.
• Turn this in as a drawing.
• Begin to tween your keyframes.

Day 2:

• Finish inbetweening your animation.

Paint Mixing with Brushes

Please watch these 4 videos (2 are review and optional)

• Lesson 1: Introduction to commands
• https://matt-kohr.squarespace.com/dp101-1/ (review)
• Lesson 2: Brushes
• https://matt-kohr.squarespace.com/dp101-2
• Lesson 3: Paint Mixing
• https://matt-kohr.squarespace.com/dp101-3
• Lesson 4: Layers
• https://matt-kohr.squarespace.com/dp101-4/ (review)
• 
  

Assignment: 

• Complete the assignment mentioned in lesson 3 and email it to me.
• Use the rest of your time to work on a piece for your choice, for studio time.
• turn this in to DeviantArt as usual.
• Have a nice day!

Grading Policy Review

Let's refresh ourselves on the grading policy. Now that we have covered a lot of the basic skills to use SAI, Grades will be determined in this way, beginning today:

	Assignment Completion	Assignment Quality	Attendance
Complete 100%	Your work clearly shows that you are able to perform the required task or skill. All the tasks given for the assignment have been completed.	The quality of your work is as good as or better than the rest of your class work. You have attempted something new, regardless of success.	You are present in class. You are absent with prior notification. Class work is finished on time.
Partial 50%	Your work shows that you are able to perform the required task or skill, but the task is less than 90% complete. Your work shows that you are able to perform the required task or skill in a limited way.	The quality of your work is beneath the rest of your classwork. It is unclear how the quality of your work compares to your other class work.	Classwork is turned in more than one day (or weekend) late.
Incomplete 0%	Your task is less than 50% complete. It is unclear from your work whether you are able to perform the required task. Your work shows that you have not completed the required task.	The quality of your work is surprisingly low. It is unclear whether you have attempted to use a new idea. You have not attempted to practice.	You are absent without notification. Your work has not been turned in.
Total:

Squash and Stretch 2

Assignment:

Apply the idea of squash and stretch to 2 of these 3 (or pick your own example to show it):

• somebody falling on the ground
• a walk/run cycle
• talking/chewing

All animations should be 24+ frames, please.

Squash and Stretch

Now that you know the basics of animation, let's talk about the principles of animation.

The first of these is: Squash and Stretch.

Squash and Stretch means that objects change shape as they move - this gives the appearance of weight and flexibility to your drawing. Objects change shape, but not overall volume.

Take a look at this video of a golf ball hitting a wall at high speed for an example:

• https://www.youtube.com/watch?v=aMqM13EUSKw

A more subtle example can be seen in the torso of this running cheetah. Look at how it shortens and lengthens from side to side:

• https://www.youtube.com/watch?v=yAnRURDEyGY

Here is a running horse, and an animation, so you can see how the idea of squash and stretch has been applied to the horse's body:

•  https://www.youtube.com/watch?v=zxbmW1dj-GA

If you'd like, you can watch this comparison of cartoon balls hitting the ground with and without squash and stretch applied:

• https://www.youtube.com/watch?v=-n7x5BFwuLA&feature=player_detailpage#t=78

Assignment

1) Please animate your own ball squashing and stretching as it bounces. The animation should loop, meaning it should play in an endless cycle flawlessly.

• If you finish your bouncing ball, take a look at a human walking. A looping animation of a person walking is called a walk cycle:
• https://www.youtube.com/watch?v=G8Veye-N0A4
• You can see squash and stretch applied to a cartoon character:
• https://www.youtube.com/watch?v=mXS2ALkFxwk
•  .. or not!
• https://www.youtube.com/watch?v=ViFhL9E2qwY
• These should give you something of an idea of how squash and stretch is applied to a character.
• https://www.youtube.com/watch?v=BvkzG3dWK2I

To read the article these pictures came from, please visit: http://johnkstuff.blogspot.tw/2006/05/animation-school-lesson-2-squash-and.html

Easytoon: Keyframes and In-Betweening

Now that we've had a chance to look at Easytoon, let's talk about the actual process of making an animation. When we start, there are lots of planning steps to consider, but today we'll take a look at keys, or keyframes, and inbetweens. I'll explain it quickly in class, but you may watch this video as well.

For example, if I have a picture of a guy, and I want him to fall down, I might make 2 pictures like this:
  and  
In the first picture, the guy is walking, and in the second he has fallen down.

Knowing where my character is, and where he needs to be, helps me plan accurately not just the motion but also the timing.

Or what if I want to make a flower grow? I can show it as a seedling first, then as a flower!
 and 


In the first picture, the flower is a seedling, and in the second the flower has grown.

> Click here to see the Growing Flower Example

What can we do to make the movement not so jerky????

The answer is 'tweening,' meaning sticking new pictures in-between our other pictures.

In this way, we can we get our flower to move smoothly, like this:

> Quickly Growing Flower

Assignment:

• Please download Falling Guy and Growing Flower, or create your own 2 files with keys of your choice.
• Show me that you can put about 20-22 new pictures in between the original 2 pictures, to make the animation go more smoothly. 
• Remember, when you use the 'Insert New Frame' button, the new frame goes BEHIND the picture your'e looking at!
• Please save your files with the GIF button.
• Finish both and you may use the rest of your time however you like.

Textures and Filters!

Assignment:

1) Watch one of these tutorials about adding textures.

• https://www.youtube.com/watch?v=pBNHsn-JrTY (speech)
• https://www.youtube.com/watch?v=ngzJd3xfwRs (text)

2) Please find and apply 2 textures to your picture. One should be a clipping layer masked onto your base shape, and the other may be a background or whole-scene texture.

Textures and the Final Process!

This week I'll walk you through all of the steps toward making an image that looks like this, in the end:

Please follow along with me as we go through the process! :D