How to Create an Icon from an Image File

1. Open the image file in Axialis IconWorkshop

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

or

Choose "File/New/File Browser" or press Ctrl+Shift+O. A built-in Axialis file 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. The image file opens in a document window.

2. Add transparency

Transparency is important when creating icons. It permits to display an icon over a background image without fully hiding it. Parts of the background image are visible through the transparent areas of the icon. 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 icons. See what is an icon to learn more.

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

If your image already contains transparency or don't want to use transparency, go directly to step 6.

3. To add your own transparency, choose the "Create Transparent Areas" Mode: or press "T". Click in the areas where you want to create transparency.

4. For example, the illustration below shows the image "Librarian/Media Files/Images/Smiley.jpg". It is JPEG, so it does not contains transparency (only JPEG 2000 supports transparency). The background is white () and fully opaque. If you create an icon from this image, it will create a white square around the final icon, which is not the desired result.

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

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

3. Create an icon from the image

6. Select the portion of image you whish to use to create your icon. If you leave too many transparent areas around your image, the visible part of your icon will be too small.

7. 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.

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

To create a Macintosh® icon, the procedure is similar, just click the Apple® button in right or press "M".

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

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

8. If you wish to start creating your icon with an unlisted format, click the Other Image Format button.

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