ps矩形網頁按鈕

2022-12-26 14:20:31 來源/作者: / 己有:8人學習過

效果圖

Photoshop設計金屬質感的網頁按鈕,PS教程,16xx8.com教程網

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

Photoshop設計金屬質感的網頁按鈕,PS教程,16xx8.com教程網

之后,應用下面的圖層樣式到這一層:

內陰影

漸變疊加

Photoshop設計金屬質感的網頁按鈕,PS教程,16xx8.com教程網

Photoshop設計金屬質感的網頁按鈕,PS教程,16xx8.com教程網

您的按鈕應該看起來像我的:

Photoshop設計金屬質感的網頁按鈕,PS教程,16xx8.com教程網

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

Photoshop設計金屬質感的網頁按鈕,PS教程,16xx8.com教程網

 

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

Photoshop設計金屬質感的網頁按鈕,PS教程,16xx8.com教程網

然后返回到標準模式。現在,我們有一些選擇的區域。按刪除所選區域到清晰的圖像。

Photoshop設計金屬質感的網頁按鈕,PS教程,16xx8.com教程網