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

2022-12-26 11:08:07 來源/作者: / 己有:21人學(xué)習(xí)過
網(wǎng)頁按鈕,設(shè)計(jì)常見網(wǎng)頁按鈕實(shí)例

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

  打開photoshop,新建空白文檔。

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

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

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

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

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

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

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