大家好，歡迎來到視覺設(shè)計夢，我是夢夢~

今天給大家寫的教程是UI閃電圖標(biāo)教程，也是UI設(shè)計界面比較常見的一個圖標(biāo)。

所用軟件為：PSCC2018版本，還沒有這個軟件的親們在下面回復(fù)哦！

1.先新建一個800*800像素的畫布，再填充背景色（填充快捷鍵：alt+delete），

如圖：

2.使用橢圓工具繪制一個450*450像素的圓形，ctrl+j復(fù)制一層，再為底層添加投影，如圖：

3.給外輪廓稍微增加立體感。先新建空白圖層，按著ctrl+alt+g創(chuàng)建剪貼蒙版，再得到剛剛繪制的圓選區(qū)，將其縮小10個像素執(zhí)行shift+ctrl+i反選，填充H310 S4 B62的灰色，最后高斯模糊5個像素左右即可。如圖：

接著還需要添加圖層蒙版， 用畫筆涂抹掉多余的哦。

4.接著繪制一個251*251大小的圓，顏色為H213 S68 B100，為其添加圖層樣式，如圖：

5.接著是新建圖層繪制一個另外的顏色上去形成漸變的效果，如圖：

6.接著再繪制一個210*210像素的圓，顏色H72 S2 B90，圓放中間哦，再為其添加圖層樣式，如圖：

7.再添加上閃電或者你喜歡的按鈕，顏色選灰色，添加內(nèi)陰影和外發(fā)光樣式，如圖：

8.最后一步，做個轉(zhuǎn)折就大功告成。畫個小圓角矩形，再得到選區(qū)，shift+ctrl+i反選一下，在第五步的圖層添加蒙版，稍微用畫筆調(diào)整細節(jié)，如圖：

最終效果：

聲明：本文由 夢夢 原創(chuàng)，轉(zhuǎn)載請注明出處

學(xué)習(xí)是一種信仰，喜歡的朋友歡迎收藏轉(zhuǎn)發(fā)

有不明白的地方可以留言評論，看到了會及時回復(fù)哦

還沒有關(guān)注的關(guān)注下哦~