Photoshop制作精美的網(wǎng)頁按鈕教程(3)

來源:未知 作者:bbs.16xx8.com 學(xué)習(xí):188人次


作者:佚名   出處: 作者:河馬

先看效果圖。

1、新建文檔,尺寸自定,背景白色,建新層,畫一黑色圓角矩形。

2、分別添加投影、描邊這兩個(gè)圖層樣式。

效果如下圖所示。

3、創(chuàng)建一個(gè)新圖層,使用圓角矩形工具制作一個(gè)小一點(diǎn)的白色矩形,你可以使用自由變換調(diào)整它的大小和位置,如圖所示。


 


4、為白色的圓角矩形添加投影、內(nèi)陰影、漸變疊加和描邊這幾種圖層樣式,如圖所示。

效果如下圖所示。

5、新建一個(gè)圖層,按下Ctrl鍵單擊白色矩形圖層的縮略圖載入選區(qū),并填充黑色,然后用鋼筆工具制作出下圖所示的路徑,然后按Ctrl+Enter把選區(qū)轉(zhuǎn)化為路徑,再添加一個(gè)圖層蒙版,如圖所示。

6、設(shè)置圖層混合模式為“柔光”,不透明度為70%,如圖所示。

8、背景填充黑色,然后使用文字工具輸入一些文字,并為文字圖層添加外發(fā)光圖層樣式,如圖所示。

9、多復(fù)制幾個(gè)按鈕,并添加不同的文字,最終效果如下圖所示。



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

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

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

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