用Photoshop圖層樣式制作發(fā)光按鈕

用Photoshop圖層樣式制作發(fā)光按鈕

作者：發(fā)條桔子 教程來源：eNet硅谷動力

先看一下效果：

在下面的例子中我們將研究怎么樣運(yùn)用圖層樣式來為我們制作出優(yōu)美的圖案。新建825×595像素大小的工作窗口，選擇漸變工具為背景添加漸變效果。

雙擊背景圖層，打開“新建圖層”對話框，單擊確定。

在圖層面板中單擊“添加圖層樣式”，在下拉菜單中選擇“漸變疊加”，然后如圖設(shè)置彈出對話框。

在圖層面板中再次單擊“添加圖層樣式”，在下拉菜單中選擇“圖案疊加”，然后如圖設(shè)置彈出對話框。

新建一個(gè)圖層1，選擇橢圓選框工具，在窗口中央創(chuàng)建一個(gè)橢圓，設(shè)置前景色為暗紅，然后填充選區(qū)。



使用“Ctrl T”打開自由變換命令，將橢圓調(diào)整到如圖效果。


在圖層面板中單擊“添加圖層樣式”，在下拉菜單中選擇“投影”命令，然后如圖設(shè)置彈出對話框。



在圖層面板中再次單擊“添加圖層樣式”，在下拉菜單中選擇“內(nèi)發(fā)光”命令，然后如圖設(shè)置彈出對話框。

復(fù)制圖層1得到圖層1副本，刪去圖層1副本中的圖層樣式，在圖層面板中單擊“添加圖層樣式”，在下拉菜單中選擇“外發(fā)光”命令，然后如圖設(shè)置彈出對話框。



在工具箱中選擇移動工具，移動圖層2到如圖位置。

在圖層1副本的上方單擊“鎖定透明像素”按鈕，然后設(shè)置前景色為黑色，按“Alt Del”鍵在圖層1副本填充黑色。



選擇橢圓選區(qū)工具，繪制如圖選區(qū)。

在圖層面板中單擊“添加圖層樣式”，在下拉菜單中選擇“投影”命令，然后如圖設(shè)置彈出對話框。



在下拉菜單中選擇“內(nèi)陰影”命令，然后如圖設(shè)置彈出對話框。

在下拉菜單中選擇“內(nèi)發(fā)光”命令，然后如圖設(shè)置彈出對話框。



在下拉菜單中選擇“斜面和浮雕”命令，然后如圖設(shè)置彈出對話框。

在下拉菜單中選擇“等高線”命令，然后如圖設(shè)置彈出對話框。



在下拉菜單中選擇“光澤”命令，然后如圖設(shè)置彈出對話框。

在下拉菜單中選擇“漸變疊加”命令，然后如圖設(shè)置彈出對話框。



按“Ctrl T”鍵打開自由變換，調(diào)節(jié)圖層2到如圖效果。

設(shè)置圖層2的填充值為30%。



新建圖層3，然后使用橢圓選區(qū)工具在圖層3繪制一個(gè)橢圓，并且填充白色。

打開樣式調(diào)板，為圖層3中的橢圓選擇一個(gè)藍(lán)色的“web樣式”。



只用自由變換命令將圖層3的位子調(diào)整好，這時(shí)會發(fā)現(xiàn)圖層3的高光位置與其它圖層不一樣。我們打開圖層3的圖層樣式，選擇“斜面和浮雕”命令，進(jìn)行如圖設(shè)置。

在圖層面板下方單擊“添加蒙版”按鈕，為圖層3添加蒙版，使用柔邊畫筆，用灰色在蒙版上涂抹。



復(fù)制圖層3得到圖層3副本，刪除圖層3副本的蒙版，并設(shè)置填充為100%。

在圖層3副本的圖層樣式按鈕上單擊鼠標(biāo)右鍵，選擇清除圖層樣式。



使用自由變換命令調(diào)節(jié)圖層3副本到如圖大小。

選擇漸變工具，使用白色到黑色的徑向漸變?yōu)閳D層3副本添加一個(gè)漸變效果。



選擇圖層3副本，單擊“添加圖層樣式”，在下滑菜單中選擇“內(nèi)發(fā)光”，如圖設(shè)置參數(shù)。

新建圖層4，按下“Ctrl”鍵，用鼠標(biāo)單擊圖層3副本縮覽圖，載入它的選區(qū)。將前景色設(shè)置為綠色，并填充選區(qū)。選擇畫筆工具，設(shè)置前景色為白色，使用柔邊畫筆在圖中所示位置點(diǎn)上兩個(gè)白點(diǎn)。



在圖層面板中單擊“添加圖層樣式”，在下拉菜單中選擇“外發(fā)光”命令，然后如圖設(shè)置彈出對話框。

在下拉菜單中選擇“內(nèi)發(fā)光”命令，然后如圖設(shè)置彈出對話框。



在下拉菜單中選擇“斜面和浮雕”命令，然后如圖設(shè)置彈出對話框。

在下拉菜單中選擇“等高線”命令，然后如圖設(shè)置彈出對話框。



復(fù)制圖層4得到圖層4副本，選擇圖層4副本，按住“Ctrl”鍵用鼠標(biāo)單擊“創(chuàng)建新圖層”按鈕，在圖層4副本的下方建立一個(gè)圖層5。將圖層4副本和圖層5同時(shí)選擇，按“Ctrl E”將他們合并。

復(fù)制圖層4副本得到圖層4副本2，將圖層4副本2隱藏。選擇圖層4副本，執(zhí)行“濾鏡”→“扭曲”→“旋轉(zhuǎn)扭曲”命令，設(shè)置角度為-236度。

本新聞共2

使用自由變換工具調(diào)節(jié)圖層4副本到如圖效果。

復(fù)制圖層4副本得到圖層4副本3，將圖層4副本隱藏。按“Ctrl U”打開“色相/飽和度”命令，如圖設(shè)置彈出對話框。



設(shè)置圖層4副本3的緩和模式為“濾色”，不透明度為65%。

為圖層4副本3添加一個(gè)圖層蒙版，設(shè)置前景色為黑色，使用柔邊畫筆工具，將圖層4副本3種圖案的外側(cè)抹去。



顯示圖層4副本，按“Ctrl U”打開“色相/飽和度”命令，如圖設(shè)置彈出對話框。

使用自由變換命令，調(diào)節(jié)圖層4副本到如圖位置。



按住“Ctrl”鍵單擊圖層4副本的縮覽圖，得到圖層4副本的選區(qū)。選擇移動工具，按住“Alt”鍵拖動鼠標(biāo)，復(fù)制圖像。然后只用自由變換命令調(diào)節(jié)到如圖效果。

設(shè)置圖層4副本的圖層混合模式為“差值”，不透明度為28%。



顯示圖層4副本2，執(zhí)行“濾鏡”→“扭曲”→“旋轉(zhuǎn)扭曲”命令，設(shè)置角度為-688度。

使用自由變換命令將圖層4副本2調(diào)節(jié)到如圖效果。



設(shè)置圖層4副本2的混合模式為“顏色減淡”，不透明度為40%。

為圖層4副本2添加一個(gè)圖層蒙版，設(shè)置前景色為黑色，使用柔邊畫筆工具，將圖層4副本2種圖案的外側(cè)抹去。



現(xiàn)在我們來看看按鈕的最后效果吧。

簡單的,我們教你,深奧的,你來分享
photoshop,ps,photoshopjiao cheng ,psjiao cheng ,photoshopxia zai ,pslun tan ,fei zhu liu psjiao cheng ,fei zhu liu psruan jian ,fei zhu liu tu pian ,fei zhu liu kong jian ,qqkong jian ,qqkong jian dai ma ,qqkong jian liu yan dai ma ,qqkong jian mo kuai ,QQkong jian FLASHmo kuai ,PSzi ti ,PSbi shua