首页 > 设计 > 详细

Photoshop设计制作漂亮的透明环保气泡图标

时间：2016-01-29 15:21:06      阅读：381      评论：0      收藏：0      [点我收藏+]
最终效果

技术分享


1、新建一个1000 * 750像素的文件，选择渐变工具，颜色设置如图1，拉出图2所示的径向渐变作为背景。

技术分享
<图1>

技术分享
<图2>
 
2、新建一个组，选择椭圆选框工具，按住Shift键拉出下图所示的正圆选区，然后给组添加图层蒙版，如下图。

技术分享
<图3>

3、在组里新建一个图层，选择渐变工具，颜色设置自带的彩虹渐变，拉出渐变后再选择椭圆选框工具，在中心位置拉出下图所示的整体选区，羽化25个像素后按Delete键删除中间部分，效果如下图。

技术分享
<图4>

4、用钢笔工具勾出下图所示的选区，羽化5个像素后按Ctrl + J 把选区部分色块复制到新的图层，适当移动一下位置，再把底部的彩虹渐变图层隐藏，效果如下图。

技术分享
<图5>

5、新建一个图层，用钢笔勾出右侧边缘部分的高光选区，羽化20个像素后填充白色，如下图。

技术分享
<图6>
 
6、新建一个图层，用钢笔勾出左下角部分的高光选区，羽化6个像素后填充白色，可以适当降低图层不透明度，添加图层蒙版，用黑色画笔把两端的过渡擦出来，如下图。

技术分享
<图7>

7、新建一个图层，同上的方法给左下角增加一条较小的高光，如下图。

技术分享
<图8>

8、新建一个图层，同上的方法给顶部增加一点高光，到这里外部气泡基本完成。

技术分享
<图9>

9、新建一个组，用椭圆选框工具在气泡的中间拉出下图所示的正圆选区，给组添加图层蒙版，如下图。

技术分享
<图10>
 
10、在组里新建一个图层，用钢笔勾出边缘部分的高光区域，羽化15个像素后拉上图12所示的线性渐变。

技术分享
<图11>

技术分享
<图12>

11、新建一个图层，同上的方法给内部气泡的顶部增加一点高光，如下图。

技术分享
<图13>

12、新建一个图层，用椭圆选框工具拉出下图所示的椭圆选区，填充白色。取消选区后添加图层蒙版，用黑色画笔把底部的过渡擦出来，效果如下图。

技术分享
<图14>

13、新建一个图层，同上的方法给底部增加一些淡淡的高光，如下图。

技术分享
<图15>
 
14、新建一个图层，顶部再增加一些细小的光束，增强细节，如下图。到这里内部气泡基本完成。

技术分享
<图16>

15、调出外部气泡组的选区，在图层的最上面新建一个组，给组添加图层蒙版。

技术分享
<图17>

16、用钢笔工具勾出下图所示的选区，羽化15个像素后填充白色，作为两个气泡中间的高光。

技术分享
<图18>

17、其它部分同样的方法增加一些高光，气泡部分基本完成，效果如下图。

技术分享
<图19>

18、调出内部气泡组的选区，在外部气泡组的上面新建一个组，给组添加图层蒙版，如下图。

技术分享
<图20>
 
19、打开图21所示的泥土素材，拖进来，适当摆好位置，然后用钢笔工具勾出所需的部分，给图层添加图层蒙版，效果如图22。

技术分享
<图21>

技术分享
<图22>

20、用钢笔勾出下图所示的条纹效果，羽化2个像素后按Ctrl + J 把选区部分的纹理复制到新的图层，混合模式改为“正片叠底”，按Ctrl + Alt + G 创建剪贴蒙版，效果如下图。

技术分享
<图23>

21、泥土的边缘增加一些暗部及高光，左侧为高光，右侧部分增加暗部，如下图。

技术分享
<图24>

22、打开草地素材，拖进来，适当放好位置，用钢笔勾出图26所示的选区，给草地图层添加图层蒙版，效果如图27。

技术分享
<图25>

技术分享
<图26>

技术分享
<图27>
 
23、同上的方法给草地增加一些高光及暗部，如图28,29。

技术分享
<图28>

技术分享
<图29>

24、打开图30所示的绿植素材，拖进来，适当调整大小，效果如图31。

技术分享
<图30>

技术分享
<图31>

25、新建一个图层给绿植增加一些阴影，效果如下图。

技术分享
<图32>

最后微调一下细节，完成最终效果。

技术分享

Photoshop设计制作漂亮的透明环保气泡图标

原文：http://www.jb51.net/photoshop/77194.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！