User Login





Register
Forget Password

Hostings with very low prices

Hosting Plans Starting at 1$/Month

BaydHost

Powered By

  • AhmBay
  • Action Script: Mask text effect - ActionScript Webmaster Tips, Knowledge Base Webmaster Tools

    Home > ActionScript > Action Script: Mask text effect
    Category: ActionScript
    Written by: Admin
    Date: 2008-11-10
    Rating: 0   Puan:0 | Katılımcı:0 | Voted : 0 times
    Hit: 38
      

    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).