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

2016-02-01 22:26 7 1 收藏

下面图老师小编要跟大家分享Photoshop制作漂亮的环保气泡图标,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - ps入门教程 】

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


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、调出内部气泡组的选区,在外部气泡组的上面新建一个组,给组添加图层蒙版,如下图。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)


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


图21

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)


图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最后微调一下细节,完成最终效果。


来源:https://www.tulaoshi.com/n/20160201/1526091.html

延伸阅读
本教程介绍绿色环保图标的制作方法。整个制作过程比较简单,大部分的工序都是用钢笔工具来勾图,然后把勾好的图形填充渐变色。再适当调整好整体的光感和细节即可。 最终效果 1、新建一个600 * 600 像素文件,背景填充白色,也可以适当加点渐变色。新建一个图层用钢笔工具勾出屋顶的路径如图1,转为选区后填充颜色:#2C6B03,效果如图2,...
Photoshop绘制漂亮的紫色气泡技巧 气泡制作方法有很多,最快的方法就是用滤镜,不过效果不够细腻。下面介绍用纯手工的方法制作,过程虽然复杂一点,不过效果比较逼真。 教程最终效果 图1 1、新建一个800 * 600像素的文件,选择渐变工具,颜色设置如图2,由上至下拉出图3所示的线性渐变作为背景。 图2 ...
photoshop绘制气泡ICON图标教程 源文件下载请点击 今天发上来1个气泡ICON的练习 , 使用软件Illustrator绘制。 很多童鞋们建议我把绘制过程写详细些,在这里先说声 实在很抱歉。 软件不怎么会用的同学可以上网络上看软件工具应用的的教程。 因为个人白天上班,晚上还有个人以及家庭的些tuLaoShi.com琐碎事情要...
来源:站酷 作者:牛MO王 教程的过程介绍的不是很详细,不过作者分享了很多不错的绘画经验,从光源设置到最后的高光点缀,这些都是非常值得学习的。 最终效果 1、整体的大统一,就是光源,大胆的使用明暗对比可以增强图标的视觉冲击,吸引眼球。值得强调的是,高光和阴影绝对不是纯黑和纯白,要注意环境色的影响。 2、拟物类图标,重点拼...
本教程主要介绍画笔的妙用。制作的时候先定义好想要的图形作为笔刷,各种图形都可以。然后再配合图层样式及滤镜多次使用,即可作出有层次的光斑效果。 最终效果 1、创建一个800×600的文档,用简单的渐变工具制作太阳发光的效果。 2、选择半径为15px的圆角矩形工具,转换类型为“形状图层”,如图。 3、使用“形...

经验教程

730

收藏

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