首頁技術(shù)文章正文

如何使用ps制作h5圖標(biāo)

更新時(shí)間:2018-01-09 來源:黑馬程序員 瀏覽量:

如何使用ps制作h5圖標(biāo)

最終效果

ps

一、圖標(biāo)構(gòu)型

1、新建一個(gè)1000*1000的畫布 如下圖

ps

2、Ctrl+A,Ctrl+T 然后從標(biāo)尺的刻度上拖出參考線,找到畫布的中心,如下圖

ps

3、選擇圓形工具,按住Alt和shift鍵,在畫布中心繪制一個(gè)正圓形;

ps

4、再次繪制一個(gè)沿中心的圓形;

ps

5、將h5圖標(biāo)文件打開,放到當(dāng)前畫布中,如下圖;

ps

6、將背景層填充暗色,Alt+delete如下圖;

ps

二、添加圖層樣式

1、選擇底座圖層,點(diǎn)擊FX按鈕,選擇斜面和浮雕及漸變疊加及投影,設(shè)置參數(shù)如下

ps

ps

ps

2、選擇第二圓形圖層,按住Alt鍵拖動(dòng)底座層的FX按鈕到第二個(gè)圓形上,修改參數(shù)如下:

ps
ps

2、選擇h5圖標(biāo)圖層,添加內(nèi)凹樣式;

ps

ps


本文版權(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/


分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!