AI绘制一个高质感高科技的电源按钮

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

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

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

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

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

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

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

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

详细参数如下图所示：

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

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

详细参数如下图所示：

44.内发光，滤色，透明度45%，#4A4A4A，柔和，边缘

详细参数如下图所示：

45.下图是我们做好的主按钮。

46.现在我们制作按钮icon，字体下载：http://pan.baidu.com/s/1HlSgY，输入"Q"，字体大小：48pt

47.图层样式，3px，外部，黑色

48.斜面浮雕，描边浮雕，平滑，100。

滤色30%，正片叠底60%。

详细参数如下图所示：

49.渐变叠加，

详细参数如下图所示：.

对称，90°，70%

50.现在我们在按钮背后创建3个LED发光按钮，第一步是给形状图层添加颜色＃06B9FB，双击它来编辑颜色。

（原教程步骤不清楚，小编建议是新建图层，然后用椭圆工具画 一个圆，放置在主按键背后，图片格式化。

或者椭圆选区工具，填充R6，G185，B251）

51.现在在路径处选择主要按钮，出现选区。

52.将选区范围扩大，选择>修改>展开

53.输入8px，ok。

54.选择>反选，或者Ctrl+Shift+I。

55.给其添加蒙版，获得最后LED光的形状。

56.给LED光的周围增减一些小的光，也就是个LED光添加 图层 样式，描边，颜色选取如主按键表面的颜色

57.斜面浮雕，外描边。

详细参数如下图所示：

58.内发光，正片叠底。

详细参数如下图所示：.

59.投影，正片叠底。

详细参数如下图所示：

60.效果如图所示

61.复制LED图层，然后在LED副本上，填充其为白色 。

外发光，线性减淡（添加）

详细参数如下图所示：

62.投影，滤色

详细参数如下图所示：.

63.新建图层，椭圆工具，画一个如下大小的圆，羽化20PX。

64.在羽化后填充白色。

65.图层样式里的混合选项，填充不透明度0%。

66.渐变叠加：叠加，透明度60%，线性，

详细参数如下图所示：

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

68.填充0%

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

70.投影，滤色。

详细参数如下图所示：

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

大功告成，最终效果：

以上就是AI绘制一个高质感高科技的电源按钮教程，虽然教程有点长，但介绍地很详细，推荐过来，希望能对大家有所帮助！

最新评论