【UI设计教程】PS软件绘制闪电UI图标

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

艺恋优梦
UI设计师 / 广东 广州

来源:视觉设计梦   作者:视觉设计梦

关键词

大家好,欢迎来到视觉设计梦,我是梦梦~

今天给大家写的教程是UI闪电图标教程,也是UI设计界面比较常见的一个图标。

所用软件为:PSCC2018版本,还没有这个软件的亲们在下面回复哦!

1.先新建一个800*800像素的画布,再填充背景色(填充快捷键:alt+delete),

如图:

1.png

2.使用椭圆工具绘制一个450*450像素的圆形,ctrl+j复制一层,再为底层添加投影,如图:

3.给外轮廓稍微增加立体感。先新建空白图层,按着ctrl+alt+g创建剪贴蒙版,再得到刚刚绘制的圆选区,将其缩小10个像素执行shift+ctrl+i反选,填充H310 S4 B62的灰色,最后高斯模糊5个像素左右即可。如图:

3.png

接着还需要添加图层蒙版, 用画笔涂抹掉多余的哦。

3-1.png

4.接着绘制一个251*251大小的圆,颜色为H213 S68 B100,为其添加图层样式,如图:

5.接着是新建图层绘制一个另外的颜色上去形成渐变的效果,如图:

5.png

6.接着再绘制一个210*210像素的圆,颜色H72 S2 B90,圆放中间哦,再为其添加图层样式,如图:

7.再添加上闪电或者你喜欢的按钮,颜色选灰色,添加内阴影和外发光样式,如图:

8.最后一步,做个转折就大功告成。画个小圆角矩形,再得到选区,shift+ctrl+i反选一下,在第五步的图层添加蒙版,稍微用画笔调整细节,如图:

8.png

最终效果:

最终.png

声明:本文由 梦梦 原创,转载请注明出处

学习是一种信仰,喜欢的朋友欢迎收藏转发

有不明白的地方可以留言评论,看到了会及时回复哦



 收藏