更新時(shí)間:2018-01-09 來(lái)源:黑馬程序員 瀏覽量:
如何使用ps制作h5圖標(biāo)
最終效果
一、圖標(biāo)構(gòu)型
1、新建一個(gè)1000*1000的畫(huà)布 如下圖
2、Ctrl+A,Ctrl+T 然后從標(biāo)尺的刻度上拖出參考線,找到畫(huà)布的中心,如下圖
3、選擇圓形工具,按住Alt和shift鍵,在畫(huà)布中心繪制一個(gè)正圓形;
4、再次繪制一個(gè)沿中心的圓形;
5、將h5圖標(biāo)文件打開(kāi),放到當(dāng)前畫(huà)布中,如下圖;
6、將背景層填充暗色,Alt+delete如下圖;
二、添加圖層樣式
1、選擇底座圖層,點(diǎn)擊FX按鈕,選擇斜面和浮雕及漸變疊加及投影,設(shè)置參數(shù)如下
2、選擇第二圓形圖層,按住Alt鍵拖動(dòng)底座層的FX按鈕到第二個(gè)圓形上,修改參數(shù)如下:
2、選擇h5圖標(biāo)圖層,添加內(nèi)凹樣式;
本文版權(quán)歸黑馬程序員UI設(shè)計(jì)綜合設(shè)計(jì)師學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請(qǐng)注明作者出處。謝謝!
作者:黑馬程序員UI設(shè)計(jì)綜合設(shè)計(jì)師培訓(xùn)學(xué)院
首發(fā):http://ui.itheima.com/
UI設(shè)計(jì)之色彩的心理效應(yīng)
2018-01-09UI設(shè)計(jì):簡(jiǎn)單學(xué)會(huì)視覺(jué)改版的幾種方法
2017-12-26UI綜合設(shè)計(jì):如何以開(kāi)發(fā)的視角做設(shè)計(jì)?
2017-12-26UI設(shè)計(jì):如何在Axure中,用動(dòng)態(tài)面板實(shí)現(xiàn)banner的輪播效果
2017-11-29Photoshop快捷鍵大全
2017-11-29UI設(shè)計(jì):3分鐘利用Photoshop制作五彩星軌
2017-11-29