illustrator 设计矢量精致图标步骤详解

《illustrator 设计矢量精致图标步骤详解》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Illustrator设计矢量精致图标步骤详解　　图标是界面设计领域重要的一项设计内容，这次我们以在2004度中由stark公司主办的GUI国际奥林匹克大赛中获全场大奖的图标包的TheLastOrder中的一个图标作为例子给大家讲述一下图标制作的详细过程。　　下图是这套图标的部分截图。　　教程中所应用到的软件主要有AdobeIllustratorCS/AdobePhotoshop/AxialisIcon-sharparea制作出此图形的立体厚度。然后可以点击Expand按钮展开此合并图形。　　　　9随后我

2、们给这个图形也上色，同样使Gradient面板，在这里我采用的圆行渐变模式。　　　　10．这一步我们准备为这个面板增加一些高光。先复制一个同样的图形填充为白色置于此面板下方。　　　　11．随后再复制一个同样的图形置此面板上方，并适当缩小一些，采用黑白两色线性渐变填充。　　　　12．随后同时选中此黑白渐变图形以及下面的面板图形，打开Transparncy面板，点击面板右下方的小箭头在弹出菜单中使用MakeOpacityMask　　　　13．同时取消Clip选中状态，并勾选InvertMask选项，这样我们就

3、为这个面板图形增加了一个透明蔗遮罩，在这种状态下，黑白渐变图形（已被作为OpacityMask中的图形）黑色部分表示了被遮物体（面板）的透明部分，所以刚才我们为面板下方添加的同样大小的白色图形是为了怕背景是有色的或是下方还123下一页[感谢阅读这篇文章，..，]会有其他物体从透明的面板透出。编辑OpacityMask中的物体需要点击Transparency面板中的OpacityMask区域再进行编辑。　　　　14．下面开始为这个面板添加一个屏幕。复制一个图形置于面板上方，大小如图，也采用线性渐变，因为光照

4、方向原因。注意深色和浅色的方向和面板方面：我们在这里做个凹槽效果。　　　　15．如果理解了透明遮罩的原理，这一步对你非常简单，和上面给面板加高光一样首先复制白色底色以及蓝色面板，随后用黑白色渐变图形制作透明遮罩效果，各图形层次如图所示。　　　　16．蓝色面板的色彩填充我采用的圆形填充，如图所示。　　　　17．下面为这个基本成型的平板电脑增加更多细节，左边的图形，以及右边的三个凹槽，这里需要注意的是所有图形我都复制了两遍，下面的图形填充白色并向右下方位移若干像素，是为了体现凹槽的高光。　　　　18．下面我们

5、来制作凹槽上面的按钮，虽然面积很小，也要体现出高光的渐变，我在这里采用了Blend混合来制作着两个按钮。双击BlendTool图标可以调出Blend混合参数面板。选取工具栏目中的BlendTool，单击混合的第一个图形，随后点击第二个图形完成混合。　　　　19．用钢笔工具以及各种标准图形的组合完成下面的图形，使之组合成为电脑上的其他各个元素（绿色按钮同样采用Blend混合完成）　　　　20．这样我门完成了这个图标的创建工作，随后作的是输出。绘制一个128X128(单位：像素)的正方行，精确的图形调整可以在

6、Transform面板中完成，随后是在Transparency面板中将Opacity值调整为0%　　　　21．使用Flie菜单下的SaveforImage按钮转换PNG图象为ICO文件。　　　　27．选择你要输出的ICO的文件规格。　　　　28．存储后的ICO格式文件你就可以直接通过Window或第上一页123下一页[感谢阅读这篇文章，..，]三方图标管理软件浏览了（推荐使用Microangelo）。　　上一页123[感谢阅读这篇文章，..，]