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

用ps制作web2.0黑色按鈕(5)

來源:一起ps 作者:一起ps吧 學習:1028人次

本教程介紹如何用photoshop制作一個web2.0質(zhì)感黑色按鈕,主要用到了自定義形狀工具的圓角矩形和圖層樣式,先看效果圖。

新建文檔250x150像素,背景白色,建新層,畫一個黑色圓角矩形。

添加描邊樣式。

建新層,做一矩形選區(qū),填充白色,圖層不透明度25%,與形狀1層形成剪貼蒙版。

點擊紅框內(nèi)的圖標,新建圖案填充調(diào)整層,選擇下圖所示的圖案。

形成剪貼蒙版,圖層不透明度10%左右。

合并除背景之外的所有層,復制一個,ctrl+T垂直翻轉(zhuǎn),位置如下。

添加圖層樣式。

圖層不透明度50%,輸入白色文字,最終效果如下。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
一往情深2018-07-05 08:11
有點不好弄
布拉德皮蛋2017-05-28 07:12
謝樓主,教程寫的很詳細,希望樓主能做出更多更好的教程
溜由轉(zhuǎn)2017-05-28 03:06
我也學習一下,做了半天就做不出來
紅酒_冰塊2017-05-28 02:36
好象好多東西還是不理解啊
晶彩人生go2017-05-28 02:20
還要學習學習啊
夜風話凄涼2017-05-28 01:59
有視頻就好了
我是潛水的2017-05-28 12:00
學習了一下
靚仔喃first2017-05-27 11:58
這個教程很有問題步驟不夠清晰
愛你成夢2017-05-27 08:19
效果很好~~~~~~~~支持你
十年九不遇2017-05-27 05:53
頂一下
保險君2017-05-27 05:00
要視頻
麥兜好糾結(jié)2017-05-27 12:14
學習了看看行嗎?
深血坦2017-05-27 10:38
有點不好弄

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

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