首页 > 设计 > 详细

Photoshop设计制作出一个精致的玻璃温度计图标

时间：2016-01-29 23:26:10      阅读：92      评论：0      收藏：0      [点我收藏+]
最终效果

技术分享
<图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>

Photoshop设计制作出一个精致的玻璃温度计图标

原文：http://www.jb51.net/photoshop/62121.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！