當前位置:首頁>ps實例教程>ps網頁設計>按鈕圖標>教程內容

Photoshop制作精美的網頁按鈕教程

來源:未知 作者:bbs.16xx8.com 學習:188人次


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

先看效果圖。

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

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

效果如下圖所示。

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


 


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

效果如下圖所示。

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

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

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

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



學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!