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

Text Crossing

15.10.2006, 22:56    Total views: 60006
In this thoroughly explained, detailed lesson, I will show you how to create cool text crossing effect without action script code. You can use this text effect for any flash presentation, banner...Using this lesson, you will also learn how to convert any text into a Movie Clip Symbol, how to create Motion Tween and much more! Let's start!



Step 1

Create a new flash document, set width to 250 px, height to 150px, and Frame rate to 28fps.



Step 2


Take the Text Tool (A), and type any text. Then, set it on this position:



Step 3

While your text is still selected, press F8 on the keyboard (Convert to Symbol), to convert it into a Movie Clip.



Step 4

Insert a new layer, take the Text Tool (A), type any text again, and set it on the position like it is shown on the picture below.



Step 5

While your text is still selected, press F8 on the keyboard (Convert to Symbol), to convert it into a Movie Clip.



Step 6

Click on frame 15 and press F6. Do that for layer 1 too. See the picture below.



Step 7

Set the both text on same position. See the picture below.



Step 8

Select the first text, open the Properties Panel (Ctrl+F3), under Color choose Alpha and set it to 0%. Do that for another text too.



Step 9

Click on frame 30 and press F6 for both layers.



Step 10

Then, set the first text on the position where was the second text and vice. After that select it and in Propertis Panel under Color choose alpha and set it to 100%. See the picture below.



Step 11

Select the both layers, and in Properties Panel under Tween choose Motion.





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

2. Water effect
Total views: 166042

3. Photo slide show
Total views: 153641

4. High-tech city animation
Total views: 151459

5. Special Picture Effect
Total views: 146247

Related links