学UI不求人，PS绘制闪电UI图标8步教程，简明易懂

想必很多人想学习UI设计，却苦于无从下手吧？毕竟UI设计涉及到的软件是比较多的。

PS、AI、AE、Axure RP、flash、Sketch等，如果学习的时候依次找相应的教程学，会非常浪费时间。

比如：为了把PS学会，要学工具、抠图、调色、图层样式等；为了把AE学会，要学粒子、学各种特效等......

今天和大家分享的是闪电图标教程，也是UI设计图标中比较常见的一种。

①

首先新建一个800*800像素的画布，再填充背景色（填充快捷键：alt+delete），

看图：

②

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

如图：

③

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

如图：

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

④

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

如图：

⑤

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

如图：

⑥

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

如图：

⑦

再添加上闪电或者你喜欢的按钮，颜色选灰色，添加内阴影和外发光样式

如图：

⑧

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

如图：

最终效果：

如果你喜欢，可以收藏转发哦！

创想广告设计制作-一站解决产品包装定制需求，17年经验/源工厂

分享标题：学UI不求人，PS绘制闪电UI图标8步教程，简明易懂
分享路径：https://www.syh-b.com/qtweb/news42/606292.html

圣合创意、聚焦快消品商业设计品牌整合设计14年；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 圣合创意