Photoshop设计制作出一个精致的玻璃温度计图标
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Photoshop设计制作出一个精致的玻璃温度计图标,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2493字,纯文字阅读大概需要4分钟。
内容图文
![Photoshop设计制作出一个精致的玻璃温度计图标](/upload/InfoBanner/zyjiaocheng/421/3529a74899a5403fb64ef04a43330d30.jpg)
<图1>
1、温度计图标大致由下面的几部分构成:玻璃容器、液体、度量条纹等。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114205294.jpg)
<图2>
2、新建一个800 * 600像素的文档,选择渐变工具,颜色设置如图3,拉出图4所示的径向渐变作为背景。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114205549.jpg)
<图3>
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114205598.jpg)
<图4>
3、新建一个组,用钢笔勾出器皿的轮廓路径,转为选区后给组添加图层蒙版。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114205663.jpg)
<图5>
4、在组里新建一个图层,填充淡蓝色:#CBD1E2,添加图层蒙版,用黑白渐变拉出右侧透明效果,如下图。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114205731.jpg)
<图6>
5、新建一个图层,填充同上的颜色,添加图层蒙版后用渐变拉出左侧透明效果,如下图。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114205792.jpg)
<图7>
6、新建一个图层,调出当前组蒙版选区,填充暗蓝色:#9A98B9,保持选区,选择菜单:选择 > 修改 > 收缩,数值为2,确定后羽化1个像素,按Delete删除中间色块,效果如下图。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114205842.jpg)
<图8>
7、新建一个图层,用椭圆选框工具拉出下图所示的整体选区,填充白色。保持选区,选择菜单:选择 > 修改 > 收缩,数值为2,再羽化1个像素后按Delete删除。取消选区后添加图层蒙版,用黑色画笔把顶部稍微涂抹一下,效果如图11。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114205893.jpg)
<图9>
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114205950.jpg)
<图10>
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114206011.jpg)
<图11>
8、新建一个图层,用钢笔勾出下图所示的选区,羽化15个像素后填充暗蓝色:#BABFD9,作为顶部的暗部如下图。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114206061.jpg)
<图12>
9、新建一个图层,用白色画笔涂上一些高光,如图13,14。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114206118.jpg)
<图13>
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114206178.jpg)
<图14>
10、新建一个图层,调出当前组蒙版选区,选择菜单:选择 > 修改 > 收缩,数值为2,确定后填充白色。保持选区,再收缩2个像素,羽化1个像素后按Delete删除,得到边缘高光选区。取消选区后添加图层蒙版,用黑色画笔把右侧以外的部分涂掉,效果如图16。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114206240.jpg)
<图15>
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114206283.jpg)
<图16>
11、新建一个图层,同上的方法制作左侧边缘的高光,效果如下图。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114206481.jpg)
<图17>
12、液体是红色的,玻璃部分也会有影响。新建一个图层,混合模式改为“柔光”,用红色画笔在液体位置涂上一些环境色。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114206557.jpg)
<图18>
13、新建一个组,用钢笔勾出液体部分的路径,转为选区后给组添加图层蒙版,如下图。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114206606.jpg)
<图19>
14、在组里新建一个图层,用矩形选框工具拉出图20所示的选区,然后选择渐变工具,颜色设置如图21,拉出图20所示的线性渐变。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114206653.jpg)
<图20>
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114206755.jpg)
<图21>
15、创建曲线调整图层,把全图调亮一点,参数设置如图22,确定后按Ctrl + Alt + G 创建剪贴蒙版,把蒙版填充黑色,用白色画笔把图23选区部分涂出来。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114206800.jpg)
<图22>
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114206841.jpg)
<图23>
16、新建一个图层,用钢笔勾出下图所示的选区,填充橙红色,取消选区后用模糊工具把顶部稍微模糊处理。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114207065.jpg)
<图24>
17、新建一个图层,按Ctrl + Alt + G 创建剪贴蒙版,然后在当前图层下面新建一个图层,用画笔涂出简单的明暗。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114207176.jpg)
<图25>
18、新建一个图层,同上的方法制作液体部分的高光及暗部,过程如图26 - 29。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114207223.jpg)
<图26>
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114207270.jpg)
<图27>
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114207333.jpg)
<图28>
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114207416.jpg)
<图29>
19、在当前组的最上面新建一个图层,用椭圆选框工具拉出图30所示的选区填充橙黄色,再渲染一些高光,效果如图31。
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114207479.jpg)
<图30>
![Photoshop设计制作出一个精致的玻璃温度计图标 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423114207529.jpg)
<图31>
最后加上刻度及一些高光,再微调一下细节,完成最终效果。
<图32>
内容总结
以上是互联网集市为您收集整理的Photoshop设计制作出一个精致的玻璃温度计图标全部内容,希望文章能够帮你解决Photoshop设计制作出一个精致的玻璃温度计图标所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。