Home Animation Articles Step-By-Step: Animation “What are babies made of?”
Step-By-Step: Animation “What are babies made of?”

Step-By-Step: Animation “What are babies made of?”

0
0

Fully Recorded: Animation “What are babies made of?”

Here is the whole animation process, step-by-step.

On the MAIN TIMELINE, place the elements on layers- timed to the project you are creating. Each element (character or object) should be turned into a SYMBOL. In the SYMBOL, that is where you will set the character up in layers to illustrate and/or animate.

fullrecord_babiesmadeofanimate_0000_Screen Shot 2016-09-01 at 9.43.53 PM

The facial features are animated …fullrecord_babiesmadeofanimate_0002_Screen Shot 2016-09-01 at 9.44.00 PM

The eyes are worked on to blink or react to an action.fullrecord_babiesmadeofanimate_0004_Screen Shot 2016-09-01 at 9.44.06 PM fullrecord_babiesmadeofanimate_0005_Screen Shot 2016-09-01 at 9.44.08 PM

Place the pivot points where they would match the joints on the body (ie: elbow, knee, neck area for the head).fullrecord_babiesmadeofanimate_0006_Screen Shot 2016-09-01 at 9.44.10 PM

Move the character by creating a keyframe on the layers. You can select down the layers, right-click, and then choose to CREATE KEYFRAMES.

fullrecord_babiesmadeofanimate_0007_Screen Shot 2016-09-01 at 9.44.11 PM

In Flash (or other animation programs that work in the same way), think of the animation as layers of animations.

There is:

Screen Shot 2016-09-04 at 10.53.50 PM

THE SCENE (MAIN TIMELINE)

This is where you organize the timing of the whole animation. And calculate the length of the frames; that is the length of how long the symbols are animated.

Scenes can be named and organized and rearranged as well.

SYMBOL (MOVIE CLIP OR GRAPHIC)

Double-click an object that has been turned into a symbol, and you will “go into” the animation area for the symbol. You can name the symbol as the character or objects name.

When you click on the SCENE icon (seen in the picture above), you will be on the SCENE/MAIN TIMELINE.

If the image is a movie clip, you will not see the animation play if you scroll on the timeline. If the image is a GRAPHIC, you will see the animation as you scroll through the timeline.

Another difference between a MOVIE CLIP and GRAPHIC, is that a MOVIE CLIP can be edited in the filter panel, but the GRAPHIC images cannot be.

SYMBOLS CONTINUED …

In a symbol, you can create a layer and movie clip, and that will automatically make the image into another symbol.

This becomes a handy tool in the example below …

The character/SYMBOL is on the SCENE/TIMELINE, click on the character/SYMBOL and animate the characters head moving. Then, with the head being now as a SYMBOL, double-click the head to then make the face and eyes move.

Another example would be …

On the Scene, a bird is moving up and down. The bird is a symbol, and if you click on the bird, you can then work on the bird’s actions in flight. Double-click on the bird’s head to make the bird blink.

Now, on the SCENE/MAIN TIMELINE, the bird will blink, fly, and move up and down.

In the below animation work, you can see the baby moves, the arms are animated, and the arm symbol is animated with a hand making a grabbing motion.

 

fullrecord_babiesmadeofanimate_0008_Screen Shot 2016-09-01 at 9.44.13 PMfullrecord_babiesmadeofanimate_0009_Screen Shot 2016-09-01 at 9.44.15 PM fullrecord_babiesmadeofanimate_0010_Screen Shot 2016-09-01 at 9.44.16 PM fullrecord_babiesmadeofanimate_0012_Screen Shot 2016-09-01 at 9.44.24 PM fullrecord_babiesmadeofanimate_0013_Screen Shot 2016-09-01 at 9.44.25 PM fullrecord_babiesmadeofanimate_0014_Screen Shot 2016-09-01 at 9.44.28 PM

Now the girl is worked on … holding the bear.fullrecord_babiesmadeofanimate_0016_Screen Shot 2016-09-01 at 9.44.33 PM

Sucking on her pacifier … fullrecord_babiesmadeofanimate_0019_Screen Shot 2016-09-01 at 9.44.40 PM

Animated leaning in, holding her bear …fullrecord_babiesmadeofanimate_0020_Screen Shot 2016-09-01 at 9.44.43 PM fullrecord_babiesmadeofanimate_0022_Screen Shot 2016-09-01 at 9.44.47 PM fullrecord_babiesmadeofanimate_0024_Screen Shot 2016-09-01 at 9.45.00 PM fullrecord_babiesmadeofanimate_0026_Screen Shot 2016-09-01 at 9.45.06 PM

The bear is taken by the boy and the bears head pops off.
fullrecord_babiesmadeofanimate_0027_Screen Shot 2016-09-01 at 9.45.34 PM

Making the head fall …fullrecord_babiesmadeofanimate_0028_Screen Shot 2016-09-01 at 9.45.36 PM fullrecord_babiesmadeofanimate_0029_Screen Shot 2016-09-01 at 9.45.38 PM fullrecord_babiesmadeofanimate_0030_Screen Shot 2016-09-01 at 9.45.40 PM fullrecord_babiesmadeofanimate_0033_Screen Shot 2016-09-01 at 9.45.48 PM

He grabs and holds the bear.fullrecord_babiesmadeofanimate_0034_Screen Shot 2016-09-01 at 9.45.50 PM

The next part of building the animation, I have the girl react to the boy taking her toy.fullrecord_babiesmadeofanimate_0035_Screen Shot 2016-09-01 at 9.45.52 PM fullrecord_babiesmadeofanimate_0036_Screen Shot 2016-09-01 at 9.45.54 PM

Her arms move to reach out for the bear.fullrecord_babiesmadeofanimate_0037_Screen Shot 2016-09-01 at 9.45.57 PM fullrecord_babiesmadeofanimate_0038_Screen Shot 2016-09-01 at 9.46.00 PM

I created another image of her face crying.fullrecord_babiesmadeofanimate_0041_Screen Shot 2016-09-01 at 9.46.08 PM

She is being animated to have her tantrum … moving her head, arms, feet, and the body rocks.fullrecord_babiesmadeofanimate_0042_Screen Shot 2016-09-01 at 9.46.12 PM

The feet were moved up and down, in a kicking motion.fullrecord_babiesmadeofanimate_0043_Screen Shot 2016-09-01 at 9.46.13 PM

Here the animation is being worked on to create the transition between the two characters – switching possession of the bear. fullrecord_babiesmadeofanimate_0045_Screen Shot 2016-09-01 at 9.46.18 PM

He is animated to squeeze and rock back and forth.fullrecord_babiesmadeofanimate_0046_Screen Shot 2016-09-01 at 9.46.24 PM fullrecord_babiesmadeofanimate_0047_Screen Shot 2016-09-01 at 9.46.27 PM

A GUIDE LAYER was made to have the bear’s head pop off and fall in a smooth direction and pace.fullrecord_babiesmadeofanimate_0048_Screen Shot 2016-09-01 at 9.46.31 PM fullrecord_babiesmadeofanimate_0049_Screen Shot 2016-09-01 at 9.46.33 PM

He reacts with another image of a crying face.fullrecord_babiesmadeofanimate_0050_Screen Shot 2016-09-01 at 9.46.46 PM fullrecord_babiesmadeofanimate_0051_Screen Shot 2016-09-01 at 9.46.49 PM fullrecord_babiesmadeofanimate_0052_Screen Shot 2016-09-01 at 9.46.55 PM

Click on COMMAND+ENTER to view the animation.fullrecord_babiesmadeofanimate_0053_Screen Shot 2016-09-01 at 9.46.57 PM

A crying animated loop was made.fullrecord_babiesmadeofanimate_0054_Screen Shot 2016-09-01 at 9.47.25 PM

The crying animation for her was copied and pasted into the animation of the boy crying.
fullrecord_babiesmadeofanimate_0055_Screen Shot 2016-09-01 at 9.47.27 PM

The animation was tweaked, reviewed and tested until I was happy with the project.fullrecord_babiesmadeofanimate_0056_Screen Shot 2016-09-01 at 9.47.29 PMfullrecord_babiesmadeofanimate_0058_Screen Shot 2016-09-01 at 9.47.40 PM

To see the animation short, go to: http://animationstation.com/what-are-little-babies-made-of/

To view the Full Recording of the animation, go to: http://animationstation.com/fully-recorded-animating-what-are-little-babies-made-of/

To view more videos by EmilyCartoons, go to: http://animationstation.com/channel/emilycartoons/

To view how the characters were built, go to: http://animationstation.com/building-your-characters-to-animate/

EmCartoons Owner and Founder of Animation Station. Animation Station is a website that showcases Artists Artwork from around the world. Each artist has a background ranging in animation, live action, traditional, graphic design, audio, and any form of art connected to animation/digital media.

LEAVE YOUR COMMENT

Your email address will not be published. Required fields are marked *