要完全掌握Photoshop的濾鏡功能，的確是件漫長的過程。它像一個(gè)魔術(shù)百寶箱，千變?nèi)f化，而我們?nèi)腴T的那點(diǎn)簡單的濾鏡技巧，顯然不能滿足日常應(yīng)用時(shí)突發(fā)的諸多復(fù)雜情況。

在這個(gè)教程中，我們要學(xué)習(xí)的用Photoshop的幾個(gè)比較冷僻的濾鏡來打造一個(gè)時(shí)尚感的霓虹光感線框文字。所謂冷僻，也就是相比較不那么常用，當(dāng)然，除非你對(duì)濾鏡已經(jīng)摸索得足夠透徹。

而且，我們經(jīng)過學(xué)習(xí)也會(huì)發(fā)現(xiàn)，將幾個(gè)特殊效果的濾鏡巧妙的結(jié)合一起使用，能渲染出出乎人意料的效果。

（提示：文章末尾提供PSD源文檔下載）

一、創(chuàng)建文字

在PS中新建一個(gè)文檔，文檔大小寬900px，高600px，分辨率為72ppi。將白色背景填充為黑色。

在畫布上新建一個(gè)文字圖層，寫上你的內(nèi)容主體。我在此用的是一款叫做Vrinda Bold的字體，你也可以用其他的字體，但注意字間距的最佳比例，以及文字盡量選擇無襯線的字體。色彩選用白色。

這時(shí)，選中文字層與背景層，使用快捷組合鍵“Ctrl+E”合并這兩個(gè)圖層。

二、濾鏡-波紋

進(jìn)入【濾鏡>扭曲>波浪】，出現(xiàn)波浪濾鏡的屬性設(shè)置面板。在這個(gè)看似很復(fù)雜的操作面板上，其實(shí)并沒有看起來那么神秘，我們只需要試著去調(diào)整其中的參數(shù)，就會(huì)在相應(yīng)的預(yù)覽框中看到預(yù)覽效果。因此，我這里所提供的參數(shù)值只適用于本案例的情況，僅供參考。

在視覺效果上，我認(rèn)為錯(cuò)落有致，而又能辨認(rèn)出文字本身為佳。根據(jù)你的理想造型，你可以利用濾鏡的變化做出各種變化方案。

三、濾鏡-碎片

接下來讓我們?yōu)槲淖掷^續(xù)添加一些特殊效果，這時(shí)，我們會(huì)用到另一個(gè)叫做碎片的濾鏡。進(jìn)入【濾鏡>像素化>碎片】。碎片濾鏡是一個(gè)不需要設(shè)置參數(shù)的濾鏡，它的效果直接而顯著。

四、濾鏡-照亮邊緣

一開始我們就說過要做線框文字效果，沒錯(cuò)，這一步將會(huì)運(yùn)用照亮邊緣濾鏡將文字轉(zhuǎn)化為線框。當(dāng)然，你可以運(yùn)用到其他的方法。

進(jìn)入【濾鏡>風(fēng)格化>照亮邊緣】，在照亮邊緣的參數(shù)設(shè)置面板中，將邊緣寬度設(shè)置為1，邊緣亮度為6，平滑度為1。

五、從背景分離文字

又來到最初的主題，線框光感文字，在此我們已經(jīng)做出了線框，如果沒有使用濾鏡，也許你會(huì)在AI折騰出線條，導(dǎo)出PNG格式的圖片，當(dāng)然努力不會(huì)白費(fèi)，這也讓你自豪地?fù)碛辛司€框。但……現(xiàn)在用濾鏡的做法卻讓我失去了對(duì)線框的控制權(quán)。

為了“擁有”線框，我們能想出什么辦法來嗎？目的是讓線框文字與黑色背景分離。這里，我的解決方式也許可供參考。

依然選中這個(gè)圖層后，全選（Ctrl+A）這個(gè)圖層，再復(fù)制（Ctrl+C），這時(shí)，進(jìn)入到通道面板，在通道面板里點(diǎn)擊面板下方的新建新通道的圖標(biāo)。這時(shí)，我們就建立了一個(gè)空白的Alpha通道。選中這一新的通道，粘貼（Ctrl+V）。

通道的作用在此記錄了黑白顏色信息，因此你同時(shí)按住Ctrl鍵再用鼠標(biāo)單擊這一通道，這時(shí)，圖層上出現(xiàn)了螞蟻線，這一圖層的黑白信息就被分離開來。確保你選擇的是白色的線框文字的部分，如果不是，就采用反選的方式選中白色部分。

回到圖層面板，我們可以看到我們的螞蟻線還在。繼續(xù)保持！新建一個(gè)圖層，將前景色設(shè)置為白色，然后在螞蟻線所選擇的區(qū)域里填充白色。再將背景填充黑色。取消選區(qū)。

六、霓虹光感文字

實(shí)現(xiàn)光感效果，在曾經(jīng)我寫過的制作閃亮的藝術(shù)效果文字、霓虹效果廣告圖制作中，已經(jīng)詳解過制作光感效果的步驟。當(dāng)然，這里我們還將重復(fù)使用到類似的方法。

為文字圖層增加漸變疊加的圖層樣式，給文字上色。圖層樣式面板中的參數(shù)可以參考如下：

設(shè)置后的效果如下：

這里我教給大家一個(gè)讓圖層樣式與圖層完全融合的小技巧，例如在此我想要讓文字的疊加效果完全和文字圖層融合，這時(shí)在文字層下方新建一個(gè)圖層，然后同時(shí)選中文字層與下方的圖層，利用快捷組合鍵Ctrl+E合并兩個(gè)圖層即可。

接下來，讓我們?yōu)槲淖衷黾庸飧行Ч?。?fù)制文字圖層。將復(fù)制層的圖層運(yùn)用高斯模糊濾鏡，模糊半徑為5px。再將模糊層復(fù)制一層，圖層的混合模式改為疊加。然后在此基礎(chǔ)上再復(fù)制一層。

文字的背景部分也應(yīng)該相應(yīng)增加一些光的投影效果。在此，我用文字拷貝圖層3復(fù)制后，將復(fù)制的圖層放置于文字下方，即背景層上方。將圖層混合模式改為正常。

進(jìn)入【濾鏡>模糊>高斯模糊】，模糊半徑設(shè)置為7px。

這時(shí)顯然這個(gè)圖層還沒有發(fā)揮出作為投影的表現(xiàn)效果，再通過調(diào)整圖層的色相和飽和度，進(jìn)入【圖像>調(diào)整>色相/飽和度】，只是稍微調(diào)整一下各種參數(shù)滑塊，讓整個(gè)效果往最終效果的方向去靠攏。點(diǎn)選“著色”一欄。微妙的調(diào)整就會(huì)讓最終效果更加出色。

OK，我的教程到此為止，但潤色的過程還沒有結(jié)束，你還需要繼續(xù)增加一些個(gè)性化的元素組合。繼續(xù)娛樂吧！

后記

不知你是否有用筆記錄下所用的濾鏡呢？沒有的話，那就對(duì)了。沒有經(jīng)過自己動(dòng)手操作之前，任何技巧都不值得記下來。還是那句話，enjoy！

下載PSD源文檔請(qǐng)點(diǎn)擊此處

最終效果

<點(diǎn)小圖查看大圖>

1、新建一個(gè)1920px*1080的文件，這個(gè)尺寸正是mac的尺寸。我們做網(wǎng)頁的滾動(dòng)播放的廣告圖時(shí)，這個(gè)大小最為適合。不過具體的尺寸，仍然是看你的項(xiàng)目實(shí)際的需求。

填充一個(gè)黑色背景圖層，然后再新建一個(gè)圖層。將前景色設(shè)置為黑色，背景色設(shè)置為白色，進(jìn)入【濾鏡>渲染>云彩】，對(duì)該圖層添加云彩。如果一次云彩效果不夠，你還可以使用快捷鍵組合“ctrl+f”重復(fù)操作幾次。

2、在云彩圖層上方再新建一個(gè)圖層，使用漸變工具，設(shè)置一個(gè)藍(lán)色（#15aec4）到黑色（#000000）的徑向漸變（這里的藍(lán)色也即是我在本例中所使用的主色調(diào)，你可以參考，也可使用自己的配色）。漸變層做好后，將漸變層的圖層混合模式調(diào)整為“正片疊底”。

3、改為正片疊底后之后，樣式如下。

4、現(xiàn)在讓我們將這個(gè)圖層再復(fù)制（ctrl+J）出兩個(gè)圖層，其中一個(gè)混合模式改為“疊加”，置于圖層最上方，另一個(gè)圖層在原圖層上方，混合模式不變。

然后，用自由變換工具，將頂部的圖層縮短為原來大小的三分之二，另一個(gè)圖層縮短為原來的三分之一。這是為了營造環(huán)境的立體感，因此，非但我們的主要對(duì)象的背景需要色彩效果，還要有倒影的感覺。那么，從字面上理解仍然不很清楚的同學(xué)，可以看下圖。

到了這一步，背景就算是制作完成了?？梢詫⑸厦孀龅膱D層放到新建組“背景”當(dāng)中，再在背景之上繼續(xù)做剩下的步驟。

5、將做好的文字型標(biāo)識(shí)拖入其中，置于圖層上方，并放于正中，剛好讓它立于剛剛?cè)中Ч尘皥D的分界處稍下的位置。這樣會(huì)讓它看起來更具有立體感。

6、將標(biāo)識(shí)的圖層復(fù)制一層，然后暫時(shí)關(guān)掉復(fù)制層。再為標(biāo)識(shí)圖層添加“漸變疊加”的混合樣式。漸變的設(shè)置可以參考我給的配色，當(dāng)然要和主色調(diào)搭配才行，角度為0的線性漸變。漸變疊加后再為該圖層增加【濾鏡>模糊>高斯模糊】，模糊大小為18px，這里的大小主要看你的標(biāo)識(shí)大小，做到最終效果如下圖所示即可。

7、這時(shí)可以打開剛剛隱藏的復(fù)制層，將復(fù)制層先柵格化，按住ctrl鍵去點(diǎn)選該圖層，目的是為了調(diào)出該圖層的選區(qū)。然后進(jìn)入【選擇>修改>收縮】，將選區(qū)收縮2個(gè)像素。然后將該圖層關(guān)掉，保持選區(qū)的情況下新建一個(gè)圖層，在選區(qū)內(nèi)填充白色。

8、我們收縮選區(qū)的目的，是為了建立一個(gè)比原有文字更細(xì)的標(biāo)識(shí)，這是在打造光感效果的時(shí)候我時(shí)常用到的方法，尤其是光感效果是比較細(xì)的條狀圖形時(shí)，頂部圖層的收縮就會(huì)產(chǎn)生一種聚光效果。

接下來，我們將這個(gè)頂部圖層也添加高斯模糊，模糊大小為2px。

然后，讓我們?yōu)槠湓黾訄D層樣式，首先，我將這個(gè)圖層的透明度降為90%，填充降低為0。接著，我要為它增加外發(fā)光的，外發(fā)光的設(shè)置面板參數(shù)如下。

9、再增加一個(gè)顏色疊加的圖層樣式，顏色疊加為白色。完成后，新建一個(gè)組，將該圖層添加到這個(gè)組當(dāng)中，然后把組的混合模式改為“顏色減淡”。

10、有人說，色彩太過多，看上去總是顯得不夠高檔，這很好辦，找到之前第一個(gè)已經(jīng)被高斯模糊18px處理過的圖層，再疊加一個(gè)單一的顏色即可。在這個(gè)PSD中，可以形成千變?nèi)f化的顏色，重復(fù)使用性很高。

11、倒影的效果曾經(jīng)非常廣受好評(píng)，制作方法也很簡單。讓我們?cè)賮頊亓?xí)一下吧。將剛剛做好的文字標(biāo)識(shí)放入一個(gè)新建的組內(nèi)，然后復(fù)制這個(gè)組。

使用自由變化工具，將該組進(jìn)行垂直翻轉(zhuǎn)的變化處理。把這個(gè)翻轉(zhuǎn)后的圖形，向下移動(dòng)到如下圖所示的位置。

12、這樣看上去已經(jīng)似乎有倒影效果了，但是倒影也太明顯了。運(yùn)用我們的蒙版，為倒影組增加蒙版。選用黑白線性漸變工具，在蒙版上拉出黑白漸變。

記住蒙版的原理，黑色就能將原圖遮擋住，原圖不可見，白色則恢復(fù)為可見。這也就制造出了倒影的那種慢慢向下方隱去的效果。由于倒影本身也有透明感，因此我們?cè)賹⒌褂皩拥耐该鞫冉档?0%。

13、還想增強(qiáng)視覺效果的，可以搭配云彩效果，增加煙霧的畫筆在背景層之上，文字標(biāo)識(shí)層之下，建立一個(gè)新的組。在該組內(nèi)新建一個(gè)圖層，選用煙霧畫筆，對(duì)其進(jìn)行自由的修飾。修飾后，請(qǐng)使用白色前景色，并將圖層混合模式改為“疊加”。

14、這時(shí)還可以在背景層上方增加一些透明的白色矩形，透明度可以設(shè)置得非常小，利用透明度之間的交叉視覺營造出另外一種效果。復(fù)制多幾個(gè)，并使用蒙版、透明度來協(xié)調(diào)整體效果。

15、還需要為文字添加一個(gè)陰影，這時(shí)就不能使用圖層樣式的投影功能了。我們可以選用橢圓選擇工具，在文字標(biāo)識(shí)的下方選出一塊橢圓形，即添加陰影的地方。再為其羽化20px，填充黑色。將陰影層的圖層樣式改為柔光。

16、在整個(gè)構(gòu)圖中，我覺得下面的部分太過于暗，那么讓我們來增加一點(diǎn)舞臺(tái)的效果。在背景層之上新增一個(gè)圖層，利用剛剛的藍(lán)色到黑色的漸變，采用徑向漸變的方法，在下方拉一個(gè)半圓。也就是將藍(lán)色的漸變圓放置于下方。然后添加一個(gè)蒙版，剛剛我們已經(jīng)說過了蒙版的使用的方法，那么這里也采用同樣的方法，采用黑白漸變來修飾這個(gè)漸變圓。

圖層面板里能看到漸變的細(xì)節(jié)。

最終效果：

<點(diǎn)小圖查看大圖>

本教程制作的霓虹字是非常細(xì)的，如果選擇的字體較粗，就需要柵格化圖層后調(diào)出文字選區(qū)，適當(dāng)?shù)氖湛s選區(qū)，并反選刪除不需要的部分，然后再添加漸變、增加發(fā)光及加上裝飾小點(diǎn)即可。

最終效果

<點(diǎn)小圖查看大圖>

1、先打一個(gè)字母。載入選區(qū)。 拉七彩漸變。收縮選區(qū)，DEL刪除中間。

2、CTRL+J二層，分別高斯模糊，一個(gè)小，一個(gè)大點(diǎn)，形成朦朧感。

3、載入前面的收縮后的選區(qū)，再次收縮，添加白色，加一個(gè)外發(fā)光。

4、做一個(gè)圓形的筆刷，這個(gè)挺好做的，如果實(shí)在不想麻煩，可以去下一個(gè)。定好預(yù)設(shè)，點(diǎn)字的周圍。添加一個(gè)漸變疊加。

5、柔角畫筆打上光斑，在字的邊上鋼筆畫線，描邊，選壓力。

6、下邊拉一個(gè)紫色到透明漸變，加蒙板，擦掉不要的部分。

  7、柔角筆加點(diǎn)光點(diǎn)，復(fù)制一層，然后水平反轉(zhuǎn)，降低透明度。

8、建組，柔角筆，降透明度我用的20%，畫背景光，復(fù)制一層，模式減去，透明度10%。加蒙板，擦掉不用的部分。

9、復(fù)制組，模式改為疊加。加蒙板，擦掉不用的部分。