当前位置： 移动技术网 > IT编程>UI设计>PhotoShop > Photoshop设计制作出一个精致的玻璃温度计图标

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

2018年11月06日  | 移动技术网IT编程  | 我要评论
最终效果

photoshop设计制作出一个精致的玻璃温度计图标
<图1>

1、温度计图标大致由下面的几部分构成：玻璃容器、液体、度量条纹等。

photoshop设计制作出一个精致的玻璃温度计图标
<图2>
 
2、新建一个800 * 600像素的文档，选择渐变工具，颜色设置如图3，拉出图4所示的径向渐变作为背景。

photoshop设计制作出一个精致的玻璃温度计图标
<图3>

photoshop设计制作出一个精致的玻璃温度计图标
<图4>

3、新建一个组，用钢笔勾出器皿的轮廓路径，转为选区后给组添加图层蒙版。

photoshop设计制作出一个精致的玻璃温度计图标
<图5>
 
4、在组里新建一个图层，填充淡蓝色：#cbd1e2，添加图层蒙版，用黑白渐变拉出右侧透明效果，如下图。

photoshop设计制作出一个精致的玻璃温度计图标
<图6>

5、新建一个图层，填充同上的颜色，添加图层蒙版后用渐变拉出左侧透明效果，如下图。

photoshop设计制作出一个精致的玻璃温度计图标
<图7>

6、新建一个图层，调出当前组蒙版选区，填充暗蓝色：#9a98b9，保持选区，选择菜单：选择 > 修改 > 收缩，数值为2，确定后羽化1个像素，按delete删除中间色块，效果如下图。

photoshop设计制作出一个精致的玻璃温度计图标
<图8>

7、新建一个图层，用椭圆选框工具拉出下图所示的整体选区，填充白色。保持选区，选择菜单：选择 > 修改 > 收缩，数值为2，再羽化1个像素后按delete删除。取消选区后添加图层蒙版，用黑色画笔把顶部稍微涂抹一下，效果如图11。

photoshop设计制作出一个精致的玻璃温度计图标
<图9>

photoshop设计制作出一个精致的玻璃温度计图标
<图10>

photoshop设计制作出一个精致的玻璃温度计图标
<图11>
 
8、新建一个图层，用钢笔勾出下图所示的选区，羽化15个像素后填充暗蓝色：#babfd9，作为顶部的暗部如下图。

photoshop设计制作出一个精致的玻璃温度计图标
<图12>

9、新建一个图层，用白色画笔涂上一些高光，如图13,14。

photoshop设计制作出一个精致的玻璃温度计图标
<图13>

photoshop设计制作出一个精致的玻璃温度计图标
<图14>

10、新建一个图层，调出当前组蒙版选区，选择菜单：选择 > 修改 > 收缩，数值为2，确定后填充白色。保持选区，再收缩2个像素，羽化1个像素后按delete删除，得到边缘高光选区。取消选区后添加图层蒙版，用黑色画笔把右侧以外的部分涂掉，效果如图16。

photoshop设计制作出一个精致的玻璃温度计图标
<图15>

photoshop设计制作出一个精致的玻璃温度计图标
<图16>
 

12

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网