下面我们就一起动手，亲身体验一下Ｗｉｎｄｏｗｓ
ＸＰ风格图标制作。
微软推荐的图标制作工具是：ＦｒｅｅＨａｎｄ 和 Ａｄｏｂｅ
Ｉｌｌｕｓｔｒａｔｏｒ软件，具体制作过程如下：
１．先建立图标的轮廓图形。ＦｒｅｅＨａｎｄ适合用来建立所谓矢量图形，即调用划线函数来划线形成图像。建立的图标应符合上面介绍的标准：即同一内容的图标至少建立尺寸不同的３个图标，以备在不同的场合下使用。
２．着色、加阴影等加工过程应用Ｐｈｏｔｏｓｈｏｐ软件中完成，可以利用拷贝粘贴命令，将矢量图形粘贴在Ｐｈｏｔｏｓｈｏｐ中，图１３是粘贴命令对话框。
例一、建立２４－Ｂｉｔ的图标：
１．
将原来在ＦｒｅｅＨａｎｄ中建立的图标粘贴到Ｐｈｏｔｏｓｈｏｐ中，这个过程中要注意必须将三个尺寸不同的图标都粘贴过来，尤其注意尺寸最小的图标（１６
×
１６），清晰程度必须符合要求，如果不行，请重新用ＦｒｅｅＨａｎｄ绘制，并重新粘贴过来。
２．
加入阴影，这个操作前面已经讲过，这里不再重复，只给出选择参数时所使用的对话框，见图１４。
３．
将图形与阴影进行合成，这需要先建立一个空白层，然后选择"合并可见"，具体操作菜单，如图１５。
４．
建立新的Ｐｈｏｔｏｓｈｏｐ文件，将每个尺寸的图标单独建立一个文件，如果认为不满意，可以重复上述过程返工重来。
５．
将建立的文件文件保存为扩展名为．ｐｓｄ的文件。
例二、
建立８－Ｂｉｔ的图标：
８－Ｂｉｔ的图标可以显示比３２－Ｂｉｔ模式更低的那些模式之下，建立这样的图标，可以使用上面介绍的方法，只是将颜色数目加以限制。也可以以２４－Ｂｉｔ的图标为基础，在此基础上将其"改造"为８－Ｂｉｔ的图标。不论用那种方法，都会遇到一个很现实的问题：显示模式一更改，图形将显示出粗糙的边缘，出现明显的锯齿状折线，下面的操作过程，可以减少这种影响：
１．
在ｐｈｏｔｏｓｈｏｐ环境中，双击原来建立的２４－Ｂｉｔ的图像层标签，然后将其更名为８－Ｂｉｔ的图像层。
２． 再建立一个新的空白层，并以某种深的颜色（例如蓝色）来填充该层。
３．
将新建立的并填充好颜色的层与８－Ｂｉｔ的层进行合并操作。
４．
进行边缘修饰，减少锯齿折线。主要的方法是以纯粹的背景颜色来"平滑"那些边缘上的锯齿。图１６是以上４个步骤的示意图。
５．
检查图形的背景光，并进行修饰。
６． 对于三种尺寸的图标：４８ × ４８、３２ ×
３２和 １６ ×
１６分别建立各自的Ｐｈｏｔｏｓｈｏｐ文件，可用拷贝和粘贴这些图标之后建立文件。
７．
刷涂图像背景颜色，这就需要在上面介绍的调色板中来选取合适的颜色，一般说，选择颜色的原则是：尽量用原图像中没有用过的颜色，例如"洋红色"，操作步骤如下：
１．选择菜单：Ｉｍａｇｅ－＞Ｍｏｄｅ－＞Ｉｎｄｅｘｅｄ
Ｃｏｌｏｒ 然后选定 Ｆｌａｔｔｅｎ Ｌａｙｅｒｓ。
２． 在 Ｐａｌｅｔｔｅ
的下拉菜单中，选择：
Ｃｕｓｔｏｍ．在定制对话框中点击ＯＫ，然后，在选定颜色后，点击ＯＫ。
３．
将结果保存为．ｐｓｄ文件。
４．
另外两个尺寸的图标，也采用上述方法处理。
５． 也将结果保存为．ｐｓｄ文件，如图１７。
如果建立１６色（４ Ｂｉｔ）的图标，可以以８
Ｂｉｔ的图标为基础，只是用的调色板不同，这种模式下只有１６种颜色可供选择。
除此之外，所采用的方法和上面差别不大，这里就不重复叙述了，另外，由于这种模式的图标与早期Ｗｉｎｄｏｗｓ中采用的图标一样，用老的方法也可以制作出来。
建立．ｉｃｏ文件
完成的图标并不能直接在程序中使用，应用的时候必须将其编译到一个扩展名称为．ｉｃｏ的文件中，以建立３２
Ｂｉｔ的图标文件为例，需要使用一个名字为ＧＭＧ的工具，这个工具可以从Ｇａｍａｎｉ网站得到。
下面就介绍如何用这个工具来建立ｉｃｏ文件。这个过程属于比较典型的操作，对应的图标共有３种尺寸，每种尺寸还分为３种颜色模式，所以，总共需要建立的文件有９个，每种尺寸中的每种颜色模式都对应一个文件，也就是下面列出的这些：
４８
× ４８ ２４－Ｂｉｔ
３２ × ３２ ２４－Ｂｉｔ
１６ × １６
２４－Ｂｉｔ
４８ × ４８ ８－Ｂｉｔ
３２ × ３２ ８－Ｂｉｔ
１６
× １６ ８－Ｂｉｔ
４８ × ４８ ４－Ｂｉｔ
３２ × ３２
４－Ｂｉｔ
１６ × １６ ４－Ｂｉｔ
具体的操作过程为：
1．
打开ＧＭＧ工具，将每个图标文件用鼠标托拽到相应的窗口中，每个图标文件将对应地变成一个"框架"。若不使用鼠标托拽的方式，就需要利用菜单：Ｆｉｌｅ－＞Ｉｎｓｅｒｔ
Ｆｒａｍｅｓ，两者的作用是一样的。
2．
当你进行这些托拽操作的时候，系统会显示出如图１８所示对话框。里面需要进行层和透明度两个方面的设置（点击对应的检查框），这些检查框的含义是：
●直接（混合地）显示多个层。
●不混合，每个层使用一个帧或框架。
●保持背景透明。
3．
每个图标的背景层都有一个方框，这些方框在逻辑上总是存在的，但为了不在将来的图标中显示出来，请选定这些背景帧的方框并按Ｄｅｌ键将其删除，删除的只是线条。
4．
现在，你有了九个图标，每三个为一组，分别对应不同的颜色模式，就像图１９一样，从上到下颜色模式依次为：４、８、２４
Ｂｉｔ。在ＧＭＧ的环境中，将鼠标放置到某个图标上后，工具上面的提示框中会显示对应图标的属性，包括：尺寸、透明、颜色模式等等信息。
5．
对于４－Ｂｂｉｔ和８－Ｂｉｔ的图标，也需要处理背景透明的问题，ＧＭＧ一般用绿色来作为背景颜色，但这可以根据你自己的来意图改变，换上自己喜好的颜色，更改的时候可以用菜单：Ｖｉｅｗ－＞Ｔｒａｎｓｐａｒｅｎｃｙ
Ａｓ来实现。具体操作为：
（１）选定一个帧，鼠标点击工具箱中的Ｐｉｃｋ
Ｔｒａｎｓｐａｒｅｎｃｙ
Ｃｏｌｏｒ图标，将显示如图２０所示对话框，即所谓透明工具。
（２）用颜色滴管工具来改变图标中的背景颜色，例如都改用绿色，也可以用你自己喜爱的其他颜色作透明背景。
（３）对于４－Ｂｉｔ
的图标，也需要重复上述操作过程。
6．
点击"Ｆｉｌｅ"，以扩展名ｉｃｏ保存这些结果。
建立工具条的方法
Ｗｉｎｄｏｗｓ
ＸＰ工具条中用的图标和刚才我们建立的图标基本是一样的，但有两个区别：一是使用的图形不需要阴影修饰；二是尺寸有限制，必须为２４
× ２４和 １６ ×
１６个像素点。另外，工具条中的图标也必须具备两种状态：默认状态和"热"状态。默认状态可以简单地理解为尚未进入使用的状态。"热"状态是指鼠标光标移动到相应图标上后，图标做出的响应，这种响应一般是加深图标颜色的饱和程度。
工具条中的图标由于面积很小，图标之间排列密集，所以，图标采用的图形应当更注意简洁明了，突出其含义。假设你已经设计好了用于工具条中的图标，下面我们就一起看看如何建立工具条：
１．
在Ｐｈｏｔｏｓｈｏｐ中，画出下面的工具条方框，一律画成正方形。同一尺寸的方框排成一行，两种尺寸分别为：２４
× ２４和 １６ ×
１６像素，然后建立相应的层，如图２１。
２．将原来设计好的图标放置到上面的正方形框中，放置的次序根据你的需要决定，各个图标不能歪斜或与临近的图标重叠，就像图２２中那样。
３．将上面的结果保存为Ｐｈｏｔｏｓｈｏｐ文件。
４．在Ｐｈｏｔｏｓｈｏｐ中，可以建立图标的"热"状态，步骤如下：
（１）打开上一步保存的文件，用"另存为"保存一个备份，将２４
× ２４和 １６ ×
１６两个层重新命名。
（２）对于每个图标，使用菜单：Ｉｍａｇｅ－＞Ａｄｊｕｓｔ－＞Ｌｅｖｅｌｓ…来建立"热"状态，也就是在下面的对话框中托动中间的箭头，调整Ｌｅｖｅｌｓ为０．７５，点击ＯＫ，如图２３。这一步骤调整的就是图形中颜色的饱和度的级别。
５．
对每种尺寸的各个图标，都需要建立"热"状态的版本，然后利用Ｃｒｏｐ工具保存文件，以整个工具条为单位建立扩展名为ｐｓｄ的文件，如图２４。
６．
例如２４ Ｂｉｔ
的工具条，保存的时候用鼠标将处理好的工具条托拽进入ＧＭＧ中，然后移动入任意的空白帧，利用菜单：Ｆｉｌｅ－＞Ｅｘｐｏｒｔ
ａｓ－＞Ｆｉｌｍｓｔｒｉｐ． 在 Ｆｉｌｍ Ｅｘｐｏｒｔ 对话框中点击检查框：ＢＭＰ／ＤＩＢ
ａｎｄ ２４－Ｂｉｔ ｗｉｔｈ Ａｌｐｈａ
即可完成，具体结果可参看上图。
Ｗｉｎｄｏｗｓ
ＸＰ的图标设计很有意思、也很有挑战性，更主要的是，据说从Ｗｉｎｄｏｗｓ
ＸＰ开始微软将引入一种新的技术，这种技术可把操作系统的内核程序和生成界面的程序彻底分离，这样用户将来有可能根据自己的想法来ＤＩＹ操作系统的界面。如果你真有好的创意和技术，可以开发出多种风格的界面来。因此，本文作为引玉之砖，想必会得到很多朋友的欢迎！
