全站搜索

我的WindowsXP系统不一般,打造个性化XP图标

2005-01-05   作者:Microsoft   阅读量:

二、创建图标的具体步骤

步骤 1:概念

设计新图标时,建议先用纸笔将基本思路绘制出来。以下是 Windows XP “图片收藏”图标的初稿示例:

 

图 11:“图片收藏”图标初稿

设计图标时,请考虑以下因素

  • 使用已有概念以确保真实表达了用户的想法。
  • 考虑图标在用户界面环境中以何种形式出现,以及如何作为图标集的一部分使用。
  • 考虑图形的文化背景。避免在图标中使用字母、单词、手或脸。必须用图标表示人或用户时,请尽可能使其大众化。
  • 如果图标中的图像由多个对象组成,应考虑如何使图像尺寸更小。建议在图标中使用的对象不超过三个。对于 16 × 16 的尺寸大小,还可考虑删除某些对象或简化图像使之更容易辨认。

注意:在图标中使用 Windows 标志时,请遵守以下规定

  • 为遵守商标及Windows品牌规则,除Windows的Update图标外,不要在图标中使用Windows标志。
  • Windows标志只能在Microsoft Windows操作系统所提供的图标中使用。
  • Microsoft品牌组应审查图标中Windows标志的使用情况。

公用图标

图 12:Windows XP 的公用图标

公用工具栏图标

图 13:Windows XP 的公用工具栏图标

步骤 2:绘制图像

若要绘制 Microsoft Windows XP 的样式图标,建议您使用矢量工具,如 Macromedia FreeHand 或 Adobe Illustrator。按图标设计概述中指定的操作使用调色板和样式特征。

  1. 使用 FreeHand 或 Illustrator 绘制图像。
  2. 分别创建三个尺寸的图像。因为稍后将为图像添加投影,所以创建的三个尺寸应为 46 × 46、30 × 30 及 14 × 14 像素。
  3. 复制矢量图,并将其粘贴到 Photoshop 中。
  • 图 14:Paste(粘贴)对话框

    注意:建议使用 Photoshop 作为图像创建工具,因为创建 .ico 文件所用的 Gif Movie Gear 可以直接导入 Photoshop 文件。在 Photoshop 中通过“RGB”模式创建的图像都具有 alpha通道。如果图像或图层具有透明度,对图标而言,使用通道将非常有意义。

    步骤 3:创建 24 位图像

    将矢量文件粘贴到 Photoshop 中后,下一步就是完成 24 位图像。

    1. 将三个尺寸的图像粘贴到 Photoshop 中后,请检查图像的可读性和分辨率,特别是 16 × 16 大小的图像。可能需要进行像素推移。如果不能清晰地显示 16 × 16 的图像,应在 FreeHand 中简化该尺寸的图像。
    2. 若要为图像添加投影,请双击图像的图层,并选择 Drop Shadow。
    3. 然后将 Angle 更改为 135,Distance 更改为 2,Size 更改为 2。此时,投影为 75% 不透明黑色。
  • 图 15:设置投影

    若要合并投影和 24 位图像,请新建一个空层。在 Layers 菜单中,选择 Merge Visible 将三层合并在一起。

    图 16:合并图层保留投影

    1. 新建三个 Photoshop 文件,每个文件的尺寸分别为 48 × 48、32 × 32 和 16 × 16 像素。
    2. 复制并粘贴相应图像。如果图像投影被截断,应在FreeHand 中缩小图像尺寸,然后重新执行这些步骤。
    3. 将每个文件保存为 .psd 文件。不要将图像图层与背景图层合并在一起。最好在文件名中包含尺寸和色彩深度。
  • 责任编辑:水蜜桃
    文章来源:PCICP   2005-01-05