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

Mask text effect

14.10.2007, 21:16    Total views: 61929

Read this thoroughly explained, detailed action script tutorial and see how to create advanced and modern mask text effect. When you move your mouse cursor over the image, text effect will appear! Using this tutorial, you will also learn how to use Color Mixer Panel, how to apply action script code into a action script panel, how to convert any object into a Movie Clip Symbol, how to convert any layer into a mask and much more! You can use this tutorial for some secret presentation and text banner...



Move Your mouse over the picture!




Step 1

Create a new flash document. Select Modify > Document (shortcut key: Ctrl+J ). Set the dimensions of your document as whatever you like. Select any color as background color and set your Flash movie's frame rate to 12 fps. Then, click ok.



Step 2


Take the Text Tool (T) and type any text on the stage.For this example, I have used Base 02 font, size 55px.



Step 3

Double click on layer 1 to rename it's name in text. After that, click on the first frame of layer text and go to the action script panel (Ctrl+F3) below the stage. Then, enter this code inside the actions panel:

startDrag ("/object", true);
_root.drag = object;

Step 4

Create a new layer above the layer text and name it mask object.

Step 5

Select the mask object layer and take the Oval Tool (O). In the Colors portion of the Tool panel, block the Stroke color by clicking on the little pencil icon and then on the small square with the red diagonal line. For Fill color choose any color and draw a little “circle” over the text. See the picture below.



Step 6

While the circle is still selected, go to the Color Mixer Panel (Shoetcut key: Shift+F9) and choose the following options:

1. Click on the paint bucket icon to select the Fill color.
2. Choose Radial as Type.
3. Click on the small color rectangle that is on the left side and set its color to #7EF361. Alpha property set to32 %
4. Click on the small color rectangle that is on the right side and set its color to #87B7E7. Alpha property set to100 %.



Now, you have this:



Step 7

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



Step 8

While the new made Movie Clip is still selected, go again to the Properties Panel below the stage. On the left side, You will find the Instance name input field there. Call this Movie Clip "object".



Step 9

Using the mouse, move the mask object layer below the text layer. See the picture below.



Step 10

Select mask object layer and convert it to a mask by right-clicking on the mask object layer and selecting Mask. See the picture below.



We're done!

Test Your Movie (Ctrl+Enter).

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

2. Water effect
Total views: 169137

3. Photo slide show
Total views: 156961

4. High-tech city animation
Total views: 154359

5. Special Picture Effect
Total views: 148419

Related links