Flash tutorials
Home 3D (2) Actionscripting (66) Animation (108) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (61) Text Effects (38)

Text Zoom in, Zoom out animation with effect

8.1.2008, 1:7    Total views: 68525

This easy tutorial will show you how to create on a simple way very attractive and practical zoom in zoom out text animation. You don't have to use action script code to make this tutorial. You can use this tutorial for any text animation, presentation, text banner...



Step 1

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 36 and click ok. See the picture below.





Step 2


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

1. Select a Static Text field,
2. Select some font which you like. For this example I have used Monospac821 BT as font.
3. Choose any size as font size. For this time I have choosed 23 as font size and bold it.
4. Select any color, I have choose red,
5. As the rendering option, select Use Anti-alias for readability.



Then, type any text on the stage. For this example I have typed "Flashvault.net". See the picture below.



Step 3

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



Step 4

Click on frame 10,15 and 20 and press F6 key.

Step 5

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



After that, take the Selection Tool (V) and click once the text to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 58%.



Now, you have this:



Step 6

Select after that frame 20, take the Free Transform Tool (Q) and select the text again. Then, enlarge text again, but for this time, enlarge it a little. See the picture below.



After that, take the Selection Tool (V) and click once the text to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 36%.



Step 7

Take again the Selection Tool (V) and select layer 1. After that, go to the Properties Panel (Ctrl+F3) again. On the left side, you will see Tween drop down menu.Select Motion on it.See the picture below.



Now, you have this:



We're done!

Test your Movie (Ctrl+Enter)!

Cheers!

Download source file (.fla)

Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 296697

2. High-tech city animation
Total views: 247517

3. Water effect
Total views: 227011

4. Photo slide show
Total views: 209303

5. Special Picture Effect
Total views: 184875



Related links