美文网首页UI设计教程UI设计
【UI设计教程】PS软件绘制闪电UI图标

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

作者: 视觉设计梦 | 来源:发表于2018-02-27 21:40 被阅读11次

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

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

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

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

    如图:

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

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

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

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

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

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

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

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

    最终效果:

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

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

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

    还没有关注的关注下哦~

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/yjhuxftx.html