本教程主要使用Photoshop制作逼真的毛玻璃质感图标,UI设计行业总是有一些趋势,每一年都可能会流行某种风格,这不毛玻璃质感的图标最近火得一塌糊涂,今天我们就一起来学习制作方法。

先看看效果图

1621698607-7c988898a20eb05

接下来半仙哥会将重要的步骤,一一罗列下,当然,你看视频教程,足矣!Step1 打开AI创建画布,尺寸自拟,先用椭圆、多边形工具绘制如下的形状:

1621698607-2bcf77ea33499cc

Step2 Ctrl+X剪切,然后打开PS新建画布,尺寸自拟,Ctrl+V,粘贴为“形状图层”

1621698609-93d3d2fdca76ac3

并复制一份,调整角度和大小,最终效果如下:

1621698608-9f8592bbb74be25

Step3 设置相应的颜色,半仙哥虽非基佬,但对宿命紫情有独钟,故本例也不例外,效果如下:

1621698609-b386c6804c84d7a

Step4 选择上层形状,绘制正圆,位置、大小及颜色,如下图所示:

1621698611-64790cb8273af30

对圆形设置高斯模糊,适当调整大小和位置,最终效果如下:

1621698612-2d0189fffce15b1

1621698611-a14d82ab0779fb0

为了更完美的质感,可对圆形添加蒙版,用黑色画笔擦拭,最终效果如下:

1621698609-76b58fae94a8a9a

另外可对上层形状添加投影,已期达到更完美质感。Step5 分别用圆角矩形和钢笔工具,绘制图标上的表情,以达到更好的效果,如下:

1621698610-b8e555a2e32e9fa

温馨提示:
如果发现分享VIP资源我们将取消会员资格
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好素材或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的素材、教程、插件等等其他资源,都不包含技术服务 请大家谅解!
5. 如有链接无法下载、失效或广告,请点击后面字体→到投诉版块区举报,可领回失去的金币,并额外有奖!
6. 如遇到加密压缩包,默认解压密码为"www.vscops.com",如遇到无法解压的请联系管理员!

---------------DMCA-版权申明------------

免责声明:
1》. 本站出于学习和研究的目的提供平台共会员进行交流和讨论,网站资源由会员从网上收集整理所得,版权属于原作者。
2》. 网站所有资源是进行学习和研究测试之用,不得以任何方式用于商业用途。请在下载后24小时删除。
3. 本站非常重视知识产权,如有侵犯任何第三方权益,请发邮件(Email:luzhaoyao02@gmail.com)及时联系,邮件请附(专利证书、商标注册证、著作权证书,以及知识产权人授权投诉方进行投诉的证明文件等有效证明),我们将第一时间核实并删除侵权帖子(3个工作日内处理完并邮件答复)。