編者按：霓虹字效是經(jīng)典款教程，從很久之前到現(xiàn)在都沒過時(shí)，非常值得學(xué)起來。今天@AverageJoseph?給同學(xué)們一個(gè)特別容易上手的方法，幫大家迅速掌握這類效果的繪制操作 >>>

霓虹燈效極富酷感深邃之美，用PS創(chuàng)建霓虹字效其實(shí)超簡(jiǎn)單。本期教程，選用粉色作為燈光色，如果你偏好藍(lán)色或者綠色，也可稍作嘗試。

第一步：創(chuàng)建文字圖層

首先，PS新建大小為1400*525像素的文件，當(dāng)然咯，創(chuàng)建文件大小并無(wú)嚴(yán)格要求，合適即可。背景填充深灰藍(lán)（#2b3036）。輸入黑色文字：NEON LIGHT，選用字體Myriad Pro，不過，使用常見的Ariel 或Helvetica字體同樣奏效，然后，稍微調(diào)整一下字體大小使其美觀即可。

在文字的上下邊緣添加兩條參考線。

新建圖層，命名為：垂線，在該圖層用畫筆工具，繪制字體上所有的豎線部分，筆刷大小10像素。按住shift鍵，打造完美直線。

同理，再新建一層圖層，命名為：水平線。畫出所有水平的線條，注意，在本該連接的關(guān)節(jié)處留下空隙。

至于文字中的曲線部分，可以使用鋼筆工具，繪制出平滑路徑，再點(diǎn)擊畫筆工具，大小設(shè)置為10像素，按下回車鍵即可。

現(xiàn)在，可以將剛開始的黑色文字圖層刪除，得到如下效果。

第二步：添加水平光效

將“水平線”圖層的圖層填充設(shè)置為0，復(fù)制該圖層，得到“水平線圖層副本”，接下來，再為“水平線”圖層設(shè)置圖層樣式，樣式參數(shù)詳情見下圖。

這時(shí)，達(dá)到的效果如下圖：

設(shè)置“水平線圖層副本”的圖層樣式，參數(shù)設(shè)置詳情見下圖：

這時(shí)，你將看到的效果是這樣的：

第三步：添加垂直光效

同理，將“垂線”圖層的圖層填充設(shè)置為0，復(fù)制該圖層，得到“垂線圖層副本”。接著，設(shè)置“垂線”圖層的圖層樣式，詳細(xì)參數(shù)見下圖。

這時(shí)，你將看到的效果是這樣的：

至于“垂線圖層副本”的圖層樣式，詳細(xì)參數(shù)如下圖：

第四步：添加光效?優(yōu)化細(xì)節(jié)

做到此處時(shí)，耐心可嘉，接下來的步驟則會(huì)簡(jiǎn)易有趣。新建圖層，選用粉色系，大號(hào)柔軟筆刷，為文字周圍添加光效。該圖層混合模式設(shè)置為：疊加，確保其在文字圖層的底層。

為了讓文字光效更為明顯，可以在所有圖層之上，用白色筆刷添加些許高光效果。圖層疊加樣式設(shè)置為：疊加，下圖是一些可以添加高光的細(xì)節(jié)點(diǎn)。

第五步：連接霓虹燈文字

為了讓霓虹燈效更為逼真，在文字底層再新建一個(gè)圖層，選用筆刷工具，顏色：黑色，大?。?像素，畫直線，如圖，這一細(xì)節(jié)的描繪，讓字效整體看來更為自然。

第六步：添加背景紋理

最后一步，細(xì)化背景圖層，可以在網(wǎng)上找一張劃痕背景圖，放置于背景圖層之上，不透明度設(shè)置為30%，以便讓原來灰藍(lán)色的背景層顯現(xiàn)出來。

接著，添加一層線性漸變圖層，漸變顏色設(shè)置參考下圖，不透明度設(shè)置為40%，模式：疊加。

至此，完成，效果展示：

【優(yōu)設(shè)五月PS教程人氣榜】

Top 1：高手教你調(diào)出澄澈純凈色調(diào)！
《PS高手教程！后期如何調(diào)出畫面文藝澄凈的風(fēng)格？》

Top 2：效果超級(jí)贊的時(shí)鐘圖標(biāo)！
《PS圖標(biāo)教程！手把手教你繪制一枚幻彩絢麗的時(shí)鐘》

Top 3：清新淡雅的圖標(biāo)教程一枚！
《PS新手教程！手把手教你繪制一枚淡雅的播放器圖標(biāo)》

原文地址：Medialoot

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量95萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：