按钮教程,设计一个分贝检测仪按钮图标教程

2022-12-26 11:06:59 来源/作者: / 己有:12人学习过

接下来,我们完善一下高光,复制这个蓝色高光图层,左移上移一定像素,更改形状颜色为#e9e5fe,羽化不修改,图层混合模式依旧为“柔光”,图层不透明度更改为“56%”。

按钮教程,设计一个分贝检测仪按钮图标教程

复制一个刚才那个“主体”图层,移到最顶层,设置图层填充为0,添加一个内阴影。

按钮教程,设计一个分贝检测仪按钮图标教程

按钮教程,设计一个分贝检测仪按钮图标教程

打上文字和添加那三个形状,形状图标的话,利用布尔运算来画。

按钮教程,设计一个分贝检测仪按钮图标教程

最后,我们添加左侧的那个按纽,设置前景色为#a09e9f,画个圆,添加个图层样式。

按钮教程,设计一个分贝检测仪按钮图标教程

按钮教程,设计一个分贝检测仪按钮图标教程
按钮教程,设计一个分贝检测仪按钮图标教程
按钮教程,设计一个分贝检测仪按钮图标教程
按钮教程,设计一个分贝检测仪按钮图标教程

最终效果:

按钮教程,设计一个分贝检测仪按钮图标教程