ps基礎(chǔ)教程-幾步完成一個質(zhì)感按鈕

忙里偷閑，設(shè)計時積累了些許小經(jīng)驗，現(xiàn)在和大家一起分享一下，首先奉上教程一篇，希望對大家靈感啟發(fā)有所幫助，水平有限，其中有錯誤的地方希望大家見諒。

1、  新建一個畫布，尺寸隨意定，這里我用了500*500

2、把背景色填充#333333的灰色，我們先在暗色下面做一個按鈕，感覺在暗色下面通常能表現(xiàn)出按鈕的質(zhì)感，后面我們再看一下在淺色調(diào)背景下怎樣去表現(xiàn)按鈕的質(zhì)感，當(dāng)然在實際項目中我們要根據(jù)實際情況來進(jìn)行合理的使用。

3、選擇圓角矩形工具，在上面如下圖所示進(jìn)行設(shè)置，設(shè)置其半徑為3，這樣矩形的邊緣會稍微圓潤一點。在圖層面板上選擇此圖層，然后點擊右鍵選擇“柵格化此圖層”命令，如果不將圖層進(jìn)行柵格化，可以對其邊緣進(jìn)行適當(dāng)?shù)穆窂秸{(diào)整，個人習(xí)慣，大家可以自由點。

4、雙擊此圖層，彈出圖層樣式框，如圖所示進(jìn)行設(shè)置。

漸變色的顏色是從#ab1800到#ff7800。

這里要說的是首先進(jìn)行漸變色的設(shè)置，這里設(shè)置了類似于橙色漸變，在實際應(yīng)用的時候我們可以先把這兩個色大體弄一下，后面加光后如果感覺太亮或者太暗可以再進(jìn)行細(xì)調(diào)。加陰影給人一種立體凸起的感覺，使得光影效果能更逼真一些，加陰影的時候注意把那兩個數(shù)字都調(diào)成1和3如圖，然后適當(dāng)把默認(rèn)的透明度降低一些，這樣的陰影總體感覺不那么生硬。

現(xiàn)在效果如下圖所示。

5、新建一個圖層，按住ctrl單擊按鈕圖層，出現(xiàn)按鈕的選區(qū)，在編輯里面選擇描邊命令，顏色設(shè)置為白色，半徑為1，如下圖所示設(shè)置，

然后將此圖層圖層混合樣式設(shè)置為“疊加”，透明度適當(dāng)調(diào)低一點，視情況而定，我調(diào)到了60%，合理運(yùn)用疊加混合樣式通常會起到比較好的光效果。此時效果如圖所示：

6、新建一層，選擇鋼筆工具，在按鈕上面拉如圖所示的軌跡。

然后按ctrl+enter轉(zhuǎn)換成選區(qū)，按住ctrl+shift+alt鍵再點擊圖層面板上的按鈕圖層，此時的選區(qū)就會和按鈕的圖層選區(qū)進(jìn)行重合，選擇漸變工具，調(diào)整漸變色為由白到透明，然后由左上方到右下方進(jìn)行適當(dāng)拖拉，然后ctrl+d取消選區(qū)，此時如果所示：

將圖層混合樣式設(shè)置為“疊加”。此時一個光感按鈕樣式已經(jīng)基本呈現(xiàn)

7、下面我們再來加底部反光，選擇柔性畫筆工具，設(shè)置其半徑為4，新建一個圖層后在按鈕的下部按住shift畫一條直線，如圖所示：

圖層混合樣式設(shè)置為“疊加”，如圖所示：

選擇“濾鏡”-“模糊”-“高斯模糊”，如圖設(shè)置：

按住Ctrl點擊按鈕圖層得到按鈕選區(qū)保持反光圖層為選中圖層，然后點擊圖層面板下面的蒙版按鈕，如圖：

此時的效果如圖所示：

如果感覺太亮，可以適當(dāng)降低圖層的透明度來進(jìn)行調(diào)節(jié)。

8，此時，一個按鈕差不多基本上就成型了，大家可以在實際的操作當(dāng)中靈活運(yùn)用，為其加上更多一些的光感效果。

以上就是這次這個小按鈕的制作過程，水平有限，在平常的設(shè)計中體會到些許經(jīng)驗，忙里偷閑，發(fā)此一篇經(jīng)驗教程，拿來分享，希望對大家的設(shè)計能有幫助之處，第一次親手編一個小教程，雖然很短，雖然經(jīng)過了幾個小時，但我的分享如果能給大家?guī)硇┰S靈感，那我就很滿足了，呵呵。