欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-04 22:09:46
最终效果<图1> 1、温度计图标大致由下面的几部分构成:玻璃容器、液体、度量条纹等。<图2>  2、新建一个800 * 600像素的文档,选择渐变工具,颜色设置如...
最终效果

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>