Illustrator教你绘制一个高科技电源按钮教程(7)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

66.渐变叠加:叠加,透明度60%,线性,

详细参数如下图所示:

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

67.现在我们完成了按钮的所有的细节,我们需要给背景添加一些细节,用我们之前在 AI里创建的图形“backgr bevels ”。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

68.填充0%

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

69.图层样式,描边,1px,35%透明度,正片叠底。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

70.投影,滤色。

详细参数如下图所示:

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

71.最后我们需要隐藏该图形的一部分,椭圆工具,画一个如下图大小的圆,羽化20px,然后添加蒙版。完成!

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

大功告成,最终效果:

Illustrator教你绘制一个高科技电源按钮教程,PS教程,思缘教程网

 收藏