想必很多人想學習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反選一下，在第五步的圖層添加蒙版，稍微用畫筆調整細節
如圖：
最終效果：
如果你喜歡，可以收藏轉發哦！
藉此緣分您點擊下方“瞭解更多”，匯包裝平臺一分鐘就給到您產品的包裝預算，萬款案例讓您快速做出決策，最快看到樣品及量產所需時間，您產品銷量暴增開始！
閱讀更多 匯包裝 的文章
