漸層面的按鈕-Photoshop教學

漸層面的按鈕-Photoshop教學

2015/05/28 網路技術交流

嗨,本教程中我們將看到如何在Photoshop中創建按鈕,漸層並不困難,做了一些練習,就可以產生你的創意!Let’s get started!


步驟

1.創建新文件
打開Photoshop,並新建H:200像素 W:300像素大小的一個新文件。
 

2.建立圓角矩形
選擇圓角矩形工具。繪製一個圓角矩形 寬度:140px,高度:30像素,強度:5像素。重新命名圖層"Button"。
 

3.混合選項
現在選擇"Button圖層",然後在圖層面板底部,點擊“FX”圖標,並選擇混合選項

我們添加一個漂亮的藍色漸變。點擊"漸變覆蓋"選項,然後點選漸層欄位。
            
選擇2種顏色:#018eb6和#00c6ff、縮放為150%。

再來添加陰影,點擊"內陰影"選項,不透明度為40%,距離為0px,尺寸10px。
 

4.添加光的效果

選擇矩形選框工具。請在"Button"的上方位置,劃一個小範圍。

現在新增一個圖層,我們將其命名為"Gloss"。選擇漸層工具,選擇前景色到透明的漸變。

點您的滑鼠開始在畫布上,按住"Shift"鍵,拖動滑鼠到按鈕的下方。

如果光太重,你可以降低該圖層的不透明度。

 

Download Sample

 

< 設置您的網站網址前的LOGO小圖標
Pantone Color Institute®發佈小兵黃色 >