包含photoshop網(wǎng)站ui設計第2版第四章的詞條

大家好，歡迎來(lái)到視覺(jué)設計夢(mèng)，我是夢(mèng)夢(mèng)~(yú)

今天給大家寫(xiě)的教程是UI閃電圖標教程，也是UI設計界面比較常見(jiàn)的一個(gè)圖標。

所用軟件為：PSCC201* 版本，還沒(méi)有這個(gè)軟件的親們在下面回復哦！

1.先新建一個(gè)* 00** 00像素的畫(huà)布，再填充背景色（填充快捷鍵：alt+delete），如圖：

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

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

接著(zhù)還需要添加圖層蒙版， 用畫(huà)筆涂抹掉多余的哦。

* .接著(zhù)繪制一個(gè)2* 1*2* 1大小的圓，顏色為H21* S* * B100，為其添加圖層樣式，如圖：

* .接著(zhù)是新建圖層繪制一個(gè)另外的顏色上去形成漸變的效果，如圖：

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

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

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

最終效果：

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

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

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

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