AI CS4绘制一枚超质感的圆按钮

所属分类: 平面设计 / Illustrator教程 阅读数: 316
收藏 0 赞 0 分享

这篇教程是向脚本之家的朋友介绍AI CS4绘制一枚超质感的圆按钮方法,教程很实用,很值得学习,推荐过来,大家一起来学校吧!

先看一下最终效果:

AI CS4绘制质感按钮 脚本之家 AI教程

制作步骤:

1.新建一个文件,如图1所示设置参数。

AI CS4绘制质感按钮 脚本之家 AI教程

图1

2.选择工具箱里“矩形工具”在途中绘制一个正方形,填充黑色后选择“网格工具“在图中建立网格,然后根据需要给节点填充颜色,如图2所示。

AI CS4绘制质感按钮 脚本之家 AI教程

图2

3.在选择“效果” “扭曲” “海洋波纹”命令,打开面板,在面板中设置如图3所示的参数,得到如图4所效果。

AI CS4绘制质感按钮 脚本之家 AI教程

图3
AI CS4绘制质感按钮 脚本之家 AI教程

图4

4.选择“椭圆工具”在图中绘制两个正圆,然后选择“直线段工具”穿过圆心绘制一个直线,同时选择两个正圆形和直线。在“路径查找器”面板中单击“分割”按钮,如图5所示。

AI CS4绘制质感按钮 脚本之家 AI教程

图5

5.选择上半部的圆形填充渐变颜色设置渐变如图6所示,得到如图7所示效果。

AI CS4绘制质感按钮 脚本之家 AI教程

图6

AI CS4绘制质感按钮 脚本之家 AI教程

图7

6.选择下半部圆形填充渐变颜色,设置渐变如图8所示,得到如图9所示效果。

AI CS4绘制质感按钮 脚本之家 AI教程

图8

AI CS4绘制质感按钮 脚本之家 AI教程

图9

7.对圆环进行复制,选择“效果” “像素化” “铜版雕刻”命令,然后降低其透明度到10%,利用蒙版制作过度,得到如图10所示效果。

AI CS4绘制质感按钮 脚本之家 AI教程

图10

8.运用“椭圆工具”和“渐变工具”绘制凹凸质感效果,如图11所示。

AI CS4绘制质感按钮 脚本之家 AI教程

图11

10.再次绘制一个正圆,填充为白色后复制,然后对其添加不透明蒙版,如图14所示。

AI CS4绘制质感按钮 脚本之家 AI教程

图14

11.单击复制的正圆,然后将其不透明度设置为10%,如图15所示。

AI CS4绘制质感按钮 脚本之家 AI教程

图15

12.选择工具箱里的“钢笔工具“,绘制屏幕的反光部分,然后对其进行高斯模糊处理,适当降低它的透明度,得到如图16所示效果。

AI CS4绘制质感按钮 脚本之家 AI教程

图16

13.再次利用“钢笔工具“绘制不规则的反光图形,然后填充白色并进行不透明蒙版的处理,得到如图17所示效果。

AI CS4绘制质感按钮 脚本之家 AI教程

图17

14.还是利用“钢笔工具”继续绘制下部的反光,得到如图18所示效果。

AI CS4绘制质感按钮 脚本之家 AI教程

图18

15.绘制高光部分,利用“椭圆工具”然后选择“效果” “模糊” “高斯模糊”,看着图自己设置最后这步,得到满意效果位止,如图19所示。

AI CS4绘制质感按钮 脚本之家 AI教程

图19

16.最后添加如图20所示文字,得到最终效果。

AI CS4绘制质感按钮 脚本之家 AI教程

图20

教程结束,以上就是AI CS4绘制一枚超质感的圆按钮教程,教程真的蛮不错的,很值得大家学习,推荐过来,希望能对大家有所帮助!

更多精彩内容其他人还在看

Illustrator CS5怎么使用连接和平均命令画等腰三角形?

Illustrator CS5怎么使用连接和平均命令画等腰三角形?想在ai中绘制一个等腰三角形,这就涉及到ai中连接和平均命令的使用,详细的教程请看下文介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

AI利用3d效果制作包装图

今天小编为大家带来了AI利用3d效果制作包装图,简单快捷,透视准确,感兴趣的朋友快到下文了解一下吧
收藏 0 赞 0 分享

AI利用路径文字工具在弧形路径位置输入文字

这篇教程是向脚本之家的朋友分享AI利用路径文字工具在弧形路径位置输入文字方法,教程比较基础,适合新手来学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI制作3D纪念碑风格岛屿插画教程

今天小编为大家带来了AI制作3D纪念碑风格岛屿插画教程,教程很简单很好学,感兴趣的朋友到下文了解一下吧
收藏 0 赞 0 分享

AI绘制骷髅奇兵插画教程分享

今天小编为朋友们带来实用AI绘制骷髅奇兵插画,教程是视频的,对于学习插画的朋友来说还是有一定的指引作用的,来看看吧
收藏 0 赞 0 分享

ai中怎么绘制一款可以挂在墙上的相框?

ai中怎么绘制一款可以挂在墙上的相框?ai中绘制相框很简单,今天我们就来看看那使用ai绘制一款朴素的可以挂在墙上的相框,详细的绘制内容请看下文介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

Illustrator绘制卡通可爱的人头像勋章效果

本教程主要使用IllustrIllustrator绘制卡通可爱的人头像勋章效果方法,教程制作出来的勋章真的很不错,推荐到脚本之家,希望能对大家有所帮助
收藏 0 赞 0 分享

ai中路径查找器该怎么使用?

ai中路径查找器该怎么使用?ai中我们经常设计一些矢量图,其中有很多工具,今天我们就来看看路径查找器的详细使用方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Ai怎么绘制卡通的独眼小熊头像?

Ai怎么绘制卡通的独眼小熊头像?我们经常给大家介绍ai绘制各种类型的矢量图的教程,今天我们还是来看看比较简单的使用ai绘制卡通独眼小熊的步骤,需要的朋友可以参考下
收藏 0 赞 0 分享

Ai怎么绘制萌萌哒的小兔子头像?

Ai怎么绘制萌萌哒的小兔子头像?ai中想给自己设计一个很独特的头像,因为个人属兔,所以我们就来设计一个比较可爱的小兔子形状的头像,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多