Add Transparency to an Opaque Image

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

Transparency is important when creating cursors. It permits to display a cursor over a background image without fully hiding it. Parts of the background image are visible through the transparent areas of the cursor. Transparency can be total (1-bit mask, in GIF for example) or partial (8-bit mask, a.k.a Alpha Channel, in PNG or JPEG2000 for example). Partial transparency (RGB/Alpha Channel) produces better results when displaying cursors. See What is a Cursor for more info.

The following image formats support transparency: Photoshop PSD, PNG, RGB, JPEG 2000 and WMF. GIF support only total transparency. Axialis CursorWorkshop permits to convert images to 32 BPP (RGB/Alpha Channel) which is much more convenient to create cursors.

What is the RGB format with Alpha Channel?

Also called RGB/A, this image format contains 16.8M colors coded in RGB plus an additional opacity channel. This channel is called the "Alpha Channel". Each channel is coded using 8 bits per pixel. As a result each pixel is coded in 32 bits (32 BPP - Bits Per Pixel). See the illustration below to understand how channels are organized in an RGB/A image.

icons

This is a new image format that you can find in new generation of cursors. This image format is called RGB/A by Axialis CursorWorkshop.

The main advantage of this image format is that it permits to display a smooth transparency in cursors. The resulting image is displayed with smooth contours on all backgrounds. It permits also to create dropped shadows behind cursors. The following illustration shows the difference between a standard pointer (in 256 color formats for example) and the new RGB/A pointer with smooth transparency:

icons

Important
Windows and animated cursors support RGB/A images. These cursors can be displayed in WindowsXP, Windows Vista or more. Older systems does not support RGB/A cursors. That's the reason why you need to include other standard formats in your cursors.

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.

Add RGB/A transparency to your image

1. Open your image in CursorWorkshop. Choose the "Create Transparent Areas" Mode: icons or press "T". Click in the areas where you want to create transparency.

4. For example, the illustration below shows the image "Cursors\Tutorials\Arrow Add - Opaque.png". It is an RGB file without alpha channel, so it does not contains transparency. The background is white 1 and fully opaque. If you create a cursor from this image, it will create a white square around the final cursor, which is not the result we expect.

5. In Transparent Area mode, click in the white background 2. It is automatically converted to a transparent area (the grey chessboard texture 3). You can repeat the operation to create a sharper frontiere around the pointer:

icons

Note
When you create a transparent area, the image is automatically converted in 32-bit color depth (RGB / Alpha Channel).