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

2022-12-26 11:08:07 來(lái)源/作者: / 己有:21人學(xué)習(xí)過(guò)

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

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

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

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

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

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

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

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

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

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