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

2022-12-26 11:08:07 來(lái)源/作者： / 己有：21人學(xué)習(xí)過(guò)
網(wǎng)頁(yè)按鈕，設(shè)計(jì)常見(jiàn)網(wǎng)頁(yè)按鈕實(shí)例

　　使用混合模式和遮罩效果制作網(wǎng)頁(yè)按鈕

　　打開(kāi)photoshop，新建空白文檔。

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

　　為了不讓白色背景看起來(lái)乏味，增加一個(gè)漸變疊加效果。漸變顏色為# f3f3f3到# c6c6c6。

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

　　選擇圓角矩形工具，創(chuàng)建按鈕的的主要形狀，半徑為5 px。

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

　　添加漸變疊加圖層樣式。漸變顏色從#0d3079到#557bc9。

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