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

PS網(wǎng)頁設(shè)計教程:制作網(wǎng)頁水晶按鈕

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


作者:佚名   出處:PS教程網(wǎng)

核心提示: 在制作網(wǎng)頁的過程中網(wǎng)頁的按鈕不容忽視,網(wǎng)頁的按鈕一直以來是一個老生常談的話題。本教程教你如何制作水晶按鈕,主題的意思是要把按鈕的高光和暗調(diào)調(diào)和諧!
最終出來的效果圖如下:

1.新建一個300 * 200像素的文件,定義圓角矩形大小為250 * 120 
 

2.復(fù)制圓角矩形圖層并縮小 
 

3.給底部圓角矩形加個漸變疊加,這里具體顏色頭可以先不管,是同一色相調(diào)整不同明度就可以了。 
 

4.這是是具體的簡便顏色設(shè)置 
 

5.給上邊的矩形添加樣式 
 


6.設(shè)置前景顏色為白色,用橢圓工具畫出如圖形狀并設(shè)置不透明度為50%,操作如下圖 
 

7.載入上部矩形為選區(qū)并新建圖層用白色描邊,并給該圖層添加一個蒙版用漸變工具作出下圖效果 
 

8.隱藏背景圖層,蓋印圖層,并用自由變換工具做成倒影。 
 

9.加上你想要加入的文字。 
 

10.最后添加一個色相飽和度可以調(diào)成自己喜愛的顏色。 
 

最后最終的效果圖如教程剛開始的圖片,,這個按鈕是一個還有質(zhì)感的按鈕



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

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

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

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