Photoshop设计制作漂亮的透明环保气泡图标
PS联盟 发布时间：2013-04-03 10:12:44 作者：Sener 
我要评论
我要评论图标大致由两个大的部分构成：气泡与中间部分的球体。气泡部分稍微复杂一点，由内外两个气泡构成，制作方法基本类似。绿色球体部分制作相对简单一点，直接使用素材合成即可。
最终效果
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>
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>
相关文章
今天我们继续来介绍ps基础教程，这篇我们主要讲橡皮擦工具组和填充工具组，这两个工具在修图的时候是比较常用的，下面我们就来看看基础教程2025-05-01
ps图层是什么？简单来说，ps软件中的图层就好比是一张“透明纸”，将图像的各个部分绘制在不同的“透明纸”上，可以看到纸后的东西，而且每层纸都是独立的，下面我们就来看2025-04-25- ps零基础之图层样式的讲解，在使用ps的时候，我们经常会在图层上添加一些效果，这就是图层样式，该怎么应用呢？详细请看下文介绍2024-12-23
ps如何把一张长图切成几张小图片? ps把长图切成短图的技巧
有时候，我们希望能把一张图片均匀地分成几张图片，就像拼图一般的效果，需要某一部分随时可以拿出来使用，该怎么操作呢？详细请看下文介绍2024-09-10- PS调整字体大小是一个非常基础的操作，但也是非常实用的技能，在Photoshop中，调整字体大小的方式有多种，详细请看下文介绍2024-02-02
- 但最近有用户在使用photoshop时发现窗口界面的字体比较小，使用起来非常的不方便，因此有不少用户想将其大小进行调节，具体该如何操作呢？详细请看下文介绍2024-02-02
ps中图层被父图层锁定怎么办? 图层被父图层锁定的解锁技巧ps
ps中图层被父图层锁定怎么办？ps中图层解锁失败，提示图层被父图层锁定该怎么办呢？下面我们就来看看详细的解决办法2023-12-19ps描边最大只有288怎么办? Photoshop描边只能调到288像素的解决办法
ps描边最大只有288怎么办？ps描边在使用的过程中，发现只能调到288像素，该怎么操作呢？下面我们就来看看Photoshop描边只能调到288像素的解决办法2023-11-30PS工具栏中的工具有缺失怎么办? Photoshop工具栏不全的多种解决办法
PS工具栏中的工具有缺失怎么办？ps工具栏中有很多工具，但是发现有些工具不见了，该怎么办呢？下面我们就来看看Photoshop工具栏不全的多种解决办法2023-11-30
Photoshop2024怎么下载安装? ps2024安装图文教程
Photoshop2024怎么下载安装？ps2024发布以后，很多朋友想要尝试信工鞥，该怎么下载安装呢？下面我们就来看看ps2024安装图文教程2023-11-30
最新评论