优艾设计网

UI图标,模仿拟物风格的SIRI图标

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:P大点S
今天跟大家一起来练习一下怎么设计一枚拟物风格的UI图标,整个教程难度是麦克风中的发光镂空图案,教程十分详细,新手也能跟着一起做出来。做完交作业。

继续移动复制。

UI图标,模仿拟物风格的SIRI图标

不用理会下面的镂空孔,重新安排一下上面的镂空孔的位置,多余的可以删除掉,逐个移动位置不科学的孔,使它们位置符合话筒的半圆形。

UI图标,模仿拟物风格的SIRI图标

框选右边的三排镂空。把中心点移到垂直参考线上水平复制。

UI图标,模仿拟物风格的SIRI图标

双击这个圆圈镂空层,进入图层样式,把混合模式改为正片叠底,透明度调到65%左右。把“图层蒙版隐藏效果”打钩。

UI图标,模仿拟物风格的SIRI图标

简单的斜面浮雕。

UI图标,模仿拟物风格的SIRI图标

给这个镂空层添加一个蒙版,让下半部分渐隐。

UI图标,模仿拟物风格的SIRI图标

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

精彩评论

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