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

ps制作好看的網(wǎng)頁按鈕教程(2)

來源:站酷 作者:limiy 學(xué)習(xí):6144人次

現(xiàn)在讓按鈕從背景中突顯出來,添加1 px描邊,顏色為深藍色(#0b2258)。

Photoshop制作好看的網(wǎng)頁按鈕教程,PS教程,16xx8.com教程網(wǎng)

為了增加按鈕立體感,添加一個1像素內(nèi)發(fā)光。顏色為白色(#FFFFFF),減少不透明度到30%。

Photoshop制作好看的網(wǎng)頁按鈕教程,PS教程,16xx8.com教程網(wǎng)

現(xiàn)在給按鍵添加雜色,新建圖層,按ctrl+圖層蒙版縮略圖,選擇油漆桶工具,填充顏色為黑色(#000000)。按ctrl+d取消選區(qū)。

Photoshop制作好看的網(wǎng)頁按鈕教程,PS教程,16xx8.com教程網(wǎng)

選擇濾鏡-雜色-添加雜色,數(shù)量為33%。

Photoshop制作好看的網(wǎng)頁按鈕教程,PS教程,16xx8.com教程網(wǎng)

設(shè)置圖層混合模式為濾色,不透明度為15%。

Photoshop制作好看的網(wǎng)頁按鈕教程,PS教程,16xx8.com教程網(wǎng)

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

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

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

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