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

ps制作質(zhì)感導(dǎo)航按鈕

來源:ps教程論壇 作者:找不到 學(xué)習(xí):693人次

  本教程將詳細介紹如何使用Photoshop制作出漂亮的導(dǎo)航按鈕。

  最終效果圖


圖00


圖01

  1、打開photoshop,然后新建一個文檔250*150,并填充背影:#252a38。


圖02

  2、在工具箱上選擇橢圓圖標(biāo)并設(shè)置如圖。


圖03

  3、新建一個圖層,然后填充一個顏色。


圖04

  4、在調(diào)色板上設(shè)置如下。


圖05

  5、使用漸變拉出線性漸變,漸變效果如下。


圖06

  6、雙擊圖層,打開圖層樣式,給圖層添加陰影和描邊,參數(shù)及效果如下圖。


圖07


圖08


圖09

  7、在工具箱上選擇加深和減淡工具,設(shè)置如圖。


圖10

  8、然后在圖所標(biāo)識的地方,涂沫如下。


圖11


圖12

  9、選擇橢圓選區(qū),作出效果如下。


圖13

  10、添加漸變,設(shè)置如圖,從上而下線性漸變。


圖14

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

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

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

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