Flash MX Animating Text
Mr. Skocko Room 246 • 593-5446 • Mac LabValhalla Home

 

In this tutorial you will learn how to create an animation like this one

(But you will use these techniques to make much more interesting animations)

 

Note: The tracking (what Flash calls Character Spacing) is set to 5 in this example

(Yes, I'm using a different font than last time)

 

Our letters have been converted to symbols and distributed to layers as shown in the previous tutorial

 

Select frames somewhere down the timeline and insert keyframes (F6)

Note: You can click and drag to select multiple frames or click on the first frame and shift-click on the last to select all frames in between

 

Select the first keyframes

 

Insert a motion tween

 

And you should have something similar to the image below

 

Select some frames

 

Insert keyframes (F6)

 

Play the following movie to see how easy it is to reposition keyframes

 

Make additional keyframes, select, Command-T (for Transform window), and set as shown below

 

But this isn't what we wanted

Command-Z to undo (we will be using this method later)

 

With one keyframe selected, repeat as shown

 

When you hit return the transform is applied

Notice the Properties Panel is set to Frame

 

Click on the letter (V) and the panel changes so we can access the Alpha settings

 

Set the Alpha to 10%

 

Repeat the steps for the H and S

 

Select the frames as shown below

 

Play this movie to see how easy it is to reposition the selection

 

Repeat for the S layer so your timeline looks like the one below

 

Play this movie to see how to copy frames by dragging the selected frames while holding down the option key

 

Repeat for the H and S layers and select the frames as shown below

 

Insert keyframes (F6)

 

Make a second set of keyframes

 

Change the color

 

Tint allows you to change the color

 

Pick the color by clicking on the color button

 

Use the eyedropper to select

 

Make a new set of keyframes and set a different color

 

Select as shown in the following movie and option-drag to copy the frames

 

Repeat

And one more time so that you have nine consecutive keyframes

 

Insert keyframes in frame 45, select them, and apply the Transform as shown below

 

Select V's keyframe as shown

 

Reposition the V (hold down the shift key to constrain the move horizontally)

 

Repeat for the S

 

Select the last keyframes

 

Drag the keyframes to extend the length of the animation

 

And you're done!

 

 

 

Mac Lab | Digital Arts | Web Design | Flash