Photoshop制作立体效果的海洋球图标

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:Zhouyuling909

关键词

Photoshop制作立体效果的海洋球图标

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

Photoshop制作立体效果的海洋球图标

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

Photoshop制作立体效果的海洋球图标

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

Photoshop制作立体效果的海洋球图标

4、再给圆的中心和边缘添加一些高光

Photoshop制作立体效果的海洋球图标

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

Photoshop制作立体效果的海洋球图标

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

Photoshop制作立体效果的海洋球图标

Photoshop制作立体效果的海洋球图标

 收藏