分享此网站可得100G教程,联系小洁领取点击这里给我发消息

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

icon图标 学UI设计 1925次浏览 0个评论

今天跟大家一起来练习一下怎么设计一枚拟物风格的UI图标,整个教程难度是麦克风中的发光镂空图案,教程十分详细,新手也能跟着一起做出来。做完交作业。

这是我们的最终效果:

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

这个是原图:

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

下面开始我的制作过程。为了后面的工作更加轻松便捷,所以我把新建的画布尺寸设成一个比较好计算的整数~

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

原图的背景过于简单,我画蛇添足,制作一个iOS风格的背景。新建一层纯黑色填充层。

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

新建一层,填充白色。执行“滤镜-杂色-添加杂色”,参数如图~

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

“滤镜-模糊-动感模糊”

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

把这个动感模糊层的透明度调到45%。

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


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (0)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!