包含photoshop网站ui设计第2版第四章的词条

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

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

所用软件为：PSCC201* 版本，还没有这个软件的亲们在下面回复哦！

1.先新建一个* 00** 00像素的画布，再填充背景色（填充快捷键：alt+delete），如图：

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

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

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

* .接着绘制一个2* 1*2* 1大小的圆，颜色为H21* S* * B100，为其添加图层样式，如图：

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

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

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

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

最终效果：

声明：本文由 梦梦 原创，转载请注明出处

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

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

还没有关注的关注下哦~