优艾设计网

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

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:P大点S
今天的教程是教大家设计一个分贝检测仪按钮图标,图标的质感主要还是运用图层样式来制作,教程里还多次运用到布尔运算,知识点比较多,推荐大家学习一下。

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果:

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

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消