手把手教你用PS創(chuàng)建閃亮迷蒙的文字效果

編者按：@飛屋睿UIdesign今天的教程融會(huì)貫通，既結(jié)合了之前教程的方法，還增加了新的技巧。特別是圖層樣式部分，很多同學(xué)都難以理解的參數(shù)都有側(cè)重說明，是新手進(jìn)階鞏固的好機(jī)會(huì)，來學(xué)習(xí)吧！

前言：

@飛屋睿UIdesign：自己動(dòng)手操作過《PS教程！手把手教你創(chuàng)建迷醉的多彩霓虹燈文字》這個(gè)教程的同學(xué)也許會(huì)深深明白，如果用暗夜星空氛圍打造光感效果的確是非常炫目的。特別是在制作海報(bào)或廣告時(shí)，氛圍的營造有時(shí)就得靠這種暗夜里光感來震撼到觀眾。

還是那樣一句老話，最終效果不是目的，最重要是制作過程中，大家能樂在其中就好。

（提示：文章末尾提供了psd文檔下載）

素材免費(fèi)下載：

矢量花紋

grunge紋理圖片

一、新建文檔

在此，我是用西文來作為案例使用，中文也可以采用此種效果，只是由于中文的筆畫方向往四個(gè)方向散開，制作的時(shí)候需要頗費(fèi)些心思才可以把握住文字的協(xié)調(diào)性。

打開PS，新建一個(gè)1920px*1200px的文檔，新建一個(gè)圖層，填充圖層為黑色#1f1e1e。為這個(gè)圖層增加漸變疊加的圖層樣式，在圖層樣式的面板中，設(shè)置漸變色從深灰色#707070到白色#ffffff的徑向漸變，漸變的混合模式為“正片疊底”，透明度降低為60%。在徑向漸變的中心為白色，這讓背景呈現(xiàn)中間亮四周暗的效果。

漸變疊加后，大家可以仔細(xì)看到，徑向漸變會(huì)出現(xiàn)一圈圈的類似“年輪”的紋路。解決這個(gè)紋路的方法有很多，在此我用雜色濾鏡來處理。進(jìn)入【濾鏡>雜色>添加雜色】，在濾鏡設(shè)置面板中，雜色數(shù)量為2%，高斯分布，并選中單色。很多剛開始學(xué)PS的同學(xué)總是對(duì)面板中一些奇怪的參數(shù)感到好奇，其實(shí)大家未必一定要一開始就掌握所有的參數(shù)的意義。經(jīng)過多次對(duì)參數(shù)應(yīng)用，就能慢慢理解它的意思。

好了，讓我們開始寫字了。我選用了西文字體Kunstler Script Regular，字體選用上要注意，一定要體現(xiàn)“藝術(shù)感”，也就是說如果是普通的較正規(guī)的字體，效果運(yùn)用可能就不會(huì)這么理想。這也根據(jù)不同的字體，我們要選用不同的效果，甚至從文字表達(dá)的意思上也要統(tǒng)一風(fēng)格。我在此先寫一個(gè)”Design”。

再寫剩下的”by”和”Ray”，每個(gè)詞不必都一樣大小，根據(jù)字形的特點(diǎn)對(duì)詞進(jìn)行簡單排版，字與字之間最好能連在一起。

這時(shí)，我們還可以選擇一些矢量圖案來裝飾。我在這里提供了矢量花紋的下載，大家也可以利用手邊的素材,根據(jù)字形特點(diǎn)裝飾。這里我只簡單做了一點(diǎn)修飾，增加一些卷曲的線條。

二、應(yīng)用圖層樣式的效果

文字的外形做好了，讓我們將文字和裝飾一起合并為一個(gè)圖層，取名為“text”，快捷鍵為選中文字和裝飾后點(diǎn)擊ctrl+alt+E。將原有的圖層關(guān)掉。把這個(gè)新的合并圖層變?yōu)橹悄軐?duì)象。點(diǎn)擊圖層右鍵后，選中“轉(zhuǎn)為只能對(duì)象”的選項(xiàng)。

轉(zhuǎn)為智能對(duì)象后，這個(gè)圖層就能在原有像素范圍內(nèi)自由伸縮，而且在使用部分濾鏡時(shí)，還能將濾鏡作為智能濾鏡，方便對(duì)效果的控制和編輯。

這時(shí)，我們要對(duì)“text”圖層應(yīng)用漸變疊加的圖層樣式，漸變的色彩我選擇的是橙色-粉紅-藍(lán)綠色的線性漸變，角度為90度。在顏色的選擇上，你可以任意選擇，但要注意的是盡量使用亮度和純度都較高的色彩，這樣才能體現(xiàn)出這種“閃亮”的效果。面板樣式和漸變效果如下圖所示。

應(yīng)用漸變疊加后，讓我們?yōu)閳D層增加一個(gè)投影。雖然，在暗色的背景上應(yīng)用投影看起來不那么明顯，但是我們要知道的就是，不管一個(gè)小小的效果是否能第一眼就引起注意，正是這些細(xì)節(jié)部分才能構(gòu)成最終效果，所以不可輕視。這個(gè)投影的模式為正片疊底的黑色投影，透明度為100%，距離為5，大小為20，方向?yàn)?20度。詳細(xì)的參數(shù)參考如下圖。

然后，來到最重要的一個(gè)效果了，我認(rèn)為這個(gè)效果的運(yùn)用其實(shí)在所有同類效果中都是非常有效的。那就是為圖層添加“斜面和浮雕”。凡是所有要朝擬物方向設(shè)計(jì)的組件，你都可以先考慮是否可以用上這個(gè)效果。對(duì)于面板參數(shù)，大家并沒有必要第一次使用就完全記住，只要經(jīng)過多次的不斷嘗試調(diào)試后，你自然會(huì)理解面板中每個(gè)參數(shù)的作用。大家可以先看看我的面板參數(shù)：

就像字面意思一樣，例如角度、高光、陰影、深度、大小這些就較好理解，對(duì)于參數(shù)數(shù)值也并不是恒定不變，它們會(huì)根據(jù)環(huán)境和你設(shè)計(jì)文件的大小而改變。因此，你可以試著將每個(gè)滑塊都左右滑動(dòng)下，一邊滑動(dòng)一邊查看效果，直到找到最合適的那一點(diǎn)。

這個(gè)效果完成后，我們還要再來做一次這樣的效果，這一次，讓我們將text圖層復(fù)制，快捷方式是選中該圖層然后點(diǎn)擊ctrl+J。接下來我們要做的第一件事就是將這個(gè)復(fù)制層的填充調(diào)整為0%。填充被降至0后，這個(gè)圖層的任何顏色都不會(huì)再顯示，而它的圖層樣式卻能繼續(xù)產(chǎn)生效果。

我們把復(fù)制層的圖層樣式“漸變疊加”關(guān)掉，然后再調(diào)出斜面與浮雕的圖層樣式面板，在面板中對(duì)部分參數(shù)進(jìn)行修改。這里先要改的是方向，將方向改為下，深度增加到370，其他的參數(shù)大家可以參考如下圖。

大家如果覺得效果不夠強(qiáng)，可以把復(fù)制層再復(fù)制多一個(gè)。達(dá)到這樣類似的效果即可。

到此，我們?cè)購?fù)制一個(gè)上一步的圖層，這一次再來對(duì)斜面和浮雕進(jìn)行調(diào)整，關(guān)掉投影的圖層樣式。在參數(shù)面板中將軟化改為1，高光模式改為顏色減淡，并將透明度調(diào)為70%。

這時(shí)，我們的圖層樣式的應(yīng)用就完成了。

三、應(yīng)用圖案

網(wǎng)絡(luò)的圖案可謂浩如煙海，但是我們能否運(yùn)用到稱心如意的那個(gè)圖案，也許有時(shí)靠的是找圖案時(shí)的運(yùn)氣。所以，自制圖案對(duì)有限的時(shí)間來說就顯得特別重要。這里我想要為文字增加一種傾斜的百葉窗的圖案效果。

新建一個(gè)文件，大小為40px*200px，背景為透明。圖案的創(chuàng)建一般是從基礎(chǔ)的單元圖形開始。新建文檔成功后，運(yùn)用矩形工具拉出一個(gè)長為20px，高度為200的矩形選區(qū)。利用漸變工具，漸變色是從白色過渡到白色，都是白色，只是兩端白色從透明度為100到40的線性漸變。在矩形選區(qū)中應(yīng)用漸變。取消選區(qū)，將整個(gè)文檔定義為圖案。

完成定義圖案后，我們轉(zhuǎn)到文字的文件里，在文字上方新建一個(gè)圖層，將該圖層填充剛剛制作的圖案。

旋轉(zhuǎn)圖案圖層，將圖層混合模式改為“柔光”。

選中文字的圖層，按住ctrl鍵單擊圖層的縮略圖調(diào)出文字的選區(qū)。再保持選區(qū)的情況下，回到圖案圖層，點(diǎn)擊圖層面板下方的蒙版圖標(biāo)。由于有選區(qū)在，因此添加蒙版的時(shí)候就會(huì)自動(dòng)將沒有在選區(qū)內(nèi)的部分遮擋。而我們對(duì)文字添加的百葉窗圖案效果也就完成了。

四、增強(qiáng)效果

為了讓圖案變得更有魅力，適當(dāng)增加一些光的效果是個(gè)不錯(cuò)的選擇。這時(shí)，讓我們把文字和圖案合并一個(gè)圖層，選中合并后的圖層，進(jìn)入【濾鏡>模糊>高斯模糊】，模糊參數(shù)為10px。這里運(yùn)用高斯模糊，就好像增加了一絲朦朧的光暈。圖層的混合模式可改為濾色，如果覺得效果不夠強(qiáng)烈可以復(fù)制一層，稍微調(diào)整透明度即可。

我們還可以為這個(gè)圖案增加夜空的效果。在背景圖層的上方復(fù)制一個(gè)背景層，進(jìn)入【濾鏡>添加雜色】，雜色的數(shù)量為30，單色。然后在這個(gè)圖層上運(yùn)用色階調(diào)整圖層，記得將色階調(diào)整圖層轉(zhuǎn)為剪切蒙版，只在這個(gè)圖層上運(yùn)用。改變色階的滑塊來創(chuàng)作效果。再將這個(gè)圖層的混合模式變?yōu)轭伾珳p淡。

這時(shí)，讓我們?cè)偬砑右粋�(gè)grunge的圖案，圖案可以在文章開頭提供下載的地方去下載，然后拖入到所有圖層最上方的位置。將圖案的混合模式改為正片疊底。

還可以繼續(xù)增加效果嗎？當(dāng)然。你可以拿出光暈的畫筆點(diǎn)綴些光芒。或者其他。我在此不再一一贅述。只要你能把整體效果拿捏得好，一切都順心所欲。

最終效果圖如下：

后記

這類閃亮的藝術(shù)效果對(duì)于字體的選用非常講究，而且文字的數(shù)量不應(yīng)太多。對(duì)于擬物特效的把握，最重要關(guān)注的地方就是高光和陰影的部分。這兩部分處理好了，效果才會(huì)更加立體而寫實(shí)化。