数码资源网

文章频道 软件下载 安卓下载 苹果下载

当前位置:首页文章中心平面专栏Photoshop → Photoshop实例教程 制作精致清新的气泡图标

Photoshop实例教程 制作精致清新的气泡图标

时间:2013-04-06 10:55:33人气:205作者:网友整理
小气泡图标包手机版(好看的手机图标包) v1.3.1.1 安卓版
小气泡图标包手机版(好看的手机图标包) v1.3.1.1 安卓版 for Android
  • 类型:安卓桌面美化大小:23.80M语言:简体中文 评分:3.0
  • 如果大家平时比较喜欢一些好看的手机主题的话,那就来试一试小气泡图标包手机版吧!这...
立即下载
UI设计教程安卓版(最系统的UI教程) v1.4.2 手机版
UI设计教程安卓版(最系统的UI教程) v1.4.2 手机版 for Android
  • 类型:安卓系统应用大小:26.58M语言:简体中文 评分:3.0
  • 为用户提供如何最手机界面设计的绘画和图标设计基础教学。UI设计教程安卓版同时还有...
立即下载
小A教程安卓官方版(iApp学习教学) v1.2 正式版
小A教程安卓官方版(iApp学习教学) v1.2 正式版 for Android
  • 类型:安卓学习阅读大小:17.01M语言:简体中文 评分:3.0
  • 这是一款全新的iApp快捷高效的安卓端学习与应用托管平台。小A教程安卓官方版帮你...
立即下载

下面为大家介绍一个图标制作方法。它是由气泡与中间部分的球体两个部分构成,气泡部分要复杂一点,由内外两个气泡构成。绿色球体部分制作要简单一点,直接使用素材合成就可以了。大家自己尝试着做一下。
完成效果图

Photoshop实例教程 制作精致清新的气泡图标

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

Photoshop实例教程 制作精致清新的气泡图标
<图1> 


<图2> 
 

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

Photoshop实例教程 制作精致清新的气泡图标
<图3> 

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

Photoshop实例教程 制作精致清新的气泡图标
<图4> 

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


<图5> 

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

Photoshop实例教程 制作精致清新的气泡图标
<图6> 
 

[page]
 

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

Photoshop实例教程 制作精致清新的气泡图标
<图7> 

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

Photoshop实例教程 制作精致清新的气泡图标
<图8> 

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


<图9> 

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

Photoshop实例教程 制作精致清新的气泡图标
<图10> 
 

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


<图11> 


<图12> 

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

Photoshop实例教程 制作精致清新的气泡图标
<图13> 

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


<图14> 

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


<图15> 
 

[page]
 

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

Photoshop实例教程 制作精致清新的气泡图标
<图16> 

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


<图17> 

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

Photoshop实例教程 制作精致清新的气泡图标
<图18> 

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

Photoshop实例教程 制作精致清新的气泡图标
<图19> 

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


<图20> 
 

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

Photoshop实例教程 制作精致清新的气泡图标
<图21> 


<图22> 

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

Photoshop实例教程 制作精致清新的气泡图标
<图23> 

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


<图24> 

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

Photoshop实例教程 制作精致清新的气泡图标
<图25> 

Photoshop实例教程 制作精致清新的气泡图标
<图26> 

Photoshop实例教程 制作精致清新的气泡图标
<图27> 
 

[page]
 

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


<图28> 


<图29> 

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

Photoshop实例教程 制作精致清新的气泡图标
<图30> 


<图31> 

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

Photoshop实例教程 制作精致清新的气泡图标
<图32> 

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

最后效果图:

相关文章

感谢速联科技、八度网络、九九数据、亿恩科技、群英网络赞助部分带宽!

关于本站 | 联系方式 | 版权声明 | 下载帮助(?) | 网站地图

Copyright 2002-2020 95262.com 【数码资源网】 版权所有 粤ICP备2020128507号-1

本站所有软件来自互联网,版权归原著所有。如有侵权,敬请来信告知 ,我们将及时撤销。