手把手教你设计一个云储存小图标

UI / UI设计教程 / UI图标教程 /      

暮光之城
UI设计师 / 广东 广州

来源:uimaker.com   作者:暮光之城

关键词

首先,上个美美的效果图哦!

666.jpg

1、建立一个680*520像素的画布,颜色随意

01.JPG

2、用椭圆工具画一个240*240像素的圆,添加图层样式

02.JPG

03.JPG

04.JPG

然后得出下面的效果

05.JPG

3、再用椭圆工具画一个200*200像素的圆,添加图层样式

06.JPG

07.JPG

08.JPG

09.JPG

添加完样式后和第一个圆居中对齐,效果如下

10.JPG

4、再利用椭圆工具画一个120*120的内圆,图层样式如下

12.JPG

13.JPG

14.JPG

15.JPG

添加完样式后和第二个圆居中对齐,效果如下

16.JPG

5、Ctrl+J复制第一个圆,然后按住SHIFT键建一个200*200的圆,然后利用布尔运算切出下面的圆环,最终效果如下,关于圆环可以扫描下面的二维码关注公众号回复“半圆环”来详细学习

17.JPG

6、最后加上一个小云朵,小云朵也是用布尔运算画出,画法可以扫描下面的二维码关注公众号回复“小云朵”获取

18.JPG

最后调整背景颜色

666.jpg

总结:本教程的重点是掌握布尔运算来画出各种不同的形状,同时加深光影效果的运用,有关布尔运算可以关注本公众号回复“布尔运算”来学习哦!

9986.jpg


 收藏