• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Illustrator > AI绘制一个精致的放大镜图标

AI绘制一个精致的放大镜图标

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-23

佚名 向大家分享了AI绘制一个精致的放大镜图标,其中包含如何用ai放大缩小,ai cs5不能放大缩小,放大镜图标,放大镜图标素材,搜索放大镜图标等知识点,遇到此问题的同学们可以参考下
图标是UI(用户界面)设计领域的一个重要组成部分,Windows XP的用户界面设计堪称UI的经典,各种我们再熟悉小图标、按钮非常精致。本文以绘制XP风格放大镜搜索图标为例,介绍如何使用Illustrator CS2中文版打造出一个精致的放大镜图标,大家快快来学习吧!

  具体操作步骤如下。

  一、绘制外框

  1.选择工具箱中的“椭圆工具”,在工具箱中将填色设置为无,描边设置为黑色,然后在画板上绘制1个椭圆。使用“选择工具”在按住Shift+Alt键的同时向下拖动椭圆,在正下方复制出一个同样的椭圆,如图1所示。

AI教程:绘制一个放大镜图标  AI教程
图1

  2.选中两个椭圆中上方的一个,按快捷键Ctrl+C,再按Ctrl+F(对应的菜单命令为“编辑>贴在前面”),将其粘贴在原位置的上方,现在粘贴得到的副本处于选中状态,按Ctrl+3(对应的菜单命令为“编辑>隐藏>所选对象”)将其暂时隐藏。

  3.使用“直接选择工具”选中上方椭圆最上方的锚点,然后将其删除,如图2所示。

AI教程:绘制一个放大镜图标  AI教程
图2

  用同样的方法将下方椭圆最上方锚点也删除,如图3所示。

AI教程:绘制一个放大镜图标  AI教程
图3

  4.使用“直接选择工具”选中这两条路径左端两个锚点,然后按快捷键Ctrl+J(对应的菜单命令为“对象>路径>连接”)将其连接在一起。

AI教程:绘制一个放大镜图标  AI教程
图4

  用同样的方法将右端两个锚点也连接起来,如图5所示。

AI教程:绘制一个放大镜图标  AI教程
图5

  5.选择菜单命令“对象>显示全部”(快捷键为Alt+Ctrl+3),将原来隐藏的那个椭圆重新显示出来,如图6所示。

AI教程:绘制一个放大镜图标  AI教程
图6

  6.选中椭圆,在“渐变调板”中设置如图7所示的渐变色。

AI教程:绘制一个放大镜图标  AI教程
图7

  7.选中椭圆下方的图形,也填充灰-白-灰的渐变,如图8所示。注意渐变的设置稍有不同。

AI教程:绘制一个放大镜图标  AI教程
图8

  先不要太介意渐变的颜色,如果不满意,可以在最后做仔细调整。

  8.选中这两个图形,然后将其描边色设置为无,如图9所示。

AI教程:绘制一个放大镜图标  AI教程
图9

 二、绘制镜片

  9.选中上方的椭圆,按Ctrl+C复制,再按Ctrl+F贴在前面,然后按住Alt键和Shift键的同时改变椭圆的大小,结果如图10所示。

AI教程:绘制一个放大镜图标  AI教程
图10

  10.为小椭圆填充蓝色到浅蓝色的渐变,并将描边设置为浅灰色,描边粗细设置为1,如图11所示。需要使用“渐变工具”适当改变渐变填充的方向。渐变色如果不满意,同样可以在最后进行调整。

AI教程:绘制一个放大镜图标  AI教程
图11

  三、绘制手柄

  11.选择工具箱中的“圆角矩形工具”,在画板的空白处单击,按如图12所示比例设置圆角矩形的大小。单击“确定”在画板上创建一个圆角矩形,如图13所示。

AI教程:绘制一个放大镜图标  AI教程
图12

AI教程:绘制一个放大镜图标  AI教程
图13

  12.该矩形沿用了镜片的填充和描边。这里将其描边设置为无,并填充灰-白-灰的渐变,如图14所示。

AI教程:绘制一个放大镜图标  AI教程
图14

  13.对比外框适当调整一下圆角矩形的大小,结果如图15所示。

AI教程:绘制一个放大镜图标  AI教程
图15

  14.选择圆角矩形,按Ctrl+C复制,再按Ctrl+F贴在前面,然后按住Shift键的同时向下拖动,再按住Alt键的同时放大其宽度,得到如图16所示的另一个圆角矩形。

AI教程:绘制一个放大镜图标  AI教程
图16

  15.将新圆角矩形的渐变色修改为如图17所示的深红-红-深红渐变。

AI教程:绘制一个放大镜图标  AI教程
图17

  16.在新圆角矩形下方再绘制一个椭圆,使其宽度与该圆角矩形宽度相同,并填充为深红色,如图18所示。可以通过“变换”调板精确控制其宽度。

AI教程:绘制一个放大镜图标  AI教程
图18

  17.绘制完毕选中两个圆角矩形及刚绘制的椭圆,然后单击“对齐”调板中的“水平居中”按钮,将三个对象水平居中对齐。对齐后选择菜单命令“对象>编组”(或按快捷键Ctrl+G)将三个对象组合到一起。

AI教程:绘制一个放大镜图标  AI教程
图19

  18.选中新组合,并旋转其角度,然后将其移动到如图20所示的位置,为放大镜安装上手柄。

AI教程:绘制一个放大镜图标  AI教程
图20

四、绘制高光、添加外发光效果

  19.在蓝色镜片上面绘制一个小的椭圆形,并填充以浅蓝色到白色的渐变,并在“透明度”调板中适当降低其不透明度,如图21所示。

AI教程:绘制一个放大镜图标  AI教程
图21

  20.选中所有对象,按Ctrl+G将其组合到一起。然后选择菜单命令“效果>风格化>外发光”,将“不透明度”设置为100%,“模式”选择“正常”,“模糊”为1.76mm,如图22所示。设置完毕单击“确定”按钮。

AI教程:绘制一个放大镜图标  AI教程
图22

  最终效果

  适当地整体旋转一下,可以得到如图23的最终效果。

AI教程:绘制一个放大镜图标  AI教程
图23

  加一个背景,如图24所示。

AI教程:绘制一个放大镜图标  AI教程

图24

  教程结束,以上就是AI绘制一个精致的放大镜图标方法,操作很简单的,大家学会了吗?希望能对大家有所帮助!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Ai怎么绘制一个带放大镜的搜索小图标?
  • Ai绘制卡通风格的放大镜图标
  • AI绘制一个精致的放大镜图标

相关文章

  • 2017-05-23Illustrator临摹一组炫酷的动作游戏角色
  • 2017-05-23AI制作逼真漂亮的水纹效果
  • 2017-05-23Ai绘制卡通风格的小海盗头像
  • 2017-05-23ai线段断点怎么连接? ai两条线合并的两种方法
  • 2017-05-23AI如何缩放图形元素对象?
  • 2017-05-23Ai怎么画打印机的图标?
  • 2017-05-23Illustrator CS5解析图案画笔工具使用
  • 2017-05-23AI绘制穿插效果三角图标
  • 2017-05-23Illustrator绘制精美弯曲的胶卷矢量图
  • 2017-05-23Illustrator绘制可爱的矢量热带鱼

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • AI怎么把线条转角美化?
    • AI绘制创意漂亮的线性图案
    • AI制作漂亮的立体镂空球体
    • Illustrator将平面图转换成简易3D效果
    • AI制作环形编织几何图案教程
    • AI绘制时尚典雅的红色信封图标
    • 基础:AI路径的属性之渐变介绍
    • Illustrator的十大最有用的工具详解
    • Ai绘制超简单的认证标志
    • 真正照片质量级的超逼真矢量画与手绘图对比欣赏 超赞

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有