Partner Sites
Spoono.com
Photoshop Tutorials
Website Templates
Computer Cleanup
Hosting Help
Web Design Helper
Web Hosting


LinkLinkLink
Text Link Ads

Flash Tutorial: Custom Cursor

Learn how to make a custom cursor. Only a few lines of code, but its a must for all Flash designers.



1.

Start off by starting a new movie: File » New. Then go to Modify » Movie and change the width and height to whatever your prefference 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.

Example 1

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.

Example 2

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 clik and drag the "cursor" from the library on to anyplace in the white working space.

Example 3

4.

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

Example 4

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!
Download the editable Flash File.

Example 5

Author: Spoono | Comments »

Sponsor

Here are a few links I personally recommend:
  • Forum : Questions about web design? Head over to our community forum.
  • HostIndex : A great site to research which web host best matches your needs.
  • Text Link Ads : Earn money by simply placing text links on your site.
Other Photoshop/Graphics sites:
Pixel2Life Neverside BoxedArt Spoono.com HostIndex WebDesignHelper.co.uk