網(wǎng)頁按鈕,設(shè)計常見網(wǎng)頁按鈕實例

2022-12-26 11:08:07 來源/作者: / 己有:21人學習過

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

網(wǎng)頁按鈕,設(shè)計常見網(wǎng)頁按鈕實例

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

網(wǎng)頁按鈕,設(shè)計常見網(wǎng)頁按鈕實例

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

網(wǎng)頁按鈕,設(shè)計常見網(wǎng)頁按鈕實例

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

網(wǎng)頁按鈕,設(shè)計常見網(wǎng)頁按鈕實例

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

網(wǎng)頁按鈕,設(shè)計常見網(wǎng)頁按鈕實例