Home > Tutorials > Create a static cursor from a GIF image

Create a static cursor from a GIF image

 

This article provides information on the following topics:

Opening the GIF image file

Creating a static cursor from this image

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

Opening the GIF image file

1. Choose "File/Open", browse your folders and select your file (Windows® standard dialog box).

or

Choose "File/New/File Browser" or press Ctrl+Alt+O. A built-in Axialis File Browser window opens. Browse your disks, see the thumbnail preview and double-click the image file you wish to open.

or

In the Recently Used zone (in the main toolbar), type the full pathname of the image file you wish to open then hit Enter.

2. For example, open the file located in the librarian: "Cursors\Tutorials\Size NESW.gif". The image file opens in a document window.

Axialis CursorWorkshop will keep the transparency in GIF images if present. This is much more convenient to create cursors. If the image is opaque and contains a solid background, you can transform it to a transparent area by using the 'Transparent Tool': - Click on the solid background area to create transparency.

Creating a static cursor from this image

3. If your image is opaque, you can create transparent areas. Using the following tutorial, you can easily transform the white background to transparency: Add Transparency to an Opaque Image.

4. If necessary, select the portion of image: Use the selection tool (upper-left button of the tool palette) and select the portion of image you whish to use (do not cut the shadow if there is one around the object). When done, an animated dashed rectangle has been created.

5. When the selection is done, choose Image/Create Static Cursor from Selection or press "I" or click the first command button in the local toolbar ():

6. The dialog box New Cursor From Image opens (see below). In the Project Name group (), enter the cursor project name. Do not specify any extension.

7. In the Image Formats group, select the image formats you whish to add in the cursor ( ) and unselect the unwanted images. Just click on the image preview to select/unselect. To know more about the desired Windows® image format, see What is a Cursor topic.

8. You can also apply a smooth/sharp filter to the final images ().

9. When done, click OK. The cursor is automatically created with the various image formats you've selected.

Despite the fact that GIF images are limited to 256 colors and have an indexed-palette transparency information, the original image is processed in order to generate the best results possible in all cursor formats.

However, the picture quality in 256/16 colors and Monochrome is not as good as in RGB/A. This is normal because the transparency is not variable (no alpha channel) creating jaggy borders. Also, the number of colors is limited resulting in dithering expecially in gradients. This quality downgrade is normal when you reduce the number of colors. We recommend to retouch your image manually in order to create a prefect looking cursor in all formats.

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.

CursorWorkshop has updated the hotspot for all the formats with the same size. In such case, we assume that the hot spot is located at the same coordinates. If this is not the case, you can select another format and change its location.

 

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