當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

圖標(biāo)設(shè)計,用PS制作金屬質(zhì)感圖標(biāo)

來源:站酷 作者:喜羊羊愛平底鍋 學(xué)習(xí):26672人次

本篇教程通過PS制作金屬質(zhì)感圖標(biāo),圖標(biāo)教程做過許多,不知道同學(xué)們學(xué)的如何,本篇教程很簡單,同學(xué)們也可以做其他顏色的,整個教程通過圖層樣式進行制作,再添加上效果,通過濾鏡中的添加雜色做出拉絲效果,整個圖標(biāo)看起來會更有質(zhì)感,感興趣的同學(xué)們可以跟著教程制作一下。

效果圖:

圖標(biāo)設(shè)計,用PS制作金屬質(zhì)感圖標(biāo)_m.tgudhdp.cn

操作步驟:

1.首先新建畫布,以500*500px為案例

圖標(biāo)設(shè)計,用PS制作金屬質(zhì)感圖標(biāo)_m.tgudhdp.cn

2.新建畫布之后我們開始創(chuàng)作圖標(biāo),首先建立圓角矩形,按住shift鍵畫一個正圓角,右側(cè)屬性欄調(diào)整圓角大小

圖標(biāo)設(shè)計,用PS制作金屬質(zhì)感圖標(biāo)_m.tgudhdp.cn圖標(biāo)設(shè)計,用PS制作金屬質(zhì)感圖標(biāo)_m.tgudhdp.cn

3.開始制作金屬質(zhì)感顏色,用漸變實現(xiàn)金屬質(zhì)感

圖標(biāo)設(shè)計,用PS制作金屬質(zhì)感圖標(biāo)_m.tgudhdp.cn
m.tgudhdp.cn

漸變色值參數(shù):#ffffff #454545 #a3a3a3

4.現(xiàn)在底層金屬質(zhì)感已經(jīng)出來了,接下來就是拉絲效果的制作了

(1)新建圖層剪切到剛制作的金屬質(zhì)感圖層,填充白色(任意色都可以)

(2)將做好的金屬質(zhì)感圖層?xùn)鸥窕瘓D層樣式(此操作是為了能讓后面的拉絲質(zhì)感可以顯示出來)

圖標(biāo)設(shè)計,用PS制作金屬質(zhì)感圖標(biāo)_m.tgudhdp.cn

(3)在新建立的圖層上面添加效果,執(zhí)行“濾鏡”-“雜色”-“添加雜色”(必須執(zhí)行此步驟,不然拉絲效果顯示不出來),

添加雜色越多后期效果越明顯

圖標(biāo)設(shè)計,用PS制作金屬質(zhì)感圖標(biāo)_m.tgudhdp.cn

(4)繼續(xù)執(zhí)行“濾鏡”-“模糊”-“動感模糊”,模糊方向可以自定,模糊距離越大還是效果更明顯,

圖標(biāo)設(shè)計,用PS制作金屬質(zhì)感圖標(biāo)_m.tgudhdp.cn

(5)最后一步就是調(diào)整圖層樣式就可以了

圖標(biāo)設(shè)計,用PS制作金屬質(zhì)感圖標(biāo)_m.tgudhdp.cn

我這里調(diào)整的是濾色,小伙伴可以自行選擇,漸變也可以根據(jù)實際情況進行調(diào)整

完成:

圖標(biāo)設(shè)計,用PS制作金屬質(zhì)感圖標(biāo)_m.tgudhdp.cn

同學(xué)們可以跟著教程做一下,整體還是比較簡單的。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
vipower20082020-04-23 09:45
我的作業(yè):

查查2020-04-23 05:56
烏克蘭拖拉機史2020-04-22 08:45

查查2020-04-22 12:30
烏克蘭拖拉機史 發(fā)表于 2020-4-21 23:19
我的作業(yè):
重新傳一次吧,現(xiàn)在可以上傳了
烏克蘭拖拉機史2020-04-21 11:19
我的作業(yè):
烏克蘭拖拉機史2020-04-21 11:15
我的作業(yè):
Elyvan2020-04-20 10:10
我的作業(yè):

林林苗2020-04-16 03:33
我的作業(yè):

沉眠之地2019-02-14 10:26
非常好
夶掱牽尐掱2018-08-02 01:17
學(xué)習(xí)學(xué)習(xí)~~~~
凡塵有淚2018-08-01 01:18
看看學(xué)下下!
凡塵有淚2018-08-01 01:18
看看學(xué)下下!!
麗麗2018-08-01 11:10
32個贊
苗條的妞兒2018-08-01 01:46
簽到

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!