数码资源网

文章频道 软件下载 安卓下载 苹果下载

当前位置:首页文章中心平面专栏Photoshop → Photoshop实例教程 制作一个逼真的玻璃温度计图标

Photoshop实例教程 制作一个逼真的玻璃温度计图标

时间:2012-09-23 16:36:36人气:173作者:网友整理
小A教程安卓官方版(iApp学习教学) v1.2 正式版
小A教程安卓官方版(iApp学习教学) v1.2 正式版 for Android
  • 类型:安卓学习阅读大小:17.01M语言:简体中文 评分:3.0
  • 这是一款全新的iApp快捷高效的安卓端学习与应用托管平台。小A教程安卓官方版帮你...
立即下载
UI设计教程安卓版(最系统的UI教程) v1.4.2 手机版
UI设计教程安卓版(最系统的UI教程) v1.4.2 手机版 for Android
  • 类型:安卓系统应用大小:26.58M语言:简体中文 评分:3.0
  • 为用户提供如何最手机界面设计的绘画和图标设计基础教学。UI设计教程安卓版同时还有...
立即下载
PS设计达人v1.3.0
PS设计达人v1.3.0 for Android
  • 类型:安卓图像处理大小:53.13M语言:简体中文 评分:3.8
  • PS设计达人app是一款专业给力的全新处理手机客户端软件,app提供海量精选的优...
立即下载

本教程介绍玻璃温度计图标绘制方法,温度计构造不复杂,不过玻璃容器部分刻画比较难。因为它的轮廓不是很规则,刻画同一部分的高光及暗部的时候需要分两步或多步来完成。希望大家喜欢。
最终效果


<图1> 

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


<图2> 
 

2、新建一个800 * 600像素文档,选择渐变工具,颜色设置如图3,拉出图4所示的径向渐变作为背景。


<图3> 


<图4> 

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


<图5> 
 

[page]
 

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> 
 

[page]
 

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> 
 

[page]
 

18、新建一个图层,同上的方法制作液体部分的高光及暗部,过程如图26 - 29。


<图26> 


<图27> 


<图28> 


<图29> 
 

19、在当前组的最上面新建一个图层,用椭圆选框工具拉出图30所示的选区填充橙黄色,再渲染一些高光,效果如图31。


<图30> 


<图31> 

最后加上刻度及一些高光,再微调一下细节,完成。

最终效果图:


<图32> 

感谢速联科技、八度网络、九九数据、亿恩科技、群英网络赞助部分带宽!

关于本站 | 联系方式 | 版权声明 | 下载帮助(?) | 网站地图

Copyright 2002-2020 95262.com 【数码资源网】 版权所有 粤ICP备2020128507号-1

本站所有软件来自互联网,版权归原著所有。如有侵权,敬请来信告知 ,我们将及时撤销。