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

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

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

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

最終效果

ps

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

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

ps

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

ps

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

ps

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

ps

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

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/


分享到:

Java培訓(xùn)班課程javaee

Python培訓(xùn)機(jī)構(gòu)python大數(shù)據(jù)

web前端培訓(xùn)課程升級(jí)V8.5web

AI+設(shè)計(jì)培訓(xùn)課程ui

大數(shù)據(jù)培訓(xùn)課程cloud

軟件測(cè)試培訓(xùn)課程test

c

新媒體運(yùn)營(yíng)培訓(xùn)netmarket

產(chǎn)品經(jīng)理培訓(xùn)課程pm

linux培訓(xùn)Linux

movies

智能機(jī)器人培訓(xùn)robot

電商視覺(jué)設(shè)計(jì)課程uids

AI

集成電路應(yīng)用開(kāi)發(fā)(嵌入式)培訓(xùn)課程jdbc

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