Flash tutorials
Home 3D (2) Actionscripting (63) Animation (86) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (48) Text Effects (16)

Custom Cursor

30.7.2006, 22:2    Total views: 21758
Using flash, you can hide a standard cursor and create a custom cursor. In this tutorial I will teach you how to create and change the cursor in your flash presentations to anything you want.



Step 1

Open a new flash document. Open the Document Properties dialog (CTRL+J) and set Width to 250 and Height to 150px. Frame rate set to 22fps (Frames per second).





Step 2


Double click on layer 1 and rename its name into a background.

Step 3

Then, press Ctrl+R on the keyboard (Import to Stage) and import any picture.



Step 4

Insert a new layer and name it cursor.

Step 5

Select the cursor layer and draw any shape on the stage that would represent your cursor. Look at the picture below!



Step 6

Select that "cursor" and press F8 (Modify - Convert to Symbol) to convert it into a Movie Clip. Look at the picture below!



Step 7

Open after that the Properties Panel (Ctrl+F3), choose alpha and set it to 45%.



Step 8

While your Properties Panel is still open, under   type cursor.



Step 9

Insert a new layer and name it action.



Step 10

Select that layer, click on the first frame, open the Action Script Panel (F9) and paste this script:

_root.cursor.swapDepths(1000);

_root.onEnterFrame = function() {

Mouse.hide();

cursor._x = _root._xmouse;

cursor._y = _root._ymouse;

};

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

2. Water effect
Total views: 148732

3. High-tech city animation
Total views: 136575

4. Special Picture Effect
Total views: 136376

5. Photo slide show
Total views: 133650

Related links