最美UI

UI图标设计教程!手把手教你用PS软件绘制闪电图标

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

今天给大家写的教程是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

转载请注明出处

原作者:视觉设计梦 查看原文


微信公众号微信公众号:zuimeiui

扫一扫 关注公众号

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
APP图标:精选APP图标,看看各大app图标的设计风格提升设计感! → 猛戳这里
【原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!】

上一篇
扁平图标设计终极指南
下一篇
品牌设计基因法,如何三步搞定图标设计?!