illustrator绘制矢量xp图标风格放大镜

illustrator绘制矢量xp图标风格放大镜

ID:22495042

大小:59.50 KB

页数:7页

时间:2018-10-29

illustrator绘制矢量xp图标风格放大镜_第1页
illustrator绘制矢量xp图标风格放大镜_第2页
illustrator绘制矢量xp图标风格放大镜_第3页
illustrator绘制矢量xp图标风格放大镜_第4页
illustrator绘制矢量xp图标风格放大镜_第5页
资源描述:

《illustrator绘制矢量xp图标风格放大镜》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库

1、Illustrator绘制矢量XP图标风格放大镜  图标是UI(用户界面)设计领域的一个重要组成部分,WindowsXP的用户界面设计堪称UI的经典,各种我们再熟悉小图标、按钮非常精致。本文以绘制XP风格放大镜搜索图标为例,介绍如何使用IllustratorCS2中文版打造出精致的按钮图标。其它版本的Illustrator在操作步骤上可能会略有差异。  具体操作步骤如下。  一、绘制外框  1.选择工具箱中的椭圆工具,在工具箱中将填色设置为无,描边设置为黑色,然后在画板上绘制1个椭圆。使用选择工具在按住Shift+Alt键的同时向下拖动椭圆,在正下方复制出一个同样

2、的椭圆,如图1所示。    图1  2.选中两个椭圆中上方的一个,按快捷键Ctrl+C,再按Ctrl+F(对应的菜单命令为编辑>贴在前面),将其粘贴在原位置的上方,现在粘贴得到的副本处于选中状态,按Ctrl+3(对应的菜单命令为编辑>隐藏>所选对象)将其暂时隐藏。  3.使用直接选择工具选中上方椭圆最上方的锚点,然后将其删除,如图2所示。    图2  用同样的方法将下方椭圆最上方锚点也删除,如图3所示。    图3  4.使用直接选择工具选中这两条路径左端两个锚点,然后按快捷键Ctrl+J(对应的菜单命令为对象>路径>连接)将其连接

3、在一起。    图4  用同样的方法将右端两个锚点也连接起来,如图5所示。    图5  5.选择菜单命令对象>显示全部(快捷键为Alt+Ctrl+3),将原来隐藏的那个椭圆重新显示出来,如图6所示。    图6  6.选中椭圆,在渐变调板中设置如图7所示的渐变色。    图7  7.选中椭圆下方的图形,也填充灰-白-灰的渐变,如图8所示。注意渐变的设置稍有不同。    图8  先不要太介意渐变的颜色,如果不满意,可以在最后做仔细调整。  8.选中这两个图形,然后将其描边色设置为无,如图9所示。    图9  二、绘制镜片  9.选中上方的椭圆,按Ctrl+

4、C复制,再按Ctrl+F贴在前面,然后按住Alt键和Shift键的同时改变椭圆的大小,结果如图10所示。    图10  10.为小椭圆填充蓝色到浅蓝色的渐变,并将描边设置为浅灰色,描边粗细设置为1,如图11所示。需要使用渐变工具适当改变渐变填充的方向。渐变色如果不满意,同样可以在最后进行调整。    图11  三、绘制手柄  11.选择工具箱中的圆角矩形工具,在画板的空白处单击,按如图12所示比例设置圆角矩形的大小。单击确定在画板上创建一个圆角矩形,如图13所示。    图12    图13  12.该矩形沿用了镜片的填充和描边。这里将其描边设置为无,并填充灰-

5、白-灰的渐变,如图1412下一页[感谢阅读这篇文章,..,]所示。    图14  13.对比外框适当调整一下圆角矩形的大小,结果如图15所示。    图15  14.选择圆角矩形,按Ctrl+C复制,再按Ctrl+F贴在前面,然后按住Shift键的同时向下拖动,再按住Alt键的同时放大其宽度,得到如图16所示的另一个圆角矩形。    图16  15.将新圆角矩形的渐变色修改为如图17所示的深红-红-深红渐变。    图17  16.在新圆角矩形下方再绘制一个椭圆,使其宽度与该圆角矩形宽度相同,并填充为深红色,如图18所示。可以通过变换调板精确控制其宽度。    

6、图18  17.绘制完毕选中两个圆角矩形及刚绘制的椭圆,然后单击对齐调板中的水平居中按钮,将三个对象水平居中对齐。对齐后选择菜单命令对象>编组(或按快捷键Ctrl+G)将三个对象组合到一起。    图19  18.选中新组合,并旋转其角度,然后将其移动到如图20所示的位置,为放大镜安装上手柄。    图20  四、绘制高光、添加外发光效果  19.在蓝色镜片上面绘制一个小的椭圆形,并填充以浅蓝色到白色的渐变,并在透明度调板中适当降低其不透明度,如图21所示。    图21  20.选中所有对象,按Ctrl+G将其组合到一起。然后选择菜单命令效果>风格化

7、>外发光,将不透明度设置为100%,模式选择正常,模糊为1.76mm,如图22所示。设置完毕单击确定按钮。    图22  最终效果  适当地整体旋转一下,可以得到如图23的最终效果。    图23  加一个背景,如图24所示。    图24上一页12[感谢阅读这篇文章,..,]

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。