前言：通过这个作业，可以学会玻璃质感的做法，高光的技巧。这个难度一般，适合各类初学同学。加油~！关键词： Photo
通过这个作业，可以学会玻璃质感的做法，高光的技巧。这个难度一般，适合各类初学同学。加油~！ 关键词：Photoshop,制作,精致,玻璃,温度计,图标注意：
温度计构造不复杂，不过玻璃容器部分刻画比较难。因为它的轮廓不是很规则，刻画同一部分的高光及暗部的时候需要分两步或多步来完成。
最终效果
<图1>
1、温度计图标大致由下面的几部分构成：玻璃容器、液体、度量条纹等。
<图2>
2、新建一个800 * 600像素的文档，选择渐变工具，颜色设置如图3，拉出图4所示的径向渐变作为背景。
<图3>
<图4>
3、新建一个组，用钢笔勾出器皿的轮廓路径，转为选区后给组添加图层蒙版。
<图5>
4、在组里新建一个图层，填充淡蓝色：#CBD1E2，添加图层蒙版，用黑白渐变拉出右侧透明效果，如下图。
<图6>
5、新建一个图层，填充同上的颜色，添加图层蒙版后用渐变拉出左侧透明效果，如下图。
<图7>
6、新建一个图层，调出当前组蒙版选区，填充暗蓝色：#9A98B9，保持选区，选择菜单：选择 > 修改 > 收缩，数值为2，确定后羽化1个像素，按Delete删除中间色块，效果如下图。
<图8>
7、新建一个图层，用椭圆选框工具拉出下图所示的整体选区，填充白色。保持选区，选择菜单：选择 > 修改 > 收缩，数值为2，再羽化1个像素后按Delete删除。取消选区后添加图层蒙版，用黑色画笔把顶部稍微涂抹一下，效果如图11。
<图9>
<图10>
<图11>
8、新建一个图层，用钢笔勾出下图所示的选区，羽化15个像素后填充暗蓝色：#BABFD9，作为顶部的暗部如下图。
<图12>
9、新建一个图层，用白色画笔涂上一些高光，如图13,14。
<图13>
<图14>
10、新建一个图层，调出当前组蒙版选区，选择菜单：选择 > 修改 > 收缩，数值为2，确定后填充白色。保持选区，再收缩2个像素，羽化1个像素后按Delete删除，得到边缘高光选区。取消选区后添加图层蒙版，用黑色画笔把右侧以外的部分涂掉，效果如图16。
<图15>
<图16>
11、新建一个图层，同上的方法制作左侧边缘的高光，效果如下图。
<图17>
12、液体是红色的，玻璃部分也会有影响。新建一个图层，混合模式改为“柔光”，用红色画笔在液体位置涂上一些环境色。
<图18>
13、新建一个组，用钢笔勾出液体部分的路径，转为选区后给组添加图层蒙版，如下图。
<图19>
14、在组里新建一个图层，用矩形选框工具拉出图20所示的选区，然后选择渐变工具，颜色设置如图21，拉出图20所示的线性渐变。
<图20>
<图21>
15、创建曲线调整图层，把全图调亮一点，参数设置如图22，确定后按Ctrl + Alt + G 创建剪贴蒙版，把蒙版填充黑色，用白色画笔把图23选区部分涂出来。
<图22>
<图23>
16、新建一个图层，用钢笔勾出下图所示的选区，填充橙红色，取消选区后用模糊工具把顶部稍微模糊处理。
<图24>
17、新建一个图层，按Ctrl + Alt + G 创建剪贴蒙版，然后在当前图层下面新建一个图层，用画笔涂出简单的明暗。
<图25>
18、新建一个图层，同上的方法制作液体部分的高光及暗部，过程如图26 – 29。
<图26>
<图27>
<图28>
<图29>
19、在当前组的最上面新建一个图层，用椭圆选框工具拉出图30所示的选区填充橙黄色，再渲染一些高光，效果如图31。
<图30>
<图31>
最后加上刻度及一些高光，再微调一下细节，完成最终效果。
<图32>
教程来源：68ps.com
下面留言的地方有个发图片的按钮
会出现这个，<img src=”请输入图片地址” />，把你的作业的地址，图片地址贴进来。就可以了。
=========================关于起航学习网=========================
qh.itpxw.cn 起航学习网发布高质量ui设计教程和设计分享经验，希望打造一个最好的ui学习教程平台！
起航学习网：qh.itpxw.cn 海量APP截图，让你灵感爆发！
转载请注明：起航学习网 » 温度计图标作业
文章出自：http://qh.itpxw.cn/peixun/ui/201613301.html
文章标题：温度计图标作业
免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉
