分享
 
 
 

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

王朝other·作者佚名  2008-05-19
窄屏简体版  字體: |||超大  

步骤 2:绘制图像

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

使用 FreeHand 或 Illustrator 绘制图像。

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

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

图 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% 不透明黑色。

图 15:设置投影

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

图 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 位图像图层与新层合并。

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

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

图 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 色调色板中的颜色清理图像。

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

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

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

图 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 中时,将会出现一个对话框:

图 19:在 Gif Movie Gear 中设置 24 位图像

请确认设置如下所示:

图层为多帧动画

未混合:每层为一个帧

保持背景透明

每个24位图像的背景层都将显示为一个帧。选择帧,并按 Delete 键可删除这些空白帧。

现在,总共应有 9 个帧。图标应按颜色分辨率的递增顺序排序:前三个为 4 位(16 色),接下来的三个为 8 位(256 色),最后三个为 24 位颜色加上 8 位 alpha 通道(共 32 位)。

图 20:Gif Movie Gear 中帧的顺序

注意:若要检查图像的属性,请将鼠标移到图像上。将显示一个工具提示框,其中包含每个图像的分辨率信息。默认设置包括维度、透明度和位计数。可以通过 Edit-Preferences-Frame Tips 添加或删除所显示的项目。

对于 8 位和 4 位图像,背景应是透明的。GMG 使用暗黄绿色表示“透明”色。可以使用 View-Transparency As

菜单项设置自己的颜色(或仍然使用默认背景色)。所选颜色只用于查看图像效果,不会影响图像本身。

若要使 8 位和 4 位图像透明,可采用下面的办法:

选择一个帧,并单击 Pick Transparency Color 工具栏图标(吸管)。

图 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 的方框。

图 22:工具栏图标的方框示例

将每个图像按所需顺序置于方框中。确认图像间没有重叠。

图 23:将图标置于工具栏帧中

保存 Photoshop 文件。

接下来将在 Photoshop 中创建激活态图像。

复制 24 × 24 和 16 × 16 图层。重命名图层,将其标记为激活态版本。

对于每个激活态版本,选择图层并转至 Image-Adjust-Levels,然后将中间的箭头移到 0.75 处。单击 OK。

图 24:更改色阶创建“激活”态图像

创建激活态图像后,每个草图应有一个图层:分别是默认 24 × 24、激活 24 × 24、默认 16 × 16 以及

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有