Home > Tutorials > Create an animated cursor from several images

Create an animated cursor from several images

This article provides information on the following topics:

Selecting the image files in Axialis CursorWorkshop

Creating the animated cursor from these images

Setting the hot spot

Required Resources

Axialis CursorWorkshop™ 6.31 or later
Tryout or Professional Edition

We recommend to learn more about
cursors
before following this tutorial

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:

Create an animated cursor from an image

Create an animated cursor from a filmstrip

Create an animated cursor from an animated GIF

Create an animated cursor from a FLI/FLC animation

Create a rotating animated cursor from an image

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 ():

3. Select the image files ().

Creating the animated cursor from these images

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

5. In Project Name (), specify "Green Process". In Colors (), choose "RGB with Alpha Channel". In Size in Pixels (), choose "32x32 Windows Standard". In Jiffies (), 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 () to see the results in the editor window. The preview 1:1 windows permits also to see the animation.

 

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.

 

Top of Page

Related Topics

Make your own cursors

Make your own icons

 

Back To Tutorials Home

Article written by Axialis Software Team on Oct 30, 2008.

Copyright ©2008 Axialis Software - All Rights Reserved - Terms of Use.

site map | terms of use | privacy | user licenses | company | contact us | free icons | make icons | make screensavers | make cursors

Copyright ©2011 Axialis Software. All rights reserved.
Send us feedback about the site.

Microsoft, Windows, Windows XP, Windows Vista are registered trademarks of Microsoft Corporation
Adobe, Flash, Photoshop, Illustrator are registered trademarks of Adobe System Incorporated
Apple, AppStore, Ipod, iPhone, iPad are registered trademarks of Apple Inc