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

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

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



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



Step2 Ctrl X剪切, 然后打开PS新建画布, 尺寸自拟, Ctrl V, 粘贴为“形状图层”
Photoshop制作逼真的毛玻璃质感图标



并复制一份, 调整角度和大小, 最终效果如下:
Photoshop制作逼真的毛玻璃质感图标



Step3 设置相应的颜色, 半仙哥虽非基佬, 但对宿命紫情有独钟, 故本例也不例外, 效果如下:
Photoshop制作逼真的毛玻璃质感图标



Step4 选择上层形状, 绘制正圆, 位置、大小及颜色, 如下图所示:
Photoshop制作逼真的毛玻璃质感图标



对圆形设置高斯模糊, 适当调整大小和位置, 最终效果如下:
Photoshop制作逼真的毛玻璃质感图标



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



【Photoshop制作逼真的毛玻璃质感图标】为了更完美的质感, 可对圆形添加蒙版, 用黑色画笔擦拭, 最终效果如下:
Photoshop制作逼真的毛玻璃质感图标



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



    推荐阅读