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

AI制作漂亮的高光闹铃图标教程

作者:AI制作闹铃图标 字体:[增加 减小] 来源:互联网 时间:2017-05-23

AI制作闹铃图标 向大家分享了AI制作漂亮的高光闹铃图标教程,其中包含闹铃图标,ai高光教程,如何用ai做高光,如何用ai画高光,ai画ui图标等知识点,遇到此问题的同学们可以参考下

大家好!今天的AI实例教程将向上学习AI的朋友们介绍制作高光闹铃图标的方法,教程制作出的效果也很漂亮,学习难度适中,希望朋友们喜欢本教程!

我们先来看看效果图

步骤 1新建一个文档并绘制一个正圆

Step 2使用渐变工具并改变第一个色块为灰色,第二个为深灰色.垂直拉出如列末图效果.


Step 3选择椭圆并执行 对象>路径>路径偏移 命令,更改参数如图.


Step 4选择偏移椭圆并调整渐变面板.各个色块颜色如图.

此步骤是为了做出高光效果.


Step 5选择刚才的椭圆并执行 对象>路径》偏移 命令,参数修改如下图


Step 6填充一个椭圆并更改第一个色块为白色,第二个为灰色。


Step 7选择最上面的椭圆并执行 对象》路径>路径偏移 命令,偏移参数如图。

改变第一个色块为深灰色,第二个为暗灰色。如下图。






Step 8此刻,选择最上面的椭圆并执行 对象》路径》偏移路径 命令并更改偏移参数为 -5px,在渐变面板改变填充类型为径向。并设置灰色划块范围为87%。


Step 9 用直线工具绘制一条 15px 的直线,如图位置,并按住 Shift + Alt 垂直拷贝一个线跳到椭圆另一端的对称位置.

最后把两个线条编为一组.


Step 10 选择刚才编辑的线组并执行 特效>变换 & 转换 > 转换 命令,在转换对话框里更改参数如下图.

然后执行菜单命令 对象>扩展,使刚才转换的结果对象全部分开.


Step 11 首先改变线的描边颜色为亮灰色然后选择菜单命令 对象>撤消分组 ,其次分别选择12、9、3、6但的线跳并把他们删除.

Step 12 用文字工具在刚删除的4个点种方向分别输入相应点数.并适当调整对象的位置,使他们对齐4个方向点.


Step 13 选择最小的椭圆并执行 对象>路径>路径偏移 命令,在弹出对话框里更改偏移值为 -105px


Step 14 这时,我们需要勾选 视图》智能参考线。画出如图的小椭圆并调整描边为 7pt 并在描边面板里点击圆头端点图标。然后选择图中的椭圆执行 对象》排列 》后置


Step 15 在线的另一端画一个时针,宽度为12pt,并更改描边为灰色。


Step 16  再创建一个小椭圆,重复上面的方法。并改变描边颜色为红色,宽度为3pt。使之置于前两个小椭圆的下面


Step 17 拷贝出三条线,此时复制出的线仍处于选中状态,我们执行 对象>路径>轮廓化描边 ,然后更改三跳线的位置,使他们看起来象是指针的阴影,同时把线的颜色改为亮灰色.

Step 18 选择最上面的椭圆,拷贝出它, 然后使用钢笔工具勾勒出一个椭圆,并使用路径查找器的减去来得到月牙的形状,如下图的效果,


Step 19 改变月牙型的渐变效果,色块第一个为白色,第二个为灰色.

下一步设置白色透明度为 0%.


Step 20 始终做的差不多了,下面就是突出他的立体效果.

首先创建一个 55px 的正圆,用径向填充椭圆.添加两个色块到径向,这时色块总数为 4 .

更改第一个色块的颜色为白色,第二个为灰色,第三个为深灰色,第四个为灰色(和第二个相同).

后使用渐变工具点击椭圆左上交的边拖出一个 45 度的渐变


Step 21 此时移动刚做出的小椭圆至最低层( Ctrl + Shift + [ ).


2 下一页 阅读全文</div> </div>

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

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

  • AI制作漂亮的高光闹铃图标教程

相关文章

  • 2017-05-23Ai绘制卡通风格的航海灯图标
  • 2017-05-23Illustrator 绘制逼真精美的医药箱图标
  • 2017-05-23Illustrator绘制逼真的绿色铅笔效果图
  • 2017-05-23Adobe Illustrator(AI) CC不用汉化包怎么把英文版转换成中文?
  • 2017-05-23AI怎么把文字转换成路径?ai字体转换路的详细教程
  • 2017-05-23Ai怎么绘制漂亮的水晶球并添加表情?
  • 2017-05-23Illustrator(AI)把照片设计制作成抽象的线稿效果实例教程
  • 2017-05-23AI CS5利用蒙版功能制作超漂亮的果汁海报
  • 2017-05-23Illustrator制作唯美网站主页效果图
  • 2017-05-23Ai绘制一个可爱的口袋图标

文章分类

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

最近更新的内容

    • AI结合PS制作网页中的超漂亮的3D立体文字
    • 教你用AI绘制精致漂亮的多彩风车
    • Illustrator(AI)设计打造烟雾缥缈的艺术文字特效实例教程
    • Illustrator 绘制矢量金属纹理
    • ai怎么导出svg文件? ai导出svg并在html中使用的方法
    • AI制作折纸效果的彩色线条文字
    • ai怎么调整画板顺序? ai设置画板顺序的教程
    • AI简单绘制可爱卡通风格的冰棒图标
    • AI简单制作漂亮的相框教程
    • Illustrator(AI)设计绘制出可爱时尚的卡通小女孩图实例教程

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

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