OS2.GURU - Quality icons for eComStationOS2.GURU - Quality icons for eComStation

Welcome to eComStation.RU site!

Select your language: Russian English Deutch Spanish Italian Portuguese Czech Polish French

Frequently asked questions and answers:


+7-981-8529467 (Санкт-Петербург)
ru · en · de · es · it · pt · cz · pl · fr
OS/2 is a greatly different operating system for PC (ArcaOS, eComStation, IBM OS/2 Warp)
Applications, news, reviews, support of users, hardware, questions and answers.
      What is OS/2?NewsInstallUpdateUsageFutureCommunityBuy    
(Map of the site)

Report: OS/2 compatible hardware




For developer:

(Пайпы программ)





(Барьеры и решения)


(Применение в науке, лаборатории, ..)



New eComStation:


(Ссылки на другие сайты)

(Картинка дня)

OS/2 artefacts:


Upgrade ArcaOS to NeoWPS level

  • Install original PNG icons drawed by designer, specialized at OS/2 adornation.
  • Install eSchemes 2018 to change colors and buttons on desktop.

Quality icons for eComStation

TITLE: Quality icons for eComStation

DATE: 2003-09-09 17:15:12

AUTHOR: Alessandro Cantatore

Please use online translator
go to http://translate.google.com
and request the translation of http://en.ecomstation./showarticle.php?id=95
to your language



Needed tools

The applications used to create the eComStation icons are Embellish and the Icon editor, enclosed in the operating system.

Embellish, installable, from one of the CDs being part of the standard eComStation distribution, is a graphic program, that allows to easily perform various operations needed for the creation of quality icons.

Unlike the Icon editor, Embellish allows the selection of image parts of any shape, not just simple rectangle areas. Besides that, each new element, added to the image, (a point, a line, an area fill, etc.) is treated as an indipendent object that may be erased, moved, resized, made more or less transparent, shaded, etc..

Unluckily Embellish has got several bugs, which don't avoid, anyway, to use, with some care, the program.

The main purpose of the Icon editor, instead, is that of converting the bitmap format, used when working with Embellish, in the icon format.

In any case, if you prefer that, as you may do, for very simple icons, you can use just the icon editor.

Available templates

Each template is made up by 4 squares of grey color and of different size (40x40, 32x32, 20x20, 16x16), corresponding to the most used icon formats. These templates may be used as a starting base for creating more complex images.

The available templates are:

Generic.bmp This is a generic template.
FolderDefault.bmp This is the base image for the creation of folders of the default color.
FolderBlue.bmp This is the base image for blue folders.
FolderGreen.bmp This is the base image for green folders.
FolderGrey.bmp This is the base image for grey folders.
FolderRed.bmp This is the base image for red folders.
FolderViolet.bmp This is the base image for violet folders.
FolderYellow2.bmp This is the base image for green-yellow folders.
FolderTemplate.bmp The applications that use a set of their own templates should keep that in an appropriate folder, such us the Multimedia , Internet and Lotus templates.
This image should be used as a base for the creation of such folders.
FolderWorld.bmp This image may be used as a base for the creation of the icon of the folder of applications dealing with internet or networking.
FolderWorldPC.bmp This image may be used as an alternative for the same purpose of the previous one.
Box.bmp This image may be used as a base for the creation of the icons of periferals.
DataFileDefault.bmp This is the base image for the creation of the icon of document files.
DataFileYellow.bmp This is an alternative image for the creation of the icon of document files.
DataFileBlue.bmp This is an alternative image for the creation of the icon of document files.
DataFile2.BMP This is an alternative image for the creation of the icon of document files.
DataFileList.bmp This is an alternative image for the creation of the icon of document files.
DriveFloppy.bmp This may be used to create the icons of particular floppy disks, installation programs, etc...
DriveHD.bmp Image used for the disk icons. It might be useful for the creation of the icons of some utility program (file search, disk tools, etc...)
DriveHDLabel.bmp This image may be used to add the letter ID to the disk icons.
DriveRem.bmp Image for the icons of external units (removable media).
DriveRem1.bmp Image for the icons of external units (removable media).
DriveRem2.bmp Image for the icons of external units (removable media).
FullScreen.bmp Image which may be used as a base for the creation of icons of programs running as command line in a  full screen session.
FullScreen1.bmp Other Image which may be used as a base for the creation of icons of programs running as command line in a  full screen session.
Printer.bmp Image to use as base for creating printer or printer related icons.
Server.bmp Image to use as a base for icons of programs related to networking, server management, etc...
WindowCLI.bmp Image which may be used as a base for the creation of icons of programs running as command line in a window.
WindowPM.bmp Image which may be used as a base for the creation of icons of programs running in a PM window.

Icon creation

These notes are just some basic suggestions about the usage of Embellish and the Icon editor. For more details about the arguments dealt with, you should refer to the programs documentation.

While using Embellish, it is advisable to save one's work quite often, in order to avoid, in case of program crash, to lose the job done.

Another problem, usually apperaing when you close Embellish, while a secondary dialog of the tool settings is opened, is the corruption of the data stored by the program in OS2.INI. After this happens, when you try to restart the program, it will hang and slow down all the system. The only solution, then, is to erase all Embellish data from OS2.INI, restart the program and reset the program options to one's favourite values, before using it again.

  1. As first step, drag a copy of an image, you intend to modify, from the image templates folder, to your work folder. In case you plan to use more images, for instance, in order to select and copy some portion of one image into another one, you'd better drag a copy of all the images, so to avoid to inadvertently modify a template.
  2. You can open Embellish either from the context menu of the just created image, or, if the Embellish window is already opened, just drag the image icon on it.
  3. When you create a complex image (e.g. the image of a book you want to overlay over a folder image for an icon of a folder containing INF files) that has to be copied moved or resized more times, it is useful to merge all the object which made it up (lines, areas, etc.) in one unique object.

    To do that, you can use the Object Master Utility  (that you can open from the Object  menu of Embellish), to select, one by one, all the objects which make up the image.

    At this point, you have to select from the menu: Objects ->Merge objects together , to merge all the selected objects into a new unique object, which you will be able to move, size, rotate, etc. much more easily.
    Sometimes, rather than individually selecting all the needed objects, it would be easiear to just select all objects first, throught the menu: Objects ->Select all objects , unselecting then all the unneeded objects.

  4. In case you just want to copy a part of an image, it is useful to famirialize with the various selection options offerred by Embellish. These allow to select non-rectangular shapes, areas of homogeneus color, to invert the selection, to add or subtract it from the previous one, etc...

    Once the creation of the image, in all the various formats, is completed, you can definitely save it. Now, before using the image to create an icon, it is convenient to reduce the number of the colors composing the image (all templates are true color  images) adapting the image to a 256 colors palette. This way you'll achive much smaller icon files, without spoiling the image quality.

    The best way to do that is by dropping the icon of the just saved image, into the Embellish window. If you don't do that, but work on the previous window, a bug will prevent Embellish to apply the correct palette mapping algorithm.

    Once the new window has been activated, you just need to select from the menu: Colors ->Color type ->Palette.
    If your screen resolution allows you to display just 256 colors, you might get better results, by mapping the image colors to the 256 colors system palette, rather than to the best fit palette, using the error diffusion algorithm to get the best results. To accomplish this you'll have to select from the menu: Colors->Palette->Mapping . Then, in the dialog which will appear you'll have to add the image name to the list of the images to be processed and select the items: Stock palette, OS/2 System, 256 color  and Use error diffusion  before clicking on the GO!  button.

  5. Once the new 256 colors image has been saved, (it may be useful to save it with a new name, so the original true color   image can be used as a basis for other images) , the next task is to save the 256 colors palette in a format compatible with the Icon editor.
  6. Open now the 256 colors image with the icon editor. If the black color is missing from the image palette, modify the darkest color (or the background color if it is not used in any other part of the image) to black, otherwise, the icon editor will randomly replace one color with the black and the result will be black spots randomly spread over the image, when it is saved as icon.

    Save the image palette through the menu: Palette ->Save as  using any name that you like (you can safely delete this file, once the new icon is done).

  7. Drag a new icon from the template file 256Icon.ico into the work folder and open it in a new Icon editor window.
  8. The icon created from the template, contains 4 different images of large and small icons for low and high resolution screen. An easy way to access to all available formats, is by selecting, throught the mouse or pressing various times the TAB key, the text describing the format of the image (for instance: (Independent)8 Bits/Pixel,  40x40,  0x0,  0x0 ). Now you can just use the up/down arrow keys on the keybord to display all the available formats contained in the current icon.
  9. The first operation to be performed on this new icon, is to load the 256 colors palette saved from the other window of the Icon editor. You can do that through the menu: Palette ->Open...  or by the keyboard shortcut Alt-M.
    This operation must be repeated for all available formats. You can speed it up by using the keyboard shortcuts to open the file selection dialog, then the Tab key until the file list get the focus, the space bar to select the palette file and the Enter key to confirm the selection and dismiss the dialog. Then press the arrow key to switch to another icon format and repeat all the above described operations, until all the 256 colors palette of the current image will be loaded in all the available icon formats.
  10. Now, you must select one of the grey squares from the image, copy it to the clipboard and paste it in the icon of the suitable format, repeating the operation for all the available formats. Most of these operations have their own keyboard shortcuts which you can use together with Alt-Tab to switch the focus from the image window to the icon window.
  11. The last task is to define the transparent areas (rendered in grey color in the bitmap images) with the Color fill tool. Once this has been done for all available formats, you are done, you can just save and use the new icon and can delete the palette file.

Additional information: