科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网网络频道我的系统不一般,打造个性化XP图标

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

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

在这篇文章里我们将一起讨论设计和创建Windows XP 样式图标的具体步骤……

作者:微软 来源:enet 2008年3月10日

关键字: WindowsXP Windows Windows Server 个性化

  • 评论
  • 分享微博
  • 分享邮件

在本页阅读全文(共5页)

    步骤 2:绘制图像

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

  使用 FreeHand 或 Illustrator 绘制图像。

  分别创建三个尺寸的图像。因为稍后将为图像添加投影,所以创建的三个尺寸应为 46 × 46、30 × 30 及 14 × 14 像素。

  复制矢量图,并将其粘贴到 Photoshop 中。

  
我的系统不一般,打造个性化XP图标
图 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% 不透明黑色。

  
我的系统不一般,打造个性化XP图标
图 15:设置投影


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

  
我的系统不一般,打造个性化XP图标
图 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 位图像图层与新层合并。

  用纯色清理边缘,去除已消除锯齿的像素。固定使用某种方法对边缘进行处理,淡化边缘的锯齿效果。

  在浅色(如白色)背景上检查图像的外观效果。

  
我的系统不一般,打造个性化XP图标
图 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 色调色板中的颜色清理图像。

  在图像的底部和右侧边缘处使用黑色轮廓。

  在图像的左侧和顶部边缘处使用深灰或其它深颜色。

  使用同样的背景色保存三种尺寸。确保图像中未使用背景色,因为背景色将作为透明色。

  
我的系统不一般,打造个性化XP图标
图 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 位
    • 评论
    • 分享微博
    • 分享邮件
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章