2022年打造个性化XP图标.docx

《2022年打造个性化XP图标.docx》由会员分享，可在线阅读，更多相关《2022年打造个性化XP图标.docx（10页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、2022年打造个性化XP图标Microsoft Windows XP 引入了一种新的图标设计样式。在下面的文章中，我们将探讨设计和创建Windows XP 样式图标的详细步骤。Windows XP 图标样式好玩、色调丰富且充溢活力，这是因为这些图标是32 位色的图标，边缘特别平滑。一般我们可以在矢量程序中绘制完每个图标后，再用 Adobe Photoshop 进行处理，使图像更加完备。基本流程：1.运用 FreeHand 或 Illustrator 绘制图标的矢量图像。2 .复制矢量图，并将其导入 Photoshop 中进行进一步处理。3 .用 Gif Movie Gear 创建 .ico 文

2、件。图 1：图标示例一、图标设计概述本节的目的是让您熟识 Windows XP 的新样式，为创建图标做好打算。图标样式特性色调丰富，是对 Windows XP 外观的补充。不同的角度和透视特性为图像增加了动态活力。元素的边角非常柔软，并略微有些圆滑。光源位于图标的左上角，同时有环绕光照亮图标的其它部分。渐变效果使图标具有立体感，进而使图标的外观更加丰满。投影使图标更具对比度和立体感。添加轮廓可使图像更清楚。日常对象（如计算机和设备）具有更现代化的个人外观。图标尺寸Windows 图标有四种尺寸：48 48、32 32、24 24 和 16 16 像素，建议运用这些标准尺寸。 图 2：常规图标尺

3、寸“起先”菜单右侧的图标显示为 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 色），加上

4、 1 位透亮色图 5：32 位、8 位和 4 位的“图片保藏”图标调色板以下颜色是图标中运用的主要颜色：图 6：Windows XP 图标调色板对象的角度和分组以下是 Windows XP 样式图标运用的透视网格：图 7：Windows XP 图标透视并不是全部对象运用 16 16 的图像都能获得较好效果。下面的对象通常以正面直观图像显示： 文档图标 符号图标（如警告或信息图标）单一对象图标（如放大镜） 图 8：直观图标示例（.Jpg 文档、搜寻和保藏夹图标）除非创建重叠协助对象可以更清晰地表达图标的含义，否则就可读性和完整性而言，还是应运用直观图像。还应考虑如何按组查看图标，以便确定如何将对

5、象分组。 图 9：重叠示例（添加或删除程序、打印图片及最近的文档）投影运用投影后，Windows XP 图标将更清楚且更具立体感。可在Photoshop 中实现这种效果。若要为图像添加投影，请在 Photoshop 中双击图像的图层，并选择 Drop Shadow。然后将 Angle 更改为 135，Distance 更改为 2，Size 更改为 2。此时投影为 75% 不透亮黑色。 图 10：为图标添加投影前后轮廓绘制 XP 样式图标时，为图像添加轮廓可使之更清楚，并可保证图像在不同背景色上都具有较好效果。二、创建图标的详细步骤步骤 1：概念设计新图标时，建议先用纸笔将基本思路绘制出来。以下

6、是 Windows XP “图片保藏”图标的初稿示例： 图 11：“图片保藏”图标初稿设计图标时，请考虑以下因素：运用已有概念以确保真实表达了用户的想法。考虑图标在用户界面环境中以何种形式出现，以及如何作为图标集的一部分运用。考虑图形的文化背景。避开在图标中运用字母、单词、手或脸。必需用图标表示人或用户时，请尽可能使其大众化。假如图标中的图像由多个对象组成，应考虑如何使图像尺寸更小。建议在图标中运用的对象不超过三个。对于 16 16 的尺寸大小，还可考虑删除某些对象或简化图像使之更简单分辨。留意：在图标中运用 Windows 标记时，请遵守以下规定：为遵守商标及 Windows 品牌规则，除

7、Windows 的 Update 图标外，不要在图标中运用 Windows 标记。Windows 标记只能在 Microsoft? Windows? 操作系统所供应的图标中运用。Microsoft 品牌组应审查图标中 Windows 标记的运用状况。公用图标 图 12：Windows XP 的公用图标公用工具栏图标 图 13：Windows XP 的公用工具栏图标 步骤 2：绘制图像若要绘制 Microsoft Windows XP 的样式图标，建议您运用矢量工具，如 Macromedia FreeHand 或 Adobe Illustrator。按图标设计概述中指定的操作运用调色板和样式特征

8、。运用 FreeHand 或 Illustrator 绘制图像。分别创建三个尺寸的图像。因为稍后将为图像添加投影，所以创建的三个尺寸应为 46 46、30 30 及 14 14 像素。复制矢量图，并将其粘贴到 Photoshop 中。 图 14：Paste（粘贴）对话框留意：建议运用 Photoshop 作为图像创建工具，因为创建 .ico 文件所用的 Gif Movie Gear 可以干脆导入 Photoshop 文件。在 Photoshop 中通过“RGB”模式创建的图像都具有 alpha通道。假如图像或图层具有透亮度，对图标而言，运用通道将特别有意义。 步骤 3：创建 24 位图像将矢量

9、文件粘贴到 Photoshop 中后，下一步就是完成 24 位图像。将三个尺寸的图像粘贴到 Photoshop 中后，请检查图像的可读性和辨别率，特殊是 16 16 大小的图像。可能须要进行像素推移。假如不能清楚地显示 16 16 的图像，应在 FreeHand 中简化该尺寸的图像。若要为图像添加投影，请双击图像的图层，并选择 Drop Shadow。然后将 Angle 更改为 135，Distance 更改为 2，Size 更改为 2。此时，投影为 75% 不透亮黑色。 图 15：设置投影若要合并投影和 24 位图像，请新建一个空层。在 Layers 菜单中，选择 Merge Visible 将三层合并在一起。 图 16：合并图层保留投影新建三个 Photoshop 文件，每个文件的尺寸分别为 48 48、32 32 和 16 16 像素。复制并粘贴相应图像。假如图像投影被截断，应在FreeHand 中缩小图像尺寸，然后重新执行这些步骤。将每个文件保存为 .psd 文件。不要将图像图层与背景图层合并在一起。最好在文件名中包含尺寸和色调深度。步骤 4：