相思资源网 Design By www.200059.com

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

我们先来看看效果图

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

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

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

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

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


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

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


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

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

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


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

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


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

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


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

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

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






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

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


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

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

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


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

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

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


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

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

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

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


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

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


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

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


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

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


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

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


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

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

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

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


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

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

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


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

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

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

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

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


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

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


上一页12 下一页 阅读全文

标签:
AI,闹铃

相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com

评论“AI制作漂亮的高光闹铃图标教程”

暂无AI制作漂亮的高光闹铃图标教程的评论...