步驟1：

打開Photoshop，快捷鍵 Ctrl+N 打開新建窗口，按照下圖內(nèi)的參數(shù)設(shè)置好后，確定

步驟2：

選定背景層，快捷鍵 Shift+F5 打開填充對(duì)話個(gè)，下拉菜單中選擇顏色，然后使用顏色#141d28，確定

步驟3：

接下來，我們使用圓角矩形工具，設(shè)置圓角為2px，拉出一個(gè)適當(dāng)大小的矩形

然后在右側(cè)的圖層面板中，如下圖位置，單擊，然后設(shè)置顏色為#17202b

步驟4：

好的，接下來我們給這個(gè)圖層設(shè)置圖層樣式

最后設(shè)置漸變描邊，顏色分別為#090e13（深）#0d1b2a（淺），即由下至上，由深到淺。

這里我們發(fā)現(xiàn)，剛才設(shè)置的漸變疊加也是上淺下深的，為什么能，因?yàn)槲覀冞@里假設(shè)了光源是從上方射下來的，要塑造逼真的立體感，我們必須注意光源對(duì)物體表面所造成的影響。

我想學(xué)過素描的朋友一定都清楚三大面，五大調(diào)子吧，很簡(jiǎn)單的道理，這里我就不細(xì)說了

步驟6：

好了，圖層樣式的設(shè)置告一段落，但是，不管在任何時(shí)候，我們花一些時(shí)間來嘗試各種樣式的組合已達(dá)到滿意的效果，都是很值得的。

現(xiàn)在我們?cè)賮砜纯催@個(gè)按鈕，會(huì)發(fā)現(xiàn)按鈕表面與下面的投影之間，似乎少了些對(duì)比。接下來我們嘗試給按鈕加一個(gè)很酷的漸變邊框來解決這個(gè)問題。

首先我們需要獲得這個(gè)按鈕的選區(qū)，然后新建一個(gè)圖層。

好的，接下來使用漸變工具，快捷鍵G，從中心向外拉出一個(gè)漸變

顏色為#050607到#ffffff，模式為對(duì)稱漸變

然后使用選區(qū)工具（M），將選區(qū)向上移動(dòng)1px（是用方向鍵↑），然后點(diǎn)擊delete刪除選區(qū)中的內(nèi)容，再用 Ctrl+D 取消選區(qū)，這樣就只保留了最下方的1px的一條細(xì)線。

接著，我們用快捷鍵 Ctrl+I 進(jìn)行反相，然后將圖層屬性設(shè)置為疊加

我們復(fù)制一個(gè)這個(gè)圖層，這樣可以提高亮度

這樣，一個(gè)不錯(cuò)的效果就出來了。

步驟6：

接下來我們用同樣的方法獲取選區(qū)，并新建一個(gè)圖層。

然后使用漸變工具，白到黑，模式為徑向漸變，繪制如下效果

然后我們用 Ctrl+D 取消選區(qū)，并設(shè)置圖層模式為疊加，然后設(shè)置透明度為50%，獲得如下效果

步驟7：

添加文字，完成