PS设计教程网欢迎你!

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

文章来源于 优设,感谢作者 Tutsplus 给我们带来经精彩的文章!
设计教程/矢量教程/Illustrator教程2015-10-28
33.我们添加内发光从而可以显示出按钮的3D立体效果。 正片叠底,透明度20%,黑色。阴塞:60 大小:10 详细的参数设置如下图所示: 34.现在,我们需要对按钮手动绘制一些细节。 第一步是选择按钮的形状层,转到路径

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

详细参数如下图所示:

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

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

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

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

详细参数如下图所示:

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

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa