利用Photoshop制作漂亮的环保气泡图标教程

 更新时间:2016年9月14日 23:54  点击:1632
Photoshop制作漂亮的环保气泡图标教程,图标大致由两个大的部分构成:气泡与中间部分的球体。气泡部分稍微复杂一点,由内外两个气泡构成,制作方法基本类似。绿色球体部分制作相对简单一点,直接使用素材合成即可。

利用ps处理之后的最终效果


<点小图查看大图>

 

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

 


<图1>

 

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


<图3>

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


<图4>

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


<图5>

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

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


<图7>

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


<图8>

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


<图9>

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

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


<图11>


<图12>

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


<图13>

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


<图14>

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

14、新建一个图层,顶部再增加一些细小的光束,增强细节,如下图。到这里内部气泡基本完成。

 


<图16>

 

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

 


<图17>

 

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

 


<图18>

 

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

 


<图19>

 

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

 

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

 


<图21>

 


<图22>

 

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

 


<图23>

 

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

 


<图24>

 

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

 


<图25>

 


<图26>

 

23、同上的方法给草地增加一些高光及暗部,如图28,29。


<图28>


<图29>

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


<图30>


<图31>

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


<图32>

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

[!--infotagslink--]

相关文章

  • Painter绘制红衣喝酒男水粉画效果教程

    今天小编在这里就来给Painter的这一款软件的使用者们来说一说绘制红衣喝酒男水粉画效果的教程,各位想知道具体绘制步骤的使用者,那么下面就快来跟着小编一起看一看教程...2016-09-14
  • iPhone6怎么激活?两种苹果iPhone6激活教程图文详解

    iPhone6新机需要激活后才可以正常使用,那么对于小白用户来说,iPhone6如何激活使用呢?针对此问题,本文就为大家分别介绍Wifi无线网络激活以及iPhone6连接电脑激活这两种有效的方法,希望本文能够帮助到大家...2022-09-14
  • Photoshop制作雨中野外孤独行走的一头牛海报教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下制作雨中野外孤独行走的一头牛海报的教程,各位想知道具体制作方法的使用者们,大家就快来看一看小编给...2016-09-14
  • Painter绘制帅气卡通魔法王子漫画教程

    今天小编在这里就来给Painter的这一款软件的使用者们来说一下绘制帅气卡通魔法王子漫画的具体教程,各位想知道绘制步骤的使用者,那么下面就快来跟着小编一起看一看教程...2016-09-14
  • Illustrator鼠绘堆雪人的孩童矢量插画教程

    今天小编在这里就来给各位Illustrator的这一款软件的使用者们来说说鼠绘堆雪人的孩童矢量插画的教程,各位想知道具体绘制方法的使用者们,那么各位就快来跟着小编来看看...2016-09-14
  • 安卓手机app添加支付宝支付开发教程

    支付宝支付在国内算是大家了,我们到处都可以使用支付宝了,下文整理介绍的是在安卓app应用中使用支付宝进行支付的开发例子。 之前讲了一篇博客关与支付宝集成获取...2016-09-20
  • 美图秀秀给照片天空加蓝天白云教程一览

    今天小编在这里就来给美图秀秀的这一款软件的使用者们来说下究竟该怎么给照片天空加蓝天白云的教程,各位想知道具体制作步骤的,那么下面就来跟着小编一起看看吧。 ...2016-09-14
  • llustrator绘制扁平化风格卡通警察护士空姐肖像教程

    今天小编在这里就来给llustrator的这一款软件的使用者们来说一说绘制扁平化风格卡通警察护士空姐肖像的教程,各位想知道具体绘制步骤的使用者们,那么下面就快来跟着小编...2016-09-14
  • Illustrator绘制一个方形的录音机图标教程

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一下绘制一个方形的录音机图标的教程,各位想知道具体绘制方法的使用者们,那么下面就来看一下小编给大家分...2016-09-14
  • photoshop想象力无边界超现实合成图鉴赏

    今天小编在这里就为各位photoshop的这一款软件的使用者们带来了想象力无边界超现实合成图,各位想知道这些超现实的合成图都是些什么呢?那么下面各位就来跟着小编一起看...2016-09-14
  • photoshop简单制作一个搞笑的换脸表情包教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来说一说简单制作一个搞笑的换脸表情包的教程,各位想知道具体制作方法的使用者们,那么大家就快来看一看教程吧。...2016-09-14
  • photoshop合成爱丽丝漫游仙境的小人国场景制作教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说合成爱丽丝漫游仙境的小人国场景制作教程,各位想知道具体的合成制作方法的使用者们,那么各位就快来...2016-09-14
  • photoshop设计一幅大鱼海棠动画片海报制作实例教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计一幅大鱼海棠动画片海报制作的实例教程,各位想知道具体制作步骤的使用者们,那么各位就快来看看...2016-09-14
  • photoshop给手绘画调色变换场景后期教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说说给手绘画调色变换场景的后期教程,各位想知道具体后期处理步骤的使用者们,那么大家就快来跟着小编来看...2016-10-02
  • Photoshop古装美女图片转为工笔画效果制作教程

    今天小编在这里就来给各位Photoshop的这一款软件的使用者们来说说把古装美女图片转为细腻的工笔画效果的制作教程,各位想知道方法的使用者们,那么下面就快来跟着小编一...2016-09-14
  • 美图秀秀让你胸丰满起来处理教程

    今天小编在这里就来给美图秀秀的这一款软件的使用者们来说一下让你胸丰满起来的处理教程,各位想知道具体处理步骤的,那么下面就快来跟着小编一起看一下教程吧。 给...2016-09-14
  • photoshop用各种素材合成闪电侠效果制作教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来说说利用各种素材合成闪电侠效果的制作教程,各位想知道具体制作步骤的使用者们,那么下面就快来跟着小编一起看...2016-09-14
  • Photoshop火龙变冰龙制作教程分享

    今天小编在这里就来给Photoshop的这一款软件的使用者们来说下火龙变冰龙的制作教程,各位想知道具体的制作步骤的使用者们,那么下面就快来跟着小编一起看看制作教程吧。...2016-09-14
  • photoshop制作延时摄影城市照片效果教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说制作延时摄影城市照片效果的教程,各位想知道具体制作方法的使用者们,那么就快来看看教程吧。 给...2016-09-14
  • photoshop画斜线/直线/虚线的入门级教程

    这篇文章算是超级入门级别的了,我们下面来给各位介绍在photoshop画斜线/直线/虚线的教程了,希望下面这篇文章给你入门来帮助。 PS怎么画斜线 选择铅笔工具,或者画笔...2016-09-14