创建 Windows XP 图标

纲要：正文商量怎样运用矢量步调（如 freehand 或 illustrator）和 photoshop 安排并创造 windows xp 的彩色和动静图标。 目次简介 图标安排概括 办法 1：观念 办法 2：绘绘图像 办法 3：创造 24 位图像 办法 4：创造 8 位和 4 位图像 办法 5：创造 .ico 文献 创造东西栏 创造 avi 简介microsoft® windows® xp 引入了一种新的图标安排款式。在以次指南开中学，咱们将计划安排和创造 windows xp 款式图目标简直办法。windows xp 图标款式风趣、颜色充分且充溢生机 — 这是由于那些图标是 32 位图标，而且边际特殊光滑。在矢量步调中绘制完每个图标后，再用 adobe photoshop 举行处置可使图像越发完备。本指南是专为安排者编写的。在创造图像时，倡导您与高程度的图形安排者一道处事，更加是具备充分的矢量和 3d 步调体味的图形安排者。

图 1：图标示例图标安排概括本节的手段是让您熟习 windows xp 的新款式，为创造图标做好筹备。图标款式个性颜色充分，是对 windows xp 表面的弥补。 各别的观点和透视个性为图像填补了动静生机。 元素的边角格外温柔，并稍微有些狡猾。 光源坐落图目标左上角，同声有盘绕光照明图目标其它局部。 突变功效使图标具备立体感，从而使图目标表面越发饱满。 投影使图标更具比较度和立体感。 增添表面可使图像更明显。 凡是东西（如计划机和摆设）具备更新颖化的部分表面。 图标尺寸windows 图标有四种尺寸 — 48 × 48、32 × 32、24 × 24 和 16 × 16 像素。倡导运用以次三种尺寸： 48 × 48 像素 32 × 32 像素 16 × 16 像素

图 2：惯例图标尺寸“发端”菜单右侧的图标表露为 24 × 24 像素巨细。该尺寸不须要由用户供给。

图 3：“发端”菜单中的 24 × 24 像素巨细对于正在创造的东西栏图标，windows 规范尺寸为 24 × 24 和 16 × 16 像素。

图 4：规范东西栏图标尺寸图标颜色深度扶助windows xp 扶助 32 位图标。32 位图标为 24 位图像加上 8 位 alpha 通道。使图标边际特殊光滑，且与后台相融洽。每个 windows xp 图标应包括以次三种颜色深度，以扶助各别的表露器表露树立： 24 位图像加上 8 位 alpha 通道（32 位） 8 位图像（256 色），加上 1 位通明色 4 位图像（16 色），加上 1 位通明色

图 5：32 位、8 位和 4 位的“图片保藏”图标绘图板以次脸色是图标中运用的重要脸色：

图 6：windows xp 图标绘图板东西的观点和分批以次是 windows xp 款式图标运用的透视网格：

图 7：windows xp 图标透视并非一切东西运用 16 × 16 的搀杂图像都能赢得较好功效。以次东西常常以直觉图像表露： 文书档案图标 标记图标（如劝告或消息图标） 简单东西图标（如夸大镜）

图 8：直觉图标示例（.jpg 文书档案、探求和保藏夹图标）只有创造臃肿扶助东西不妨更领会地表白图目标含意，要不就可读性和完备性而言，仍旧应运用直觉图像。还应商量怎样按组察看图标，再不决定怎样将东西分批。

图 9：臃肿示例（增添或简略步调、打字与印刷图片及迩来的文书档案）投影运用投电影皇后，windows xp 图标将更明显且更具立体感。可在 photoshop 中实行这种功效，本指南的反面局部将对此举行刻画。若要为图像增添投影，请在 photoshop 中双击图像的图层，并采用 drop shadow。而后将 angle 变动为 135，distance 变动为 2，size 变动为 2。此时投影为 75% 不通明玄色。

0图 10：为图标增添投影前后表面绘制 xp 款式图标时，为图像增添表面可使之更明显，并可保护图像在各别背局面上都具备较好功效。办法 1：观念安排新图标时，倡导先用纸笔将基础思绪绘制出来。以次是 windows xp “图片保藏”图目标草稿示例：

1图 11：“图片保藏”图标草稿安排图标时，请商量以次成分： 运用已有观念以保证如实表白了用户的办法。 商量图标在用户界面情况中以何种情势展示，以及怎样动作图标集的一局部运用。 商量图形的文明后台。制止在图标中运用假名、单词、手或脸。必需用图标表白人或用户时，请尽大概使其群众化。 即使图标中的图像由多个东西构成，应商量怎样使图像尺寸更小。倡导在图标中运用的东西不胜过三个。对于 16 × 16 的尺寸巨细，还可商量简略某些东西或简化图像使之更简单辩别。 提防：在图标中运用 windows 标记时，请按照以次规则： 为按照牌号及 windows 品牌准则，除 windows 的 update 图标外，不要在图标中运用 windows 标记。 windows 标记只能在 microsoft® windows® 操纵体例所供给的图标中运用。 microsoft 品牌组应查看图标中 windows 标记的运用情景。 公用图标

2图 12：windows xp 的公用图标公用功具栏图标

3图 13：windows xp 的公用功具栏图标办法 2：绘绘图像若要绘制 microsoft windows xp 的款式图标，倡导您运用矢量东西，如 macromedia freehand 或 adobe illustrator。按图标安排概括中指定的操纵运用绘图板和款式特性。 运用 freehand 或 illustrator 绘绘图像。 辨别创造三个尺寸的图像。由于稍后将为图像增添投影，以是创造的三个尺寸应为 46 × 46、30 × 30 及 14 × 14 像素。 复制矢量图，并将其粘贴到 photoshop 中。

4 图 14：paste（粘贴）对话框 提防：倡导运用 photoshop 动作图像创造东西，由于创造 .ico 文献所用的 gif movie gear 不妨径直导出 photoshop 文献。在 photoshop 中经过“rgb”形式创造的图像都具备 alpha 通道。即使图像或图层具备通明度，对图标而言，运用通道将特殊有意旨。办法 3：创造 24 位图像 将矢量文献粘贴到 photoshop 中后，下一步即是实行 24 位图像。 将三个尺寸的图像粘贴到 photoshop 中后，请查看图像的可读性和辨别率，更加是 16 × 16 巨细的图像。大概须要举行像素推移。即使不许明显地表露 16 × 16 的图像，应在 freehand 中简化该尺寸的图像。 若要为图像增添投影，请双击图像的图层，并采用 drop shadow。而后将 angle 变动为 135，distance 变动为 2，size 变动为 2。此时，投影为 75% 不通明玄色。

5 图 15：树立投影 若要兼并投影和 24 位图像，请兴建一个空层。在 layers 菜单中，采用 merge visible 将三层兼并在一道。

6 图 16：兼并图层保持投影 兴建三个 photoshop 文献，每个文献的尺寸辨别为 48 × 48、32 × 32 和 16 × 16 像素。复制并粘贴相映图像。即使图像投影被截断，应在 freehand 中减少图像尺寸，而后从新实行那些办法。 将每个文献生存为 .psd 文献。不要将图像图层与后台图层兼并在一道。最佳在文献名中包括尺寸和颜色深度。 办法 4：创造 8 位和 4 位图像 创造 8 位图像既是仍旧创造实行了 24 位图像（用来合成 32 位图标），下一步则是创造 8 位图像。8 位图标将以低于 32 位的大肆脸色形式表露。8 位图标不具备 8 位 alpha 通道。所以，要对 8 位图标举行边际整理，要不边际会有锯条。 在 photoshop 中, 复制 24 位图像图层并将图层重定名为 8 位图像。 兴建空层并用深色（如蓝色）弥补图层。 将 8 位图像图层与新层兼并。 用纯色整理边际，去除已取消锯条的像素。恒定运用那种本领对边际举行处置，淡化边际的锯条功效。 在淡色（如白色）后台上查看图像的表面功效。

7 图 17：整理 8 位颜色深度的图像 兴建三个 photoshop 文献，每个文献的尺寸辨别为：48 × 48、32 × 32 和 16 × 16 像素。复制并粘贴相映图像。 接下来需将图像的索引脸色变动为 256 色。8 位图标不妨具备自设置的绘图板。 在 48 × 48 图像中，运用特殊的脸色 — 图像中不曾运用的脸色弥补后台。常常运用品赤色 (r255 g0 b255)。 转至 image->mode->indexed color，而后采用 flatten layers。 在 palette 下拉菜单中，采用 custom。在 custom 对话框中，单击 ok。在 indexed color 对话框中单击 ok。 将文献生存为 .psd 文献。 运用同样的背局面和自设置绘图板生存其余两种尺寸的文献。 将每个文献生存为 .psd 文献。 创造 4 位图像若要使图标在较低的表露情况中具备较好的表露功效，请运用 16 色图标。 将 8 位图像的索引脸色改为 windows 16 色彩色板。 仅用 16 色彩色板中的脸色整理图像。 在图像的底部和右侧边际处运用玄色表面。 在图像的左侧和顶部边际处运用暗灰或其它深脸色。 运用同样的背局面生存三种尺寸。保证图像中未运用背局面，由于背局面将动作通明色。

8 图 18：4 位图标示例 办法 5：创造 .ico 文献一切图像都筹备好后，即可将它们编写翻译成 .ico 文献。若要创造 32 位图标，需运用 gif movie gear (gmg) 东西。 在 gamani（英文）网站可赢得此东西。在底下的办法中，咱们将计划创造典范 .ico 文献（具备三种尺寸和三种颜色深度）的进程。 所有应有 9 个文献 — 每种颜色深度有三种尺寸： 48 × 48，24 位 32 × 32，24 位 16 × 16，24 位 48 × 48，8 位 32 × 32，8 位 16 × 16，8 位 48 × 48，4 位 32 × 32，4 位 16 × 16，4 位 翻开 gif movie gear (gmg)，将每个图像文献拖动到窗口中（或运用 file->insert frames）。 每个图像都将变成一个帧。 将 24 位图像（或带有图层的 .psd 文献）拖动到 gmg 中时，将会展示一个对话框：

9 图 19：在 gif movie gear 中树立 24 位图像 请确认树立如次所示： 图层为多帧动画 未搀和：每层为一个帧 维持后台通明 每个 24 位图像的后台层都将表露为一个帧。采用帧，并按 delete 键可简略那些空缺帧。 此刻，所有应有 9 个帧。图标应按脸色辨别率的递加程序排序：前三个为 4 位（16 色），接下来的三个为 8 位（256 色），结果三个为 24 位脸色加上 8 位 alpha 通道（共 32 位）。

0 图 20：gif movie gear 中帧的程序 提防：若要查看图像的属性，请将鼠标移到图像上。将表露一个东西提醒框，个中包括每个图像的辨别率消息。默许树立囊括维度、通明度和位计数。不妨经过 edit->preferences->frame tips 增添或简略所表露的名目。对于 8 位和 4 位图像，后台应是通明的。gmg 运用暗黄绿色表白“通明”色。不妨运用 view->transparency as 菜单项树立本人的脸色（或仍旧运用默许背局面）。所选脸色只用来察看图像功效，不会感化图像自己。 若要使 8 位和 4 位图像通明： 采用一个帧，并单击 pick transparency color 东西栏图标（吸管）。

1 图 21：运用通明东西 将翻开一个对话框，个中表露您的图标。运用吸管东西单击图目标背局面。此脸色将变动为暗黄绿色（或在 gmg 当选作通明背局面的脸色）。 反复一切 4 位和 8 位帧。 若要生存图标，请采用 file->save icon as...。 创造东西栏windows 东西栏图标除不运用投影除外，运用的款式与其它图标沟通。因为东西栏图标特殊小，倡导您运用大略的图像。即使以直觉办法表露图像即可明显地表白图目标含意，则不用运用其它搀杂办法。windows 东西栏表露两种图标尺寸：24 × 24 和 16 × 16 像素。图标具备两种状况 — 默许和激活（鼠标在图标上）。对于激活态，咱们需略微减少图像的饱和度。东西栏图目标创造进程除去图像是 .bmp 方法除外，与创造非东西栏图标特殊一致 — 基础上是按程序陈设的一条龙图标。 在 freehand 中绘制了百般尺寸的图标之后，请将它们复制并粘贴到 photoshop 中。将 24 × 24 的图像放在一个图层上，将 16 × 16 的图像放在另一个图层上。 在每个图层上，对准每种尺寸画一条龙方框。一动作 16 × 16 的方框，另一动作 24 × 24 的方框。

2 图 22：东西栏图目标方框示例 将每个图像按所需程序置于方框中。确认图像间没有臃肿。

3 图 23：将图标置于东西栏帧中 生存 photoshop 文献。 接下来将在 photoshop 中创造激活态图像。 复制 24 × 24 和 16 × 16 图层。重定名图层，将其标志为激活态本子。 对于每个激活态本子，采用图层并转至 image->adjust->levels，而后将中央的箭镞移到 0.75 处。单击 ok。

4 图 24：变动色阶创造“激活”态图像 创造激活态图像后，每个草图应有一个图层：辨别是默许 24 × 24、激活 24 × 24、默许 16 × 16 以及激活 16 × 16。 接下来为每个草图独立创造文献。 一种办法是运用“裁切”东西将文献裁切到符合草图的尺寸，而后，生存该文献。对草图的襟怀必需从第一个方框的发端处直到结果一个方框的结果处。 辨别将每个草图生存为 24 位 .psd 文献。

5 图 25：photoshop 中的 24 位东西栏草图 即使要将草图另存为 32 位图像，请将其拖动到 gmg 中。简略一切空缺帧。转至 file->export as->filmstrip。在 film export 对话框中，确认已选中 bmp/dib and 24-bit with alpha。 创造 avimicrosoft windows xp 运用 8 位 avi。创造 .avi 文献的进程与创造图目标进程沟通 — 在 photoshop 中筹备图像，而后将其拖动到 gmg 中。请按以次引导创造 8 位图标。若要运用 gmg 生存 avi，请转至 file->export as->avi file?。创造 .avi 文献时，请商量以次成分： 运用品红 (r255 g0 b255) 动作后台通明色。 在 photoshop 中，要害的一点是不要展示杂散像素。请将弥补本领树立为 0，并确认未选中废除锯条。 （根源：microsoft ）（根源：microsoft）