Photoshop制作逼真的毛玻璃质感图标

2021-03-13 10:57:59 来源/作者: 未知 / 吉邦 己有:105人学习过

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

先看看效果图

Photoshop制作逼真的毛玻璃质感图标

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

Photoshop制作逼真的毛玻璃质感图标

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

Photoshop制作逼真的毛玻璃质感图标

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

Photoshop制作逼真的毛玻璃质感图标

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

Photoshop制作逼真的毛玻璃质感图标

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

Photoshop制作逼真的毛玻璃质感图标

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

Photoshop制作逼真的毛玻璃质感图标

Photoshop制作逼真的毛玻璃质感图标

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

Photoshop制作逼真的毛玻璃质感图标

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

Photoshop制作逼真的毛玻璃质感图标