Toxiclab.org

Famous text animation

7.5.2008, 20:18
Submited in: Flash | Total Views: 48789

This lesson will show you how to create on a very simple way with no action script code, very modern text animation. You can use this text animation for any banner, presentation, header. Let's go!



Step 1

First of all, save the picture below which we will use for this lesson.





Step 2


Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 300 pixels and the height to 200 pixels. Select any color as background color. Set your Flash movie's frame rate to 42 and click ok.

Step 3

Choose File > Import > Import to Stage (shortcut key:Ctrl+R) and import this picture into a flash stage. While the picture is still selected, go to the Align Panel (Ctrl+K) and do the following:

1. Make sure that the Align/Distribute to Stage button is turned on,
2. Click on the Align horizontal center button and
3. Click the Align vertical center button.



Step 4

Dobule click on layer 1 to rename its name in picture. After that, create a new layer above the layer picture and name it text.

Step 5

Take the Text Tool (A) and go to the Properties Panel (Ctrl+F3) below the stage. Then, choose the following options:

1. Select a Static Text field ,
2. Select a Arial Black as font.
3. Choose 13 as font size.
4. Select black as color,
5. As the rendering option, select Use Anti-alias for readability.



Then, type "ALICIA SILVERSTONE" on the stage.

Step 6

While the text it still selected, press F8 key (Convert to Symbol) to convert this text into a Movie Clip Symbol.

Step 7

While the new made Movie Clip is still selected, repeat step 3.

Step 8

Click on frame 15 and 30 of layer text and press F6 key. After that, while you're still on frame 30, press F6 key Then times.



Step 9

Go back on frame 31 and take the Free Transfrom Tool (Q). Then, enlarge the text a little like it is shown on the picture below.



Repeat this process also for frames 33,35 and 37.

Step 10

Click on frame 45 and press F6 key. After that, while you're still on frame 45, move the text on the right side using the arrows key or by mouse. See the picture below.



Step 11

Choose right-click anywhere on the gray area between the frame 35 and 40 on the timeline and choose Create Motion Tween from the menu that appears.See the picture below.



Step 12

Go back now on the first frame and take the Free Transform Tool (Q). After that, enlarge the text a lot. See the picture below.



Step 13

Choose right-click anywhere on the gray area between the frame 1 and 15 on the timeline and choose Create Motion Tween from the menu that appears.See the picture below.

We're done!

Test your Movie!

Download example

Are you a website owner?
Click here to register and submit your tutorials!

Browse by category


Most popular tutorials