当前位置： 移动技术网 > IT编程>UI设计>PhotoShop > Photoshop设计制作一个热带海洋风格水泡图标

Photoshop设计制作一个热带海洋风格水泡图标

2018年11月06日  | 移动技术网IT编程  | 我要评论

荀子笔,吉林公选,甬道里缓缓律动

作者把图标分为两个大的部分：气泡和景观。气泡部分先做好选区，用透明渐变拉好淡淡渐变色，中间部分手工添加一些高光即可；景观部分直接使用素材，用蒙版等控制范围，局部再处理一下细节即可。
最终效果

photoshop设计制作一个热带海洋风格水泡图标

1、新建大小自定的画布。新建三个图层，分别画出三个中心透明的圆，如下图。

photoshop设计制作一个热带海洋风格水泡图标

2、测试一下，在背景中加入一张图片，就可以看到蓝色的圆，中间部分完全透明的。

photoshop设计制作一个热带海洋风格水泡图标

3、三个圆画好，并叠加在一起，应该是这样。

photoshop设计制作一个热带海洋风格水泡图标
 
4、再给圆的中心和边缘添加一些高光。

photoshop设计制作一个热带海洋风格水泡图标

5、为了便于学习。我们把这两种高光的制作方法详细说明一下。两种高光分为高光1和高光2；高光1是一个半圆环的高光；高光2是一个圆环形的高光。

photoshop设计制作一个热带海洋风格水泡图标

6、高光1的具体做法如下。

photoshop设计制作一个热带海洋风格水泡图标

photoshop设计制作一个热带海洋风格水泡图标
 
7、高光2跟高光1的制作方法类似，唯一的区别是高光1是个半圆环形，高光2是个圆环形，如下图。

photoshop设计制作一个热带海洋风格水泡图标

photoshop设计制作一个热带海洋风格水泡图标

photoshop设计制作一个热带海洋风格水泡图标

8、高光点制作：高光点的做法是利用路径画出高光点的形状，然后填充白色。

photoshop设计制作一个热带海洋风格水泡图标

photoshop设计制作一个热带海洋风格水泡图标

photoshop设计制作一个热带海洋风格水泡图标
 
9、气泡部分已经完成，现在给气泡内增加景观。先定义好参考线，确定水面的深度，颜色自定。

photoshop设计制作一个热带海洋风格水泡图标

10、再画个椭圆，确定好水面的范围。

photoshop设计制作一个热带海洋风格水泡图标

11、然后加上图片素材。

photoshop设计制作一个热带海洋风格水泡图标

photoshop设计制作一个热带海洋风格水泡图标

12、添加图层蒙版。

photoshop设计制作一个热带海洋风格水泡图标

13、还是用这张图截取两块海浪放在水面上，再用橡皮擦擦除多余部分。

photoshop设计制作一个热带海洋风格水泡图标
 
14、用画笔沿着波浪的纹理画，让波浪更立体。

photoshop设计制作一个热带海洋风格水泡图标

15、为半圆涂些深蓝色，让海洋更加立体。

photoshop设计制作一个热带海洋风格水泡图标

16、加入一张海藻的图片，用蒙版控制范围。

photoshop设计制作一个热带海洋风格水泡图标

17、按相同的方法添加鱼类，水泡等，使整个海洋更加生动。

photoshop设计制作一个热带海洋风格水泡图标
 
18、加上岛屿，同样用图层蒙版控制范围。

photoshop设计制作一个热带海洋风格水泡图标

photoshop设计制作一个热带海洋风格水泡图标

19、在气泡下面价格模糊的椭圆。

photoshop设计制作一个热带海洋风格水泡图标

最终效果：

photoshop设计制作一个热带海洋风格水泡图标

您可能感兴趣的文章:

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

相关文章:

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