1，首先新建一個圓角矩形，這里圓角為70px(可根據(jù)個人自定)，并填充為淺灰色（#e3e3e3）這個為按鈕的最底部。
2，首先分析效果圖中按鈕底部的一個樣式，首先有立體感，那我們添加斜面與浮雕，陰影顏色#838383
3，立體感沒有很強，那么我們可以為其添加內(nèi)陰影效果，增加立體感。
4，接著我們在復(fù)制一下圓角矩形并把這個圓角矩形的樣式都刪除，然后 ctrl+T適當(dāng)縮小和壓縮。
因為圓角矩形受到調(diào)整，圓角半徑會受到影響變化，我們可以根據(jù)最底的圓角矩形做適當(dāng)?shù)恼{(diào)整（案例的半徑不變，還是70px）。
然后復(fù)制多兩個調(diào)整好的圓角矩形，根據(jù)案例適當(dāng)間距錯開，并用不同顏色先區(qū)分，代表按鈕，厚度和陰影。
5，首先我們處理按鈕，先處理效果，添加漸變色、內(nèi)發(fā)光和描邊。
描邊顏色為#0082d5
內(nèi)發(fā)光顏色為白色，不透明度可根據(jù)個人感覺適當(dāng)調(diào)整。
漸變顏色為#36afff、#007fcf。
效果：
6，接著新建幾個矩形并旋轉(zhuǎn)適當(dāng)角度，調(diào)整羽化值2.5像素，剪切蒙版在按鈕矩形里，并調(diào)整不透明度20%。
7，然后我們新建一個圓角矩形（純圓角）
Ctrl+T，鼠標(biāo)右擊點擊選中矩形，選擇透視，然后點擊右下角的錨點向右移動到合適位置。
多復(fù)制一個，然后clrt+T,右擊選擇垂直翻轉(zhuǎn)，并放到按鈕下方，再clrt+T，按住鍵盤左下角alt，向中間縮放一丟丟。
接著點擊矩形，在屬性面板將羽化值調(diào)到參數(shù)3，不透明度20，混合模式為疊加。
在圖層中點擊選中矩形，在面板下方創(chuàng)建蒙版，然后點擊選中矩形右邊的蒙版。
快捷鍵B畫筆工具，用虛邊畫筆大小90px，前景色為黑色，畫筆不透明度50%，在矩形邊緣輕微涂抹，讓過度更自然。
8，新建圖層，用剛才畫筆工具（不透明100%，畫筆大小200px），前景色#00b4ff，在畫布中間點擊一下，然后clrt+T，向下壓縮成線條狀，移動至按鈕矩形的上方，再復(fù)制一個在按鈕下方，混合模式為疊加。
9，按鈕部分完成，接著我們處理厚度和陰影部分，厚度顏色#155b89。陰影部分為填充黑色，不透明度為45。
10，接著我們給按鈕添加對應(yīng)文字，并添加內(nèi)陰影，漸變和投影，得到下面效果。
調(diào)整參數(shù)：
11，最后我們把最底部的底添補上外發(fā)光效果
完成！
聯(lián)系客服
