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

2016-03-17 20:44 26 1 收藏

下面请跟着图老师小编一起来了解下Photoshop制作漂亮的环保气泡图标教程,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - PS 】

来源:PS联盟 作者:Sener
图标大致由两个大的部分构成:气泡与中间部分的球体。气泡部分稍微复杂一点,由内外两个气泡构成,制作方法基本类似。绿色球体部分制作相对简单一点,直接使用素材合成即可。
最终效果


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

图1

图2

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)2、新建一个组,选择椭圆选框工具,按住Shift键拉出下图所示的正圆选区,然后给组添加图层蒙版,如下图。

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

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

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

图6

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)6、新建一个图层,用钢笔勾出左下角部分的高光选区,羽化6个像素后填充白色,可以适当降低图层不透明度,添加图层蒙版,用黑色画笔把两端的过渡擦出来,如下图。

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

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

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

图10

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)10、在组里新建一个图层,用钢笔勾出边缘部分的高光区域,羽化15个像素后拉上图12所示的线性渐变。

图11

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

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

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

图15

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)14、新建一个图层,顶部再增加一些细小的光束,增强细节,如下图。到这里内部气泡基本完成。

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

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

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

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

图20

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)19、打开图21所示的泥土素材,拖进来,适当摆好位置,然后用钢笔工具勾出所需的部分,给图层添加图层蒙版,效果如图22。

图21

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


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

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

图25

图26

图27

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)23、同上的方法给草地增加一些高光及暗部,如图28,29。

图28

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

图30

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

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

来源:https://www.tulaoshi.com/n/20160317/1865351.html

延伸阅读
本教程的图形制作相对比较复杂。车子的构成部分比较多,同时每一部分的制作又要表现出高质感效果。增加了不少工作量。如果自己能很好的把握光感的制作,其它部分基本上就是钢笔勾图形。 最终效果 1、首先我们需要把脑海中的图标素描做出来。它并不需要多漂亮(我知道我们的素描没那么漂亮)但是必须可以简单地说明你要做的是个什么样东西...
标签: PS PS教程
效果图为多层次的图标,有表面、背面及叠加面。制作的时候先画出整体轮廓,然后按照不同的面慢慢去细化即可。 最终效果 1、用钢笔工具勾勒轮廓,添加渐变效果。 2、增加厚度,添加渐变叠加效果。 方法:稍微错开第一步所绘制的轮廓,用钢笔重新勾勒一层,留下一些第一步绘制的轮廓边缘。添加渐变叠加效果。 3、用钢笔工...
来源:站酷 作者:Milio1991 效果图为多层次的图标,有表www.Tulaoshi.com面、背面及叠加面。制作的时候先画出整体轮廓,然后按照不同的面慢慢去细化即可。 最终效果 1、用钢笔工具勾勒轮廓,添加渐变效果。 2、增加厚度,添加渐变叠加效果。 方法:稍微错开第一步所绘制的轮廓,用钢笔重新勾勒一层,留下一些第一步绘制的轮廓边缘。添加...
本教程介绍绿色环保图标的制作方法。整个制作过程比较简单,大部分的工序都是用钢笔工具来勾图,然后把勾好的图形填充渐变色。再适当调整好整体的光感和细节即可。 最终效果 1、新建一个600 * 600 像素文件,背景填充白色,也可以适当加点渐变色。新建一个图层用钢笔工具勾出屋顶的路径如图1,转为选区后填充颜色:#2C6B03,效果如图2,...
【PS文字特效】photoshop 制作气泡字 1. 新建640X480的画布,新建一层,做一个径向渐变的背景,(背景的制作方法这里就详细说明了,我用的是由浅到深的红色背景,大家可以尝试一下别的颜色)打上你想要的字,不管什么颜色都可以,然后开始制作效果。对着文字层点右键,选择图层混合选项设置投影,数值如图: 2.设置内阴影,数值...

经验教程

880

收藏

100
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部