当前位置: 移动技术网 > IT编程>UI设计>Illustrator > AI CS4绘制一枚超质感的圆按钮

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

2019年06月07日  | 移动技术网IT编程  | 我要评论

邢明,老爸老妈的浪漫史第六季,东北黑社会乔四

这篇教程是向移动技术网的朋友介绍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绘制一枚超质感的圆按钮教程,教程真的蛮不错的,很值得大家学习,推荐过来,希望能对大家有所帮助!

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网