« Turning a Page in a Book | Home | Motion Guide »
Cursor Fading
By admin | June 24, 2009
Cursor Fading
You can create a cursor fading effect using Flash. Follow the steps given below:
1. Open a New flash document, set the stage to 550px X 400px and background color to black.
   ÂÂ
2. Insert 2 more layers, name it from top as:
    � Actions
    � Text
    � Fader
3. Lock both the Action and the text layer.
   ÂÂ
4. In the fader layer, click the rectangle tool and draw a rectangle with no stroke and fill color white on the screen.
   ÂÂ
5. Select the rectangle and align it to the center of the stage using align property and click on align vertical center and horizontal center.
   ÂÂ
   ÂÂ
6. Then right click on the rectangle convert it to symbol.
   ÂÂ
7. Name it as fade_mc and choose movie clip as its behavior.
   ÂÂ
8. Select the fade_mc movie clip on the stage and name its instance as fade_mc
   ÂÂ
9. Lock and hide the layer fader, unlock the text layer and insert some text with fill color White on the left side of the stage as shown below.
   ÂÂ
10. After the first text inserted unhide the locked layer fader and insert some more text on the right side of the stage with fill color black
   ÂÂ
11. Click the 1st frame of the Actions layer, Right click –> actions
   ÂÂ
12. Open actions and type action script given below,
mouseinterval = setInterval(changeAlpha,10);
function changeAlpha()
{
fade_mc._alpha = Math.round (_root._xmouse/550*100);
}
13. Save your work and Test movie.
   ÂÂ
   ÂÂ
Download .fla File of Cursor Fading
Download .swf File of Cursor Fading
Topics: Lina Roberts Blog, Uncategorized |
Comments
You must be logged in to post a comment.
