Custom Cursor

Step 1

Start off by starting a new movie: File » New. Then go to Modify » Movie and change the width and height to whatever your preference might be. The one I’m making is Width: 550 Height: 400. Then go Insert » New Symbol Name it “cursor” and behavior as a Movie Clip.

Step 2

Inside this movie clip, make the cursor that you want. You can make it animated if you want to, but we’re going to take it simple right now by just making two perpendicular lines and a dotted circle.

Step 3

Next you want to get back to the main scene by clicking “Scene 1” on the top left of the screen. Whip out your library Window » Library and just click and drag the “cursor” from the library on to anyplace in the white working space.

Step 4

Go to the Instance tab and name the cursor movie “cursor” as on the figure on the left.

Step 5

Lastly, double click on the the first keyframe on the top timeline and copy-paste the following code:

startDrag (“_root.cursor”, true);
Mouse.hide();

If you want, you can make a new layer and add a cool looking picture like the one we have on the top but make sure the layer with the movie is the top layer. File » Publish and you’re done!

Tutorial resources

cursor.fla