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

用ps制作高光多媒體按鈕(10)

來源:一起ps 作者:一起ps吧 學(xué)習(xí):500人次

本教程學(xué)習(xí)如何用photoshop的自定義形狀工具和圖層樣式制作高光多媒體按鈕,先看效果圖。

新建文檔1280x1024像素,背景白色,建新層填充黑色,添加圖層樣式。

效果如下。

建新層,畫一個白色橢圓。

高斯模糊35像素,添加圖層樣式。

Ctrl+T拉長一些,圖層不透明度25%。

建新層,畫一個黑色橢圓。

添加圖層樣式。

效果如下。

建新層,用黑色柔角筆刷涂抹按鈕底部,適當(dāng)高斯模糊一下。

添加圖層樣式,效果如下。

建新層,調(diào)出大圓選區(qū),填充白色。

去掉選區(qū),ctrl+T縮小些,往上挪一段距離。

回車確認(rèn)變形,調(diào)出這個復(fù)制圓的選區(qū),選擇橢圓工具按住alt和shift鍵,得到交集選區(qū)。

反選刪除。

添加蒙版,黑白直線漸變,我們會得到類似下圖的效果。

建新層,用鋼筆畫如下路徑轉(zhuǎn)為選區(qū),填充白色,圖層不透明度17%。

建新層,用同樣的方法畫出底部的月牙圖形,填充c9fc00,圖層不透明度25%。

建新層,畫出黑色播放圖標(biāo)。

添加圖層樣式。

效果如下。

合并所有圖標(biāo)層,復(fù)制一層,ctrl+T垂直翻轉(zhuǎn)挪到底部,高斯模糊一下,添加蒙版,黑白直線漸變。

最后添加一個陰影,最終效果如下。

同樣方法做出其它按鈕,效果如下。(教程是昨天做的,今天又做了一次,截圖可能會不太一樣,但基本過程是一致的)

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
好想上天2018-07-04 09:45
32個贊
西北情哥2017-05-27 04:26
瓊鬼year2017-05-27 04:26
風(fēng)隨愿我2017-05-27 04:26
破魔大帝2017-05-27 04:26
沒電72017-05-27 04:26

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

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