網頁按鈕,設計常見網頁按鈕實例
2022-12-26 11:08:07
來源/作者: /
己有:21人學習過
現在讓按鈕從背景中突顯出來,添加1 px描邊,顏色為深藍色(#0b2258)。
![網頁按鈕,設計常見網頁按鈕實例](https://img.lvups.com/d/file/bigpic/2022/12/26/2lusrimmkzy.jpg)
為了增加按鈕立體感,添加一個1像素內發光。顏色為白色(#FFFFFF),減少不透明度到30%。
![網頁按鈕,設計常見網頁按鈕實例](https://img.lvups.com/d/file/bigpic/2022/12/26/xrm0lqeha1n.jpg)
現在給按鍵添加雜色,新建圖層,按ctrl+圖層蒙版縮略圖,選擇油漆桶工具,填充顏色為黑色(#000000)。按ctrl+d取消選區。
![網頁按鈕,設計常見網頁按鈕實例](https://img.lvups.com/d/file/bigpic/2022/12/26/yhlbjos4yim.jpg)
選擇濾鏡-雜色-添加雜色,數量為33%。
![網頁按鈕,設計常見網頁按鈕實例](https://img.lvups.com/d/file/bigpic/2022/12/26/mf1sp0vts0z.jpg)
設置圖層混合模式為濾色,不透明度為15%。
![網頁按鈕,設計常見網頁按鈕實例](https://img.lvups.com/d/file/bigpic/2022/12/26/jf4dpawjcz1.jpg)