版權(quán)申明：本文原創(chuàng)作者“源碼時(shí)代”，感謝“源碼時(shí)代”的原創(chuàng)經(jīng)驗(yàn)分享！
隨著2018年漸變的再次回歸薇缅，我們發(fā)現(xiàn)流行時(shí)尚仿佛就是一個(gè)圓環(huán)丘侠，來來回回總是循環(huán)著徒欣，漸變本就是吸引眼球的色彩搭配，霓虹燈也正是利用了這種特點(diǎn)給人以印象深刻的感覺蜗字，所以往往我們需要吸引人們的注意力時(shí)打肝，我們就可以運(yùn)用到這種漸變的霓虹燈效果的設(shè)計(jì)了脂新，那么接下來我們就跟著源碼時(shí)代UI老師一起來看看簡單的霓虹燈效果要怎么做吧，還是老規(guī)矩先上效果圖：
PS制作線條發(fā)光文字效果教程 飛特網(wǎng) PS文字效果教程
這次我們主要要用到的就是ps里面的濾鏡工具粗梭，首先我們先建立一個(gè)圖層争便，可以根據(jù)你文字的長短來定，建立好文檔之后断医，將背景色填充為黑色滞乙，然后新建一個(gè)文字圖層，寫上你的內(nèi)容鉴嗤，字體注意將間距拉開一些斩启，方便變形，這里我用的是蘭亭黑簡體醉锅，顏色選擇白色：
PS制作線條發(fā)光文字效果教程 飛特網(wǎng) PS文字效果教程
字體排列好了之后兔簇，將文字圖層與背景合并（ctrl+E），合并后選擇：濾鏡-扭曲-波浪硬耍，然后調(diào)整波長與波幅的參數(shù)垄琐，你可以根據(jù)你的字體內(nèi)容來設(shè)置數(shù)據(jù)，這是我的參數(shù)（僅供參考）：
PS制作線條發(fā)光文字效果教程 飛特網(wǎng) PS文字效果教程
在右邊你可以看到你的預(yù)覽效果经柴，我個(gè)人覺得上下有些錯(cuò)落比較好看狸窘，參數(shù)設(shè)置好以后我們再繼續(xù)添加一些效果：濾鏡-像素化-碎片，這個(gè)濾鏡不需要設(shè)置參數(shù)口锭，直接給出效果：
PS制作線條發(fā)光文字效果教程 飛特網(wǎng) PS文字效果教程
接下來朦前，我們就要把圖形轉(zhuǎn)化為線框了，因?yàn)榇蠹叶贾篮芏嗄藓鐭糇煮w其實(shí)都是由一條條霓虹燈線拼湊而成的鹃操，所以我們繼續(xù)進(jìn)入：濾鏡-風(fēng)格化-照亮邊緣（有的版本的ps風(fēng)格化里面沒有這個(gè)選項(xiàng)韭寸，就可以從濾鏡-濾鏡庫里進(jìn)入），這里我設(shè)置的參數(shù)為1荆隘、6恩伺、1:
PS制作線條發(fā)光文字效果教程 飛特網(wǎng) PS文字效果教程
?到了這一步，我們就需要把文字與圖層分離出來了椰拒，方法有很多晶渠，我這里用的方法也是I僅供參考的，先選中這個(gè)圖層燃观，全選（ctrl+A）褒脯，再復(fù)制一層（ctrl+C），然后進(jìn)入通道面板缆毁，在通道面板里新建一個(gè)空白的alpha通道番川，最后選中這個(gè)通道，粘貼（ctrl+V）：
PS制作線條發(fā)光文字效果教程 飛特網(wǎng) PS文字效果教程
復(fù)制好之后，就在這個(gè)圖層上颁督，按住ctrl鍵践啄，再用鼠標(biāo)單擊這個(gè)圖層，圖層出現(xiàn)螞蟻線沉御，文字白色部分被選中：
PS制作線條發(fā)光文字效果教程 飛特網(wǎng) PS文字效果教程
現(xiàn)在我們再回到圖層面板里屿讽，新建一個(gè)圖層，在新圖層中將螞蟻線內(nèi)填充白色吠裆，再回到背景圖層伐谈，將背景圖層全部填充黑色，取消選區(qū)硫痰，這樣文字與背景就已經(jīng)分離出來了衩婚。
這時(shí)我們再開始制作文字圖層樣式窜护，首先效斑，給文字上色，打開圖層樣式面板柱徙，選擇漸變疊加缓屠，在面板中設(shè)置自己喜歡的漸變色，調(diào)整好角度护侮，再降低不透明度敌完，使?jié)u變過渡更自然好看：
PS制作線條發(fā)光文字效果教程 飛特網(wǎng) PS文字效果教程
接下來為了讓文字圖層的漸變效果與圖層相融合，我們可以在文字圖層下方再新建一個(gè)圖層羊初，然后將兩個(gè)圖層合并（ctrl+E）：
PS制作線條發(fā)光文字效果教程 飛特網(wǎng) PS文字效果教程
合并好圖層之后滨溉，我們將這個(gè)文字圖層原位復(fù)制一層（ctrl+J），再將復(fù)制好的圖層進(jìn)行：濾鏡-模糊-高斯模糊长赞，我這里的模糊半徑為7px晦攒。然后我們又將模糊好的圖層再原位復(fù)制兩層，將這兩層的模式改為疊加得哆。也就是說到這里我們的文字圖層共有四層脯颜，第一層為正常的原始圖層，第二層模糊贩据，但是模式為正常栋操，第三層和第四層模糊，模式為疊加：
PS制作線條發(fā)光文字效果教程 飛特網(wǎng) PS文字效果教程
到這里我們的著色進(jìn)行的差不多了饱亮，但是霓虹燈應(yīng)該是會(huì)有一層光的投影的矾芙，所以我們再將最上面的那層文字復(fù)制一層，將模式改為正常近上，然后將它放在第一個(gè)文字圖層下方剔宪，背景層上方，再給個(gè)高斯模糊，半徑7px歼跟，這個(gè)時(shí)候差不多投影的效果就出來了和媳，然后為了是投影光線看起來更加飽和，我們還可以進(jìn)入：圖像-調(diào)整-色相／飽和度哈街，調(diào)節(jié)個(gè)參數(shù)：
PS制作線條發(fā)光文字效果教程 飛特網(wǎng) PS文字效果教程
文字部分處理完成：
PS制作線條發(fā)光文字效果教程 飛特網(wǎng) PS文字效果教程
到這一步我們基本也快大功告成了留瞳，只需要再加上一些環(huán)境色或者背景，將整個(gè)畫面暈染得更有氛圍骚秦，在這里我是加了兩層薄薄的煙霧圖層她倘，并且同樣給上與字體一樣的漸變疊加，調(diào)整兩個(gè)圖層的角度作箍，降低透明度硬梁，以達(dá)到若隱若現(xiàn)的效果：
PS制作線條發(fā)光文字效果教程 飛特網(wǎng) PS文字效果教程
