• home
  • forum
  • my
  • kt
  • download
  • Creating a Custom Cursor in Flash

    Author: 2007-06-13 11:55:40 From:

    This tutorial will teach you how to create a custom curser for your flash movie. Here we will be using movieclip symbol and little bit of actionscript to develop custom cursor. The .fla download file is included at the end of the tutorial

    Please note:
    1. You need to have Flash Player 7.0 installed to view the Flash animation.
    2. Flash MX 2004 must be installed in your system to download the .fla file.

    Well, I would like to start this tutorial assuming that the reader knows about Basics of flash such as different kinds of symbols used in flash.

    Firstly, you will need to create a movieclip symbol for customized curser design then you will have to type in few lines of code asking flash to hide the existing curser and show the new curser developed by you.

    Create movieclip symbol.

    Steps to Follow :
    • Press (Ctrl+F8) to create a new symbol.
      "Create New symbol" window will appear
    • Name your symbol CurserNew_mc.
    • Click on movieclip behavior and then press "OK"
      Now you would have entered your movieclip symbol
    • Draw anything you like to replace the existing curser.
      For example I drew an arrow as shown below
    • Now come back to "Scene 1" which is your main movie
      To get back to "Scene 1", click on the "Scene 1" text on top of your timeline window as shown in the figure below

    In "Scene 1" of your Main Movie

    • Drag your CurserNew_mc movieclip symbol from library onto your stage.
      If Library window is not open, Press (Ctrl+L).
    • Name this Symbol "cursernew" in the instance text box of your property window.
    • Select 1st Frame of your "Layer1". Go to Actionscript panel ( If your actionscript panel is not open, Press "F9")
    • With Frame1 of your layer 1 still being selected, type the below mentioned script in your action panel.

      Mouse.hide()
      startDrag(cursernew,true)

    Guess what! You have finished with customizing your curser :), Press Ctrl+Enter to view customized curser.

    Below is an example which would give you more ideas to customize your curser

    Download the .fla file

    discuss this topic to forum

    relation tutorial

    No relevant information

    Category

      3D (20)
      Math Physics (14)
      3rd Party (5)
      Navigation (60)
      Actionscripting (26)
      Optimization (16)
      Animation (32)
      Projector (9)
      Audio (46)
      Special Effects (112)
      Backend (25)
      Text Effects (65)
      Drawing (18)
      Tips and Techniques (41)
      Dynamic Content (25)
      Tricks (6)
      Games (66)
      Utilities (19)
      Getting Started (71)
      Video (10)
      Interactivity (21)
      Web Design (22)

    New

    Hot