优艾设计网

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

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

新建一层,按ctrl点击镂空层的矢量蒙版获得选区,用画笔涂抹上面一小部分。

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

取消选区,ctrl+t自由变化,把中心点设在话筒的中心水平位置,垂直翻转。

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

高斯模糊1.0,感觉不够的话可以稍微增大这个数值。

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

渐渐调小画笔的大小和硬度,在镂空孔的位置点几下,模拟灯光逐级减弱的效果。

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

新建一层,添加矢量蒙版,把下面的麦克风话筒的路径复制进来,再用钢笔删去一部分,填充白色,减少透明度。模拟玻璃镜面反光的效果。如果你觉得矢量蒙版麻烦的话完全可以用图层蒙版。

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

最后一步,新建一层,用硬度为0的400像素大小的画笔在中心位置点一下,把混合模式改为“滤色”,透明度调到50。

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

完成!

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

 

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

精彩评论

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