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

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

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

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

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

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

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

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

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

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

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

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

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

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

7、下面我們?cè)賮砑拥撞糠垂?，選擇柔性畫筆工具，設(shè)置其半徑為4，新建一個(gè)圖層后在按鈕的下部按住shift畫一條直線，如圖所示：

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

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

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

此時(shí)的效果如圖所示：

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

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

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