ps矩形網(wǎng)頁按鈕

2022-12-26 14:20:31 來源/作者: / 己有:8人學(xué)習(xí)過

效果圖

Photoshop設(shè)計金屬質(zhì)感的網(wǎng)頁按鈕,PS教程,16xx8.com教程網(wǎng)

讓我們開始!創(chuàng)建一個新的文件,本ps教程分辨率為500×300,填補這個白色畫布。然后選擇圓角矩形工具(半徑30像素)繪制一個形狀使用#d61d23的顏色。

Photoshop設(shè)計金屬質(zhì)感的網(wǎng)頁按鈕,PS教程,16xx8.com教程網(wǎng)

之后,應(yīng)用下面的圖層樣式到這一層:

內(nèi)陰影

漸變疊加

Photoshop設(shè)計金屬質(zhì)感的網(wǎng)頁按鈕,PS教程,16xx8.com教程網(wǎng)

Photoshop設(shè)計金屬質(zhì)感的網(wǎng)頁按鈕,PS教程,16xx8.com教程網(wǎng)

您的按鈕應(yīng)該看起來像我的:

Photoshop設(shè)計金屬質(zhì)感的網(wǎng)頁按鈕,PS教程,16xx8.com教程網(wǎng)

現(xiàn)在,時間,使反射按鈕。使用Ctrl + J鍵復(fù)制當(dāng)前層,然后創(chuàng)建一個新的,然后將其翻轉(zhuǎn)復(fù)制的圖層,得到一個層中的所有圖層樣式。之后,翻轉(zhuǎn),垂直與編輯>變換>垂直翻轉(zhuǎn)上我的照片下面:

Photoshop設(shè)計金屬質(zhì)感的網(wǎng)頁按鈕,PS教程,16xx8.com教程網(wǎng)

 

為了使反射更透明的底部的圖片適用于快速蒙版模式,梯度如下:

Photoshop設(shè)計金屬質(zhì)感的網(wǎng)頁按鈕,PS教程,16xx8.com教程網(wǎng)

然后返回到標(biāo)準(zhǔn)模式?,F(xiàn)在,我們有一些選擇的區(qū)域。按刪除所選區(qū)域到清晰的圖像。

Photoshop設(shè)計金屬質(zhì)感的網(wǎng)頁按鈕,PS教程,16xx8.com教程網(wǎng)