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)

Guide text animation

16.11.2007, 0:12    Total views: 48649

In this easy tutorial, I will show you how to create a simple guide text animation using the guide options in flash and Pencil Tool.You don't have to use action script code to make this tutorial. You will also learn how to apply Alpha effect on text, how to animate it and much more!



Step 1

Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the dimensions of you document as whatever you like. Select any color as background color.Set your Flash movie's frame rate to 24 and click ok. See the picture below.





Step 2


Take the Text Tool (A) and type any text on the stage.For this example I will type 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

Double click on layer 1 to rename its name in text.

Step 5

After that, select the text layer, choose right click and Add Motion Guide.



Now, you have this:



Step 6

Then, select the Guide:text layer, take the Pencil Tool (Y), for Pencil option choose Smooth and draw a shape like it is shown on the picture below.



Step 7

Click on frame 75 of layer text and press F6 key.Then, go back on the first frame and place the text on the position like it is shown on the picture below.



Step 8

After that, go back on frame 75 and place the text on this position:



Step 9

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



Step 10

Go back again on the first frame, take the Selection Tool (V) and click once on the text to select it. After that go to the Properties Panel below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.



Step 11

Go back on frame 75 and press Ctrl+C key (Copy). After that, create a new layer above the layer Guide:text and name it text2.



Then, click on frame 75 of layer text 2 and press F7 key (Blank keyframe). After that, while you're still on frame 75, press Ctrl+Shift+V key (Paste in Place). Now, you have copied the text from frame 75 od layer text and pasted it in the same place on frame 75 od layer text2.

Step 12

Click on frame 85 of layer text 2 and press F6 key. Then, take the Free Transform Tool (Q) and enlarge the text a lot.



Step 13

While you're still on frame 85, take the Selection Tool (V) and repeat step 10.

Step 14

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



Test your Movie (Ctrl+Enter).

We're done!

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: 296824

2. High-tech city animation
Total views: 247634

3. Water effect
Total views: 227061

4. Photo slide show
Total views: 209348

5. Special Picture Effect
Total views: 184915



Related links