更新時(shí)間:2018年01月09日15時(shí)38分 來(lái)源:傳智播客 瀏覽次數(shù):
如何使用ps制作h5圖標(biāo)
最終效果
一、圖標(biāo)構(gòu)型
1、新建一個(gè)1000*1000的畫布 如下圖
2、Ctrl+A,Ctrl+T 然后從標(biāo)尺的刻度上拖出參考線,找到畫布的中心,如下圖
3、選擇圓形工具,按住Alt和shift鍵,在畫布中心繪制一個(gè)正圓形;
4、再次繪制一個(gè)沿中心的圓形;
5、將h5圖標(biāo)文件打開(kāi),放到當(dāng)前畫布中,如下圖;
6、將背景層填充暗色,Alt+delete如下圖;
二、添加圖層樣式
1、選擇底座圖層,點(diǎn)擊FX按鈕,選擇斜面和浮雕及漸變疊加及投影,設(shè)置參數(shù)如下
2、選擇第二圓形圖層,按住Alt鍵拖動(dòng)底座層的FX按鈕到第二個(gè)圓形上,修改參數(shù)如下:
2、選擇h5圖標(biāo)圖層,添加內(nèi)凹樣式;
UI設(shè)計(jì):3分鐘利用Photoshop制作五彩星軌
2017-11-29設(shè)計(jì)必備技能:3分鐘讓模糊圖片更清晰
2017-11-29UI設(shè)計(jì):關(guān)于平面設(shè)計(jì)鑒賞思路總結(jié)
2017-11-21傳智播客UI/UE綜合設(shè)計(jì)師學(xué)科更名通知
2017-07-18UI培訓(xùn)之APP項(xiàng)目中的切圖和標(biāo)注規(guī)范(三)
2016-09-30UI培訓(xùn)之APP項(xiàng)目中的切圖和標(biāo)注規(guī)范(二)
2016-09-30北京校區(qū)