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

圖標(biāo)設(shè)計,用PS制作一款簡單的按鈕圖標(biāo)

來源:站酷 作者:PS設(shè)計師西瓜 學(xué)習(xí):5381人次

教程通過PS制作一款小按鈕,整個教程比較簡單,通過圖層樣式的一些設(shè)置來進行操作,添加一些陰影和文字,就可以把效果做出來,聽上去就簡單,那么通過教程來學(xué)習(xí)一下吧,PS教程就是要一直練習(xí),才可以學(xué)的越來越好,不能只看教程,要動手練習(xí)喲,一起來做一下吧。

效果圖:

圖標(biāo)設(shè)計,用PS制作一款簡單的按鈕圖標(biāo)_theoat.com.cn

操作步驟:

第一步新建一個文檔,顏色填充為黑色,新建一個圖層,然后選擇橢圓選框工具,按住shift鍵建立一個圓形選區(qū)

圖標(biāo)設(shè)計,用PS制作一款簡單的按鈕圖標(biāo)_theoat.com.cn

設(shè)置一個前景色和背景色(顏色自定)的漸變填充,填充類型方式為徑向漸變,如下圖

圖標(biāo)設(shè)計,用PS制作一款簡單的按鈕圖標(biāo)_theoat.com.cn

打開圖層樣式,選中【斜面和浮雕】和【描邊】進行設(shè)置,具體數(shù)值如下圖

圖標(biāo)設(shè)計,用PS制作一款簡單的按鈕圖標(biāo)_theoat.com.cn

圖標(biāo)設(shè)計,用PS制作一款簡單的按鈕圖標(biāo)_theoat.com.cn

接下來新建一個圖層,用橢圓選框工具建立一個小選區(qū),調(diào)整好位置,然后前景色填充,圖層樣式選擇濾色,降低透明度,具體數(shù)值如下圖

圖標(biāo)設(shè)計,用PS制作一款簡單的按鈕圖標(biāo)_theoat.com.cn

然后我們也可以加上合適的文字和圖形,新建一個圖層,用筆刷或者多邊形工具都可以制作一個圖形,這里我用筆刷畫了一個楓葉,調(diào)整了一下透明度

圖標(biāo)設(shè)計,用PS制作一款簡單的按鈕圖標(biāo)_theoat.com.cn

添加一個合適的文字,非常的簡單,一個按鈕就制作完成了

圖標(biāo)設(shè)計,用PS制作一款簡單的按鈕圖標(biāo)_theoat.com.cn

完成:

圖標(biāo)設(shè)計,用PS制作一款簡單的按鈕圖標(biāo)_theoat.com.cn

是不是很簡單呢,通過教程來學(xué)習(xí)一下吧。

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

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

Elyvan2020-04-17 05:49
我的作業(yè):

史樂云2020-01-09 02:41
我的作業(yè):

zhang808shen2019-12-05 03:07
我的作業(yè):

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

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