本教程主要使用Photoshop制作霓虹光效主題的藝術(shù)字，我們就可以運(yùn)用到這種漸變的霓虹燈效果的設(shè)計(jì)了，推薦給思緣的朋友學(xué)習(xí)，希望大家可以喜歡。
隨著漸變的再次回歸，我們發(fā)現(xiàn)流行時(shí)尚仿佛就是一個(gè)圓環(huán)，來(lái)來(lái)回回總是循環(huán)著，漸變本就是吸引眼球的色彩搭配，霓虹燈也正是利用了這種特點(diǎn)給人以印象深刻的感覺(jué)，所以往往我們需要吸引人們的注意力時(shí)，我們就可以運(yùn)用到這種漸變的霓虹燈效果的設(shè)計(jì)了，那么接下來(lái)我們就跟著源碼時(shí)代UI老師一起來(lái)看看簡(jiǎn)單的霓虹燈效果要怎么做吧，還是老規(guī)矩先上效果圖：
這次我們主要要用到的就是ps里面的濾鏡工具，首先我們先建立一個(gè)圖層，可以根據(jù)你文字的長(zhǎng)短來(lái)定，建立好文檔之后，將背景色填充為黑色，然后新建一個(gè)文字圖層，寫(xiě)上你的內(nèi)容，字體注意將間距拉開(kāi)一些，方便變形，這里我用的是蘭亭黑簡(jiǎn)體，顏色選擇白色：
字體排列好了之后，將文字圖層與背景合并(ctrl+E)，合并后選擇：濾鏡-扭曲-波浪，然后調(diào)整波長(zhǎng)與波幅的參數(shù)，你可以根據(jù)你的字體內(nèi)容來(lái)設(shè)置數(shù)據(jù)，這是我的參數(shù)(僅供參考)：
在右邊你可以看到你的預(yù)覽效果，我個(gè)人覺(jué)得上下有些錯(cuò)落比較好看，參數(shù)設(shè)置好以后我們?cè)倮^續(xù)添加一些效果：濾鏡-像素化-碎片，這個(gè)濾鏡不需要設(shè)置參數(shù)，直接給出效果：
接下來(lái)，我們就要把圖形轉(zhuǎn)化為線(xiàn)框了，因?yàn)榇蠹叶贾篮芏嗄藓鐭糇煮w其實(shí)都是由一條條霓虹燈線(xiàn)拼湊而成的，所以我們繼續(xù)進(jìn)入：濾鏡-風(fēng)格化-照亮邊緣(有的版本的ps風(fēng)格化里面沒(méi)有這個(gè)選項(xiàng)，就可以從濾鏡-濾鏡庫(kù)里進(jìn)入)，這里我設(shè)置的參數(shù)為1、6、1:
到了這一步，我們就需要把文字與圖層分離出來(lái)了，方法有很多，我這里用的方法也是I僅供參考的，先選中這個(gè)圖層，全選(ctrl+A)，再?gòu)?fù)制一層(ctrl+C)，然后進(jìn)入通道面板，在通道面板里新建一個(gè)空白的alpha通道，最后選中這個(gè)通道，粘貼(ctrl+V)：
復(fù)制好之后，就在這個(gè)圖層上，按住ctrl鍵，再用鼠標(biāo)單擊這個(gè)圖層，圖層出現(xiàn)螞蟻線(xiàn)，文字白色部分被選中：
現(xiàn)在我們?cè)倩氐綀D層面板里，新建一個(gè)圖層，在新圖層中將螞蟻線(xiàn)內(nèi)填充白色，再回到背景圖層，將背景圖層全部填充黑色，取消選區(qū)，這樣文字與背景就已經(jīng)分離出來(lái)了。
這時(shí)我們?cè)匍_(kāi)始制作文字圖層樣式，首先，給文字上色，打開(kāi)圖層樣式面板，選擇漸變疊加，在面板中設(shè)置自己喜歡的漸變色，調(diào)整好角度，再降低不透明度，使?jié)u變過(guò)渡更自然好看：
接下來(lái)為了讓文字圖層的漸變效果與圖層相融合，我們可以在文字圖層下方再新建一個(gè)圖層，然后將兩個(gè)圖層合并(ctrl+E)：
合并好圖層之后，我們將這個(gè)文字圖層原位復(fù)制一層(ctrl+J)，再將復(fù)制好的圖層進(jìn)行：濾鏡-模糊-高斯模糊，我這里的模糊半徑為7px。然后我們又將模糊好的圖層再原位復(fù)制兩層，將這兩層的模式改為疊加。也就是說(shuō)到這里我們的文字圖層共有四層，第一層為正常的原始圖層，第二層模糊，但是模式為正常，第三層和第四層模糊，模式為疊加：
到這里我們的著色進(jìn)行的差不多了，但是霓虹燈應(yīng)該是會(huì)有一層光的投影的，所以我們?cè)賹⒆钌厦娴哪菍游淖謴?fù)制一層，將模式改為正常，然后將它放在第一個(gè)文字圖層下方，背景層上方，再給個(gè)高斯模糊，半徑7px，這個(gè)時(shí)候差不多投影的效果就出來(lái)了，然后為了是投影光線(xiàn)看起來(lái)更加飽和，我們還可以進(jìn)入：圖像-調(diào)整-色相/飽和度，調(diào)節(jié)個(gè)參數(shù)：
文字部分處理完成：
到這一步我們基本也快大功告成了，只需要再加上一些環(huán)境色或者背景，將整個(gè)畫(huà)面暈染得更有氛圍，在這里我是加了兩層薄薄的煙霧圖層，并且同樣給上與字體一樣的漸變疊加，調(diào)整兩個(gè)圖層的角度，降低透明度，以達(dá)到若隱若現(xiàn)的效果：
