這個教程將詳細(xì)地教你如何制作超酷炫的帶電字體。霓虹效果結(jié)合文字、電波以及星光，繽紛色彩用在這里非常酷，光線也能有效地抓住人的眼球。希望大家舉一反三，也來設(shè)計中文字體的帶電效果。下面讓我們一起來學(xué)習(xí)吧。

在教程開始之前，先來欣賞下最終效果

第一步，新建文檔

新建一個1600px×1200px的文檔，背景色設(shè)置為黑色。

第二步 增加文字

添加Prisma字體，可以從 DaFont下載，設(shè)置字體大小為500pt(小編備注：分辨率72的情況下450pt差不多)，白色。因為我們下面要給文字圖層應(yīng)用一些圖層樣式，所以文字顏色在這一步?jīng)]什么影響。

在應(yīng)用圖層樣式前我們需要把文字圖層的填充設(shè)置為0%。由于我們接下來要應(yīng)用兩種不同的圖層樣式，所以把文字圖層先復(fù)制一份。

注意：文字圖層是我們這個設(shè)計的基礎(chǔ)，所以給它命名base_text，接下來在教程中都以此代替。

把文字置于文檔的中心處，跟背景圖層水平，垂直居中對齊。

第三步 添加圖層樣式

先給第一個文字圖層(下面的這個)添加以下的圖層樣式。

漸變疊加

首先應(yīng)用漸變疊加，顏色從深藍(lán)到黃色，中間用紅色過渡，可參考下圖。

漸變顏色從左到右依次是藍(lán)色(#0A00B2),紅色(#FF0000)和黃色(#FFFC00)。

內(nèi)發(fā)光

現(xiàn)在應(yīng)用白色的內(nèi)發(fā)光

上面的兩個圖層樣式應(yīng)用完之后，文字看起來應(yīng)該是這樣的。

現(xiàn)在輪到第二個文字圖層(上方這個)，將圖層填充改為0%，應(yīng)用內(nèi)發(fā)光，設(shè)置跟剛才的一樣。

第四步 給文字制作波動效果

我們的基本的文字已經(jīng)準(zhǔn)備好了，接下來將要添加一些波動效果。為此我們給復(fù)制后的圖層應(yīng)用波浪濾鏡，選擇濾鏡→扭曲→波紋，數(shù)量 = 100%，大小 = 大，點擊ok應(yīng)用。

應(yīng)用濾鏡后我們得到了波紋效果的文字。

這是目前為止我們獲得的效果：

第五步：制作光電波

下一步，我們來制作光電波效果。使用矩形工具(U)在文字下方繪制一個細(xì)長的矩形，寬度跟文字上單獨一根線條的寬差不多，長度比文字長些，這是要讓波浪看起來有種環(huán)繞著文字穿梭的感覺。

給矩形應(yīng)用內(nèi)發(fā)光((小編備注：先將填充改為0%)，設(shè)置還是跟之前一樣，但為矩形的寬調(diào)整下發(fā)光大小，我們使用大小 = 8，你也可以按自己偏好設(shè)置。

應(yīng)用完內(nèi)發(fā)光樣式后，矩形將如下圖所示：

現(xiàn)在我們的矩形已經(jīng)準(zhǔn)備好變身波浪了，我們將使用波浪濾鏡，選擇濾鏡→扭曲→波浪，設(shè)置如下。

你可以看到，基本的光波已經(jīng)制作好了。

接著依樣畫葫蘆制作4-5條波浪，來些明亮或柔和的顏色，讓霓虹看起來像彩色的波浪一樣。

我們用RGB顏色：青，品紅，綠，和黃色又制作了不同顏色的波浪。顏色信息你可以參考下圖，你也可以按照自己喜好來選色。

波浪完成后，將它們所在圖層進(jìn)行編組，全選波浪圖層，選擇圖層→圖層編組(Ctrl + G)。組合后的圖層重命名下，方便識別。

現(xiàn)在我們也要對波浪應(yīng)用下波紋效果。右鍵單擊選擇復(fù)制組，對波浪組進(jìn)行復(fù)制，然后選擇圖層→合并組(Ctrl + E)。

對這個新的圖層應(yīng)用波紋效果，選擇濾鏡→扭曲→波紋，設(shè)置跟之前一樣，數(shù)量=100%，大小 = 大，點擊ok應(yīng)用。

這是到目前為止我們已經(jīng)獲得的效果。

接下來復(fù)制波紋化后的圖層，應(yīng)用一些模糊來給波浪營造發(fā)光效果，選擇濾鏡→模糊→高斯模糊，半徑設(shè)置為10px，然后點擊ok應(yīng)用。

應(yīng)用完模糊后，波浪看起來就像這樣…

現(xiàn)在是時候給文字也來點發(fā)光效果了。復(fù)制波紋化后的文字圖層，就是那個應(yīng)用了波紋扭曲濾鏡的，將它移動到頂部然后應(yīng)用高斯模糊，半徑設(shè)置為10px。我們需要降低基礎(chǔ)文字的亮度，因此再給圖層添加一些藍(lán)色或青色的光。選擇圖像→調(diào)整→色相/飽和度，勾選右下角著色選框，移動滑塊選擇柔和點的青色，點擊ok應(yīng)用。

然后我們的文字會看起來像這樣(小編備注：此時將該圖層填充改為100%，不然看不到效果)。你可以看到漸變色的亮度已經(jīng)被最小化了。

第六步 制作網(wǎng)格

下一步，我們將通過增加一個透視的網(wǎng)格給整個作品營造出復(fù)古的效果。因此，我們將用到網(wǎng)格筆刷50 Deadly Tron Grids—Arcnerva。

下載解壓后將筆刷復(fù)制到筆刷文件夾。然后在PS中選擇筆刷工具(B)，設(shè)置前景色為RGB青色，到筆刷工具的選項里加載這個網(wǎng)格筆刷。

現(xiàn)在從網(wǎng)格筆刷中選擇名字叫g(shù)rid 10的那個，創(chuàng)建一個新的圖層，沿著圖像的底部繪制一張網(wǎng)格，如下圖所示。

接下來我們需要重新設(shè)置網(wǎng)格的大小，讓它和文字的寬度相匹配，選擇編輯→變形→縮放(Ctrl + T)進(jìn)行調(diào)整，大小如下圖所示。

然后添加蒙版，用柔軟的圓形筆刷，200px，硬度0%，文字后面的網(wǎng)格擦除(小編備注：可結(jié)合矩形選框工具來遮)。

復(fù)制網(wǎng)格圖層，然后應(yīng)用模糊濾鏡，用高斯模糊給網(wǎng)格增加發(fā)光的效果。

第七步 制作倒影

下一步我們將在透視網(wǎng)格上給文字做一層漂亮微妙的倒影。復(fù)制base_text圖層，將復(fù)制后的圖層移動至圖層頂部，選擇編輯→變形→垂直翻轉(zhuǎn)對圖層進(jìn)行翻轉(zhuǎn)，然后往下拖拽直到頂部跟原來文字的底部接合。

接著我們要來調(diào)整倒影的透視來匹配網(wǎng)格。為此我們需要對倒影文字做變形，選擇編輯→變形→伸縮(Ctrl + T)，如下圖所示。

提示：通過變形制作/改變透視

按了Ctrl + T后，不用右鍵選擇透視，可直接按住ctrl鍵不放拖拽圖層的四個角來調(diào)整透視。

調(diào)整透視后，倒影將如下圖所示。

現(xiàn)在我們的倒影雖然是扁平的，但還不夠好，因此我們需要微調(diào)下。給這個圖層添加一個蒙版，右鍵選擇添加圖層蒙版。選中蒙版后，選擇漸變工具，用默認(rèn)的黑白漸變，如果默認(rèn)不是這個，就按D改為默認(rèn)。

在蒙版中繪制一個從底部到頂部的線性漸變，如圖所示。

改變倒影圖層的混合模式為顏色減淡，效果如下圖所示。

第八步 給文字添加波點

新建一個圖層，選擇柔軟的圓形筆刷，白色，直徑50px，硬度0%，在文字上隨機繪制一些波點。

將圖層混合模式改為疊加。

再新建一個圖層，改變筆刷直徑為100-150px，然后在文字跟網(wǎng)格相交處繪制一條柔白的區(qū)域。

將圖層混合模式改為疊加，圖層透明度設(shè)置為50%。

第九步 點睛

我們的教程接近尾聲了，效果已經(jīng)做完了，最后的點睛之筆，是要給整個效果增加一些空間感。為此我們將使用一張星云的圖片，我忘了自己是從哪里下載的，如果有人知道這張圖片的作者請告訴我們一聲，我們將盡快更新這個信息。你也可以使用你自己喜歡的星云圖片。

打開星云圖片 ，復(fù)制粘貼到當(dāng)前的文檔中，為圖片新建一個圖層，調(diào)整圖片的大小。由于我們希望顏色能夠統(tǒng)一，因此要對圖片去色，再重新著上柔和柔和的青色。選擇圖像→調(diào)整→去色(Ctrl + shift + U)然后選擇圖像→調(diào)整→色相/飽和度，勾選右下角的著色選框，選擇柔和的青色，點擊ok。可參考下圖的設(shè)置。

同樣的，我們需要擦除文字和網(wǎng)格下方的星云。所以給圖層新建一個蒙版，使用柔軟的筆刷直徑200px，硬度0%，將云圖底部的區(qū)域遮蓋住。

現(xiàn)在圖層挪到底部，僅次于背景圖層，改變圖層混合模式為屏幕模式，透明度設(shè)置為50%。大功告成，這就是最終的效果，請順便檢查下圖層是否整齊有序堆放。

終于我們有了最終的作品——五彩繽紛的電波文字。我有必要提一下，為了得到最終完美精準(zhǔn)的效果，請自由地使用濾鏡，選擇文字，應(yīng)用圖層樣式，以及在使用濾鏡的時候嘗試不同的設(shè)置。