图标大致由两个大的部分构成：气泡与中间部分的球体。气泡部分稍微复杂一点，由内外两个气泡构成，制作方法基本类似。绿色球体部分制作相对简单一点，直接使用素材合成即可。
最终效果
1、新建一个1000 * 750像素的文件，选择渐变工具，颜色设置如图1，拉出图2所示的径向渐变作为背景。
2、新建一个组，选择椭圆选框工具，按住Shift键拉出下图所示的正圆选区，然后给组添加图层蒙版，如下图。
3、在组里新建一个图层，选择渐变工具，颜色设置自带的彩虹渐变，拉出渐变后再选择椭圆选框工具，在中心位置拉出下图所示的整体选区，羽化25个像素后按Delete键删除中间部分，效果如下图。
4、用钢笔工具勾出下图所示的选区，羽化5个像素后按Ctrl + J 把选区部分色块复制到新的图层，适当移动一下位置，再把底部的彩虹渐变图层隐藏，效果如下图。
5、新建一个图层，用钢笔勾出右侧边缘部分的高光选区，羽化20个像素后填充白色，如下图。
6、新建一个图层，用钢笔勾出左下角部分的高光选区，羽化6个像素后填充白色，可以适当降低图层不透明度，添加图层蒙版，用黑色画笔把两端的过渡擦出来，如下图。
7、新建一个图层，同上的方法给左下角增加一条较小的高光，如下图。
8、新建一个图层，同上的方法给顶部增加一点高光，到这里外部气泡基本完成。
9、新建一个组，用椭圆选框工具在气泡的中间拉出下图所示的正圆选区，给组添加图层蒙版，如下图。
10、在组里新建一个图层，用钢笔勾出边缘部分的高光区域，羽化15个像素后拉上图12所示的线性渐变。
11、新建一个图层，同上的方法给内部气泡的顶部增加一点高光，如下图。
12、新建一个图层，用椭圆选框工具拉出下图所示的椭圆选区，填充白色。取消选区后添加图层蒙版，用黑色画笔把底部的过渡擦出来，效果如下图。
13、新建一个图层，同上的方法给底部增加一些淡淡的高光，如下图。
14、新建一个图层，顶部再增加一些细小的光束，增强细节，如下图。到这里内部气泡基本完成。
15、调出外部气泡组的选区，在图层的最上面新建一个组，给组添加图层蒙版。
16、用钢笔工具勾出下图所示的选区，羽化15个像素后填充白色，作为两个气泡中间的高光。
17、其它部分同样的方法增加一些高光，气泡部分基本完成，效果如下图。
18、调出内部气泡组的选区，在外部气泡组的上面新建一个组，给组添加图层蒙版，如下图。
19、打开图21所示的泥土素材，拖进来，适当摆好位置，然后用钢笔工具勾出所需的部分，给图层添加图层蒙版，效果如图22。
20、用钢笔勾出下图所示的条纹效果，羽化2个像素后按Ctrl + J 把选区部分的纹理复制到新的图层，混合模式改为“正片叠底”，按Ctrl + Alt + G 创建剪贴蒙版，效果如下图。
21、泥土的边缘增加一些暗部及高光，左侧为高光，右侧部分增加暗部，如下图。
22、打开草地素材，拖进来，适当放好位置，用钢笔勾出图26所示的选区，给草地图层添加图层蒙版，效果如图27。
23、同上的方法给草地增加一些高光及暗部，如图28,29。
24、打开图30所示的绿植素材，拖进来，适当调整大小，效果如图31。
25、新建一个图层给绿植增加一些阴影，效果如下图。
最后微调一下细节，完成最终效果。
0
0
Photoshop设计制作漂亮的透明环保气泡图标
PHP中文网
发布时间：2016-06-01 14:31:50
|2809人浏览过
|来源于php中文网
原创
相关文章
ps蒙版填充黑色还是白色 ps蒙版中黑白灰三色的具体含义
ps图层蒙版属性浓度怎么调 ps蒙版半透明遮罩效果怎么做
ps蒙版笔刷设置怎么调 ps蒙版画笔流量和不透明度的区别
ps蒙版透明度怎么调 ps怎么利用蒙版做透明渐变
ps图片设置透明色怎么弄 ps图片透明效果怎么做【教程】
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
本专题整理了1688阿里巴巴批发进货平台的最新入口地址与在线采购指南，帮助用户快速找到官方网站入口，了解如何进行批发采购、货源选择以及厂家直销等功能，提升采购效率与平台使用体验。
736
2026.02.06
本专题汇总了快手网页版的最新入口地址和电脑版使用方法，详细提供快手官网直接访问链接、网页端操作教程，以及如何无需下载安装直接观看短视频的方式，帮助用户轻松浏览和观看快手短视频内容。
420
2026.02.06
本专题深入讲解 C# 中多线程与异步编程的核心概念与实战技巧，包括线程池管理、Task 类的使用、async/await 异步编程模式、并发控制与线程同步、死锁与竞态条件的解决方案。通过实际项目，帮助开发者掌握 如何在 C# 中构建高并发、低延迟的异步系统，提升应用性能和响应速度。
48
2026.02.06
本专题系统讲解 Python 微服务架构设计与 FastAPI 框架应用，涵盖 FastAPI 的快速开发、路由与依赖注入、数据模型验证、API 文档自动生成、OAuth2 与 JWT 身份验证、异步支持、部署与扩展等。通过实际案例，帮助学习者掌握 使用 FastAPI 构建高效、可扩展的微服务应用，提高服务响应速度与系统可维护性。
51
2026.02.06
本专题深入讲解 JavaScript 异步编程与事件驱动架构，涵盖 Promise、async/await、事件循环机制、回调函数、任务队列与微任务队列、以及如何设计高效的异步应用架构。通过多个实际示例，帮助开发者掌握 如何处理复杂异步操作，并利用事件驱动设计模式构建高效、响应式应用。
37
2026.02.06
热门下载
相关下载
精品课程
