julianna kunstler logo
Flash talk




Very simple and basic animation using symbols:


Really simple....

Open a new file in Flash (ActionScript2)

Use a pencil tool to draw a face.



Two eyes? Way too many.... We could do with just one symbol to use for both eyes. Why?
Because if we animate a symbol, all its properties will be applied to all instances (copies of the symbol).

Saves us time.....

So... erase one eye.

Select another.

Convert it to symbol. (F8)
Use Movie Clip type.

What is the difference between a Graphic symbol and a Movie Clip symbol?

Movie Clip works better if you want to animate a symbol and keep it playing forever. Example - blinking the eyes.......

Open your Library.

Your eye symbol should be there.

Delete the only eye that you have on stage.
We want the eyes to be on a separate layer.

Create a new layer. Name it "eyes".

Drag 2 instances of the yeys onto this new layer.

Select one of the eyes to flip it.

Go to Modify > Transform > Flip Horizontal

Now it looks like a complete face.



To make this face talk - we'll convert the mouth into symbol too....

Select the mouth.

Convert it to Symbol (F8).
Choose Movie Clip type.

Click OK.


Click on the mouth instance.
Edit > Cut

Create a new layer. Name it "mouth".

Edit > Paste in Place

Check your layers: there should be 3.




Time to make the eyes to blink.

To animate a symbol - we need to get to Symbol's timeline.

Yes, each symbol has its own timeline. Hey, that's how you animate them....

To get there - just double click on the symbol in the Library panel.

This is how you edit your symbols. All changes will be applied to all its instances (in our case - both eyes).

First - we need to add another keyframe (F6).

Second - we need to make the eye closed in our second keyframe.

I just deleted the pupil and added some eye lashes...

Now - timing....

For how long the eye should stay opened?
For how long - closed?

I'll keep it open for about 2 seconds (at 12 frames per second that makes it 24 frames).

So... I click on the second keyframe and drag it all the way to frame 24.

Then I added some regular frames (F5) to the "clesed eye" mode - about 4 frames.

That's it!!!!

No tweening necessary....

File > Save

Control > Test Movie


Time to make the mouth move.

Go to Mouth's timeline: double click on Mouth symbol in the Library panel.

Add a keyframe (F6) at about frame 5.

Add another keyframe (F6) at about frame 10.

Why do we need 3 keyframes?

Because we are going to animate the full move:

mouth closed(fr.1) - mouth open(fr.5) - back to start(fr.10)

So we don't change anything at frames 1 and 10.

Go straight to frame 5

This is where all the changes will happen.

Use Free Transform tool or, as I did, use Direct Selection tool (white arrow).

Make it look open.

Click between the first two keyframes.

Go to Properties Inspector

Choose Shape tweening (we are animating a shape here)

Repet the step for the last part of the animation.

If you've done everything correct - you'll end up wuth green frames and solid arrows between the keyframes.

Return to the main timeline by clicking
on "Scene 1", right below the layers .

File > Save.

Control > Test Movie.