PS教程！手把手教你打造霓虹光線框文字效果

要完全掌握Photoshop的濾鏡功能，的確是件漫長(zhǎng)的過程。它像一個(gè)魔術(shù)百寶箱，千變?nèi)f化，而我們?nèi)腴T的那點(diǎn)簡(jiǎ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é)合在一起使用，能渲染出出乎人意料的效果。

一、創(chuàng)建文字

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

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

這時(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è)圖層，再?gòu)?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ù)可以參考如下：

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

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

接下來，讓我們?yōu)槲淖衷黾庸飧行Ч�。�?fù)制文字圖層。將復(fù)制層的圖層運(yùn)用高斯模糊濾鏡，模糊半徑為5px。再將模糊層復(fù)制一層，圖層的混合模式改為疊加。然后在此基礎(chǔ)上再?gòu)?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，我的教程到此為止，但潤(rùn)色的過程還沒有結(jié)束，你還需要繼續(xù)增加一些個(gè)性化的元素組合。繼續(xù)娛樂吧！

后記

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