UI设计教程 — 绘制一套质感风格图标

液体顶：创建一个42×8 px的椭圆;颜色#d13131，添加图层样式

液体顶-暗部：将液体管复制一层，颜色修改为#9e1717，添加蒙版将左侧部分稍稍擦去，添加图层样式

液体球：创建一个90×90 px的圆形，添加图层样式(注意调整渐变的位置)，之后添加蒙版，再上方擦出一个小口子，使它和【液体管】放在一起的时候看起来更自然

液体球-高光：CTRL+左键点击【液体球】图层缩略图得到选区，新建空白图层;用柔边圆画笔在选区左上角的位置轻轻拍一下，图层模式改为叠加，不透明度和填充看情况适当调整。

液体球-投影：创建一个90x70px大小的椭圆，颜色#e83333，调整羽化值6.2，不透明度60%。

步骤 03 制作玻璃管高光部分

先制作左侧部分，新建14×135 px大小的圆角矩形两个，圆角半径拉满，颜色#ffffff

调整位置，布尔运算减去顶层形状，添加蒙版，将边缘部分擦得柔和一些

然后复制一层，水平翻转，将不透明度调为75%，这样就把右边的也做好了

然后做一个小小的椭圆，调整一下不透明度和羽化值，最后把文字和刻度加上就制作完成了

结语

本期教程到这里就结束了，希望大家在练习过程中多思考、理解制作思路和操作方法，活学活用。

FEVTE编注：更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入飞特网PS鼠绘教程栏目，地址：https://www.fevte.com/plan/ps/shuhuijiaocheng/