想必很多人想學(xué)習(xí)UI設(shè)計,卻苦于無從下手吧?畢竟UI設(shè)計涉及到的軟件是比較多的。
PS、AI、AE、Axure RP、flash、Sketch等,如果學(xué)習(xí)的時候依次找相應(yīng)的教程學(xué),會非常浪費時間。
比如:為了把PS學(xué)會,要學(xué)工具、摳圖、調(diào)色、圖層樣式等;為了把AE學(xué)會,要學(xué)粒子、學(xué)各種特效等......
今天和大家分享的是閃電圖標教程,也是UI設(shè)計圖標中比較常見的一種。
①
首先新建一個800*800像素的畫布,再填充背景色(填充快捷鍵:alt+delete),
看圖:
②
使用橢圓工具繪制一個450*450像素的圓形,ctrl+j復(fù)制一層,再為底層添加投影
如圖:
③
給外輪廓稍微增加立體感。先新建空白圖層,按著ctrl+alt+g創(chuàng)建剪貼蒙版,再得到剛剛繪制的圓選區(qū),將其縮小10個像素執(zhí)行shift+ctrl+i反選,填充H310 S4 B62的灰色,最后高斯模糊5個像素左右即可。
如圖:
接著還需要添加圖層蒙版, 用畫筆涂抹掉多余的哦。
④
接著繪制一個251*251大小的圓,顏色為H213 S68 B100,為其添加圖層樣式
如圖:
⑤
接著是新建圖層繪制一個另外的顏色上去形成漸變的效果
如圖:
⑥
接著再繪制一個210*210像素的圓,顏色H72 S2 B90,圓放中間哦,再為其添加圖層樣式
如圖:
⑦
再添加上閃電或者你喜歡的按鈕,顏色選灰色,添加內(nèi)陰影和外發(fā)光樣式
如圖:
⑧
最后一步,做個轉(zhuǎn)折就大功告成。畫個小圓角矩形,再得到選區(qū),shift+ctrl+i反選一下,在第五步的圖層添加蒙版,稍微用畫筆調(diào)整細節(jié)
如圖:
最終效果:
如果你喜歡,可以收藏轉(zhuǎn)發(fā)哦!
匯包裝-一站解決產(chǎn)品包裝定制需求,17年經(jīng)驗/源工廠
往期精彩:產(chǎn)品包裝|才華橫溢的酒包裝設(shè)計,潮流趨勢的代表,年輕人的最愛
包裝定制|跨越國度與經(jīng)緯度的海鮮產(chǎn)品包裝設(shè)計,感受不同的地域特色
食品包裝盒|六組食品包裝設(shè)計集錦,顏值控們有福了
包裝設(shè)計風格|2021年最全的包裝設(shè)計風格匯總
3分鐘學(xué)習(xí)2018最流行的漸變平面設(shè)計,PS漸變新玩法教程