Create an animated cursor from several images

  1. Home
  2. Tutorials

In relation to Axialis CursorWorkshop, this article offers information on the following topics:

An animated cursor is composed of several frames that are displayed in sequence to produce the animation, each frame containing a different image. To get more information about cursors, see this topic: What is a cursor.

In this tutorial, we'll see how to make a new animated cursor project from several static images. Each image will be used as a frame in the animated cursor. This methode is useful when you have created the animation using an external application and generated a list of images.

Other methods are available to create animated cursors from existing documents. See the following topics:

Selecting the image files in Axialis CursorWorkshop

1. Choose "File/New/File Browser" or press Ctrl+Alt+O. A built-in Axialis File Browser window opens.

2. Browse your disk to open the folder containing your image files. For example "My Documents\Axialis Librarian\Cursors\Tutorials". The image files are listed in the right pane 1:

icons

3. Select the image files 2.

Creating the animated cursor from these images

4. Choose "File Browser/New Animated Cursor from this Image" or press "I". A dialog box opens:

icons

5. In Project Name 1, specify "Green Process". In Colors 2, choose "RGB with Alpha Channel". In Size in Pixels 3, choose "32x32 Windows Standard". In Jiffies 4, specify "6" which is the display delay of each frame in 1/60 sec. Since there are 6 image files, the number of frames is set to 6 and cannot be changed.

You can also apply or not the dithering option to the 256/16 color images as well as add a filter effect to smooth/sharpen the resulting images in RGB/A mode (see the results in the preview images).

6. When done, click OK. The cursor is automatically created with all the frames added automatically. You can click on the different frames 1 to see the results in the editor window. The preview 1:1 windows permits also to see the animation.

icons

Axialis CursorWorkshop

Make Static & Animated Cursors for Windows

Make Cursors

Make your own cursors for Windows and web sites

Create professional-looking static and animated cursors to customize mouse pointers in Windows, applications and web sites.

Create animated cursors from GIF, FLI/FLC, filmstrip animations

Several built-in assistant permits creating animated cursors from existing animation files such as animated GIF, FLI/FLC Autodesk animations, RGB filmstrips with alpha channel and more.

Work efficiently with industry standards

Use plug-ins for Adobe Photoshop and Illustrator and make your cursors in a few clicks.

Windows 7 Windows 8 Windows 10 Plug-Ins

Download Now Learn More

Learn More

Setting the hot spot

The hot spot of a cursor is the point to which Windows refers in tracking the cursor's position. By default, the hot spot is set to the upper-left corner of the cursor (coordinates 0,0). But you can set the hot spot anywhere in the drawing area of the cursor (see What is a Cursor for more info).

1. Select the first format in the list. For example 32x32 RGB/A.

2. In the editor area, the hot spot is shown as a square slowly blinking from white to black. If you don't see the hot spot, activate the visualisation: choose Draw/Show Cursor Hot Spot or press Ctrl+K.

3. Select Draw/Set Cursor Hot Spot or press K. Click to the location of the hot spot..

4. The new location flashes for a short moment. The new hot spot location is now defined.