AI教程高科技电源按钮UI图标教程(4)

来源:网络   作者:热心网友   发布时间:2017-03-19    浏览次数:458


33.我们添加内发光从而可以显示出按钮的3D立体效果。

正片叠底,透明度20%,黑色。阴塞:60 大小:10

详细的参数设置如下图所示:

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

34.现在,我们需要对按钮手动绘制一些细节。

第一步是选择按钮的形状层,转到路径窗口,选择按钮层以创建具有相同形状的路径。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

35.现在,我们通过去选择>修改>收缩收缩该选区的大小。比原来的大小减少10个像素。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

36.现在我们柔化选区。去选择>修改>羽化或按Alt + Ctrl + D键(Windows)中。

我们采用1个像素的羽化,然后按确定。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

37.Ctrl+H隐藏选区(蚂蚁线)。使用画笔工具,使用一个35px的画笔和10%的流量,新建图层,

使用白色画笔在新图层里画一些光线,是按钮对光线的反射光。

因为光是来自上方的,要给按钮的上部区域添加更亮的光,所以我们将在对象的暗部增加一点高光。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

38.再次 Ctrl+H,显现出选区(蚂蚁线),我们将再减少一些像素,然后再配合画笔增加一些更复杂的效果。

这次我们减少3px,羽化1px。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

39.再次隐藏选区。然后 Delete删去在上一步多画出的一些,也就是超出这步所选区域里的。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

40.现在我们制作按钮的中间部分,降低“button bevel”的透明度至0%。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

41.图层样式-内阴影:正片叠底,-90°,透明度

详细参数如下图所示:

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

42.描边。详细参数如下图所示:,1,外部,正常,颜色。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

43.投影,滤色,透明度13%。

详细参数如下图所示:

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网


1234567共7页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/xinshourumen/aijiaocheng/5774.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通