PS教程-制作漂亮的水晶对话泡泡图标

UI / UI设计教程 /      

uimaker
UI设计师 / 江苏 南京

来源:uimaker.com   作者:消息

关键词

 PS教程-制作漂亮的水晶对话泡泡图标

水晶效果虽然简单,仅有高光和暗部的刻画。不过要做好还是要一定功夫的,需要把实物的边缘及中间等较细的高光及暗部刻画出来,这样整体的细节较多,层次感也更强。 


最终效果



1、新建一个600 * 600像素的文档,背景选择白色。新建一个组命名为“主体”,用钢笔工具把对话框的轮廓勾出来。然后给组添加图层蒙版,如下图。


<图1>


2、在组里新建一个图层,选择渐变工具,颜色设置如图2,由左下向右上拉出图3所示的线性渐变,局部过渡不自然的部分可以用模糊工具模糊处理。


<图2>


<图3>


3、新建一个图层,用钢笔勾出图4所示的选区,然后羽化15个像素。再选择渐变工具,颜色设置如图5,由下至上拉出图6所示的线性渐变,顶部用加深工具稍微涂暗一点。

<图4>


<图5>


<图6>

4、新建一个图层,把前景颜色设置为橙红色:#FFAB33,用画笔把下图选区部分涂上高光。


<图7>


5、新建一个图层,把前景颜色设置为白色,用透明度较低的画笔把下图选区部分涂上高光,不均匀的部分可以添加图层蒙版后再稍微修饰一下。


<图8>


<图9>


6、新建一个图层,用钢笔勾出底部高光选区,羽化3个像素后填充黄绿色:#EAEE42,效果如下图。


<图10>


7、新建一个图层,同上的方法制作右边、中间、左边边缘部分的高光,过程如图11 - 13。



<图11>


<图12>



<图13>


8、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。调出组蒙版选区,选择菜单:选择 > 修改 > 收缩,数值为2,确定后按Delete 删除,再把混合模式改为“正片叠底”,效果如下图。


<图14>

 收藏