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 effect - light ball

16.11.2006, 21:51    Total views: 73289

See this thoroughly explained action script lesson and learn how to create light text effect. When you move your mouse cursor over text, light text effect will appear! Using this lesson, you will also learn how to use Color Mixer Panel, how to create shape tween and much more!





Move the mouse over the text, to see the light effect!




Step 1

Create a new flash document and set Width to 300, and Height to 200px. For background color set black color.

Step 2

Double click on layer1 to rename its name in background. Then, insert a new layer and name it light ball.

Step 3

Take the Oval Tool (O), Stroke color must be swithced off, under Fill color set white color and draw a "circle" 162x162px.



Step 4

While your "circle" is still selected, open the Color Mixer Panel (Shift+F9), and set the options from the picture below.



Now, you get this:



Step 4

Select the "light ball" again, and press F8 key (Convert to Symbol) to convert it into a Movie Clip.



Step 5

Then open the Properties Panel (Ctrl+F3), and under type lightBall.



Step 6

Double click on a new made Movie Clip ("ligh ball"), or choose right click and Edit in Place.



Step 7

Click on frame 10, 20, 30 and 40 and press F6 (Keyframe).



Step 8

Go back on frame 10, take the Free Transform Tool (Q) and decrease your "light ball" a little. After that, open the Color Mixer Panel, and set the options from the picture below.





Step 9

Click on frame 20, take the Free Transfrom Tool (Q), and decrease your "light ball" a lot.



Step 10

Click on frame 30, take again the Free Transform Tool (Q), and increase your "light ball" a little. Then, open the Color Mixer Panel and for left slide set this color: #789EF5.



Step 11

Select the layer1, and in Properties Panel (Ctrl+F3), under Tween choose Shape.



Step 12

Go back on the main scene (Scene1), click on the first frame of layer light ball, open the Action Script Panel (F9) and paste this script:

startDrag ("lightBall", true);
_level0.drag = lightBall;

Step 13

Insert a new layer and name it text.

Step 14

Lock and hide all layers except text layer. Select the text layer, take the Text Tool (A),under Fill color set white and type any text.





Step 15

Copy that text (in my example flash 8), insert a new layer, name it text1, and paste it. After that, change its color in this color:#C4E8FD, and using the arrows key, move it a little up and down. See the picture below.



Step 16

Unhide and unlock all layers.

Step 17

Select text layer and convert it to a mask by right-clicking on the text layer and selecting Mask.



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