当前位置： 移动技术网 > IT编程>UI设计>PhotoShop > Photoshop设计制作漂亮的透明环保气泡图标

Photoshop设计制作漂亮的透明环保气泡图标

2019年05月31日  | 移动技术网IT编程  | 我要评论

canimalsdiary,北湖公园,剑灵哪个区人多

最终效果

photoshop设计制作漂亮的透明环保气泡图标


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

photoshop设计制作漂亮的透明环保气泡图标
<图1>

photoshop设计制作漂亮的透明环保气泡图标
<图2>
 
2、新建一个组，选择椭圆选框工具，按住shift键拉出下图所示的正圆选区，然后给组添加图层蒙版，如下图。

photoshop设计制作漂亮的透明环保气泡图标
<图3>

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

photoshop设计制作漂亮的透明环保气泡图标
<图4>

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

photoshop设计制作漂亮的透明环保气泡图标
<图5>

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

photoshop设计制作漂亮的透明环保气泡图标
<图6>
 
6、新建一个图层，用钢笔勾出左下角部分的高光选区，羽化6个像素后填充白色，可以适当降低图层不透明度，添加图层蒙版，用黑色画笔把两端的过渡擦出来，如下图。

photoshop设计制作漂亮的透明环保气泡图标
<图7>

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

photoshop设计制作漂亮的透明环保气泡图标
<图8>

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

photoshop设计制作漂亮的透明环保气泡图标
<图9>

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

photoshop设计制作漂亮的透明环保气泡图标
<图10>
 
10、在组里新建一个图层，用钢笔勾出边缘部分的高光区域，羽化15个像素后拉上图12所示的线性渐变。

photoshop设计制作漂亮的透明环保气泡图标
<图11>

photoshop设计制作漂亮的透明环保气泡图标
<图12>

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

photoshop设计制作漂亮的透明环保气泡图标
<图13>

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

photoshop设计制作漂亮的透明环保气泡图标
<图14>

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

photoshop设计制作漂亮的透明环保气泡图标
<图15>
 
14、新建一个图层，顶部再增加一些细小的光束，增强细节，如下图。到这里内部气泡基本完成。

photoshop设计制作漂亮的透明环保气泡图标
<图16>

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

photoshop设计制作漂亮的透明环保气泡图标
<图17>

12

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网