您的位置: 首页 > 软件教程 > Illustrator教程专题 > Illustrator CS设计矢量精致图标步骤详解(3)

Illustrator CS设计矢量精致图标步骤详解(3)

8.7分
出处:网络 时间:2011-04-27

您可能感兴趣的话题: Illustrator  

核心提示:这样我门完成了这个图标的创建工作,随后作的是输出

  20.这样我门完成了这个图标的创建工作,随后作的是输出。绘制一个 128 X 128( 单位:像素 ) 的正方行,精确的图形调整可以在 Transform 面板中完成,随后是在 Transparency 面板中将 Opacity 值调整为 0%

Illustrator CS设计矢量精致图标步骤详解(3)

  21.使用 Flie 菜单下的 Save for web 命令,在弹出的窗口中选用 PNG 格式输出(选择透明输出: Transparency )

Illustrator CS设计矢量精致图标步骤详解(3)

Illustrator CS设计矢量精致图标步骤详解(3)

  22.随后在 Photoshop 中打开刚才输出的 PNG 文件,在其下方新建一个图层填充为白色以为图标加入阴影时便于看到效果)

Illustrator CS设计矢量精致图标步骤详解(3)

  23.双击图标图层在 Layer Style 中为其增加了一个阴影效果。以增强图标再生成后在各种色彩桌面上的识别率。

Illustrator CS设计矢量精致图标步骤详解(3)

  24.随后删除白色辅助图层,效果如下。

Illustrator CS设计矢量精致图标步骤详解(3)

  25.新建一个图层,使之与图标图层连接,使用 Ctrl+E 合并连接图层把效果应用于图标,随后保存这个 PNG 文件。

Illustrator CS设计矢量精致图标步骤详解(3)

  26.使用 ICONWORKSHOP 打开这个 PNG 文件,使用 Save Icon Form Image 按钮转换 PNG 图象为 ICO 文件。

Illustrator CS设计矢量精致图标步骤详解(3)

  27.选择你要输出的 ICO 的文件规格。

Illustrator CS设计矢量精致图标步骤详解(3)

  28.存储后的 ICO 格式文件你就可以直接通过 Window 或第三方图标管理软件浏览了(推荐使用 Microangelo )。

Illustrator CS设计矢量精致图标步骤详解(3)

网友评论
多特网友 2013-03-22 14:21:45 回复
娘来,给个中文版的,还要学英语啊
多特网友 2012-09-24 10:50:32 回复
我去,敢不敢不要冒英文啊,中文版的表示伤不起。
多特网友 2012-03-31 12:06:54 回复
不透明度如何降低
多特网友 2012-09-24 10:50:32 回复
我去,敢不敢不要冒英文啊,中文版的表示伤不起。
多特网友 2012-03-31 12:06:54 回复
不透明度如何降低
多特网友 2013-03-22 14:21:45 回复
娘来,给个中文版的,还要学英语啊
精品软件课程
更多 >
photoshop教程让你从入门到精通,从新... [详细]
AutoCAD是美国Autodesk公司开发... [详细]
CorelDRAW是一款由Corel公司开发... [详细]
美图秀秀是一款很好用的图片处理软件,不用学习... [详细]
Photoshop从头学起,从新手快速到高手... [详细]
光影魔术手(nEO iMAGING)是一款对... [详细]