















]]>要完全掌握Photoshop的濾鏡功能,的確是件漫長的過程。它像一個魔術(shù)百寶箱,千變?nèi)f化,而我們?nèi)腴T的那點簡單的濾鏡技巧,顯然不能滿足日常應(yīng)用時突發(fā)的諸多復(fù)雜情況。
在這個教程中,我們要學(xué)習(xí)的用Photoshop的幾個比較冷僻的濾鏡來打造一個時尚感的霓虹光感線框文字。所謂冷僻,也就是相比較不那么常用,當(dāng)然,除非你對濾鏡已經(jīng)摸索得足夠透徹。
而且,我們經(jīng)過學(xué)習(xí)也會發(fā)現(xiàn),將幾個特殊效果的濾鏡巧妙的結(jié)合一起使用,能渲染出出乎人意料的效果。

(提示:文章末尾提供PSD源文檔下載)
一、創(chuàng)建文字
在PS中新建一個文檔,文檔大小寬900px,高600px,分辨率為72ppi。將白色背景填充為黑色。
在畫布上新建一個文字圖層,寫上你的內(nèi)容主體。我在此用的是一款叫做Vrinda Bold的字體,你也可以用其他的字體,但注意字間距的最佳比例,以及文字盡量選擇無襯線的字體。色彩選用白色。

這時,選中文字層與背景層,使用快捷組合鍵“Ctrl+E”合并這兩個圖層。

二、濾鏡-波紋
進入【濾鏡>扭曲>波浪】,出現(xiàn)波浪濾鏡的屬性設(shè)置面板。在這個看似很復(fù)雜的操作面板上,其實并沒有看起來那么神秘,我們只需要試著去調(diào)整其中的參數(shù),就會在相應(yīng)的預(yù)覽框中看到預(yù)覽效果。因此,我這里所提供的參數(shù)值只適用于本案例的情況,僅供參考。

在視覺效果上,我認為錯落有致,而又能辨認出文字本身為佳。根據(jù)你的理想造型,你可以利用濾鏡的變化做出各種變化方案。

三、濾鏡-碎片
接下來讓我們?yōu)槲淖掷^續(xù)添加一些特殊效果,這時,我們會用到另一個叫做碎片的濾鏡。進入【濾鏡>像素化>碎片】。碎片濾鏡是一個不需要設(shè)置參數(shù)的濾鏡,它的效果直接而顯著。

四、濾鏡-照亮邊緣
一開始我們就說過要做線框文字效果,沒錯,這一步將會運用照亮邊緣濾鏡將文字轉(zhuǎn)化為線框。當(dāng)然,你可以運用到其他的方法。
進入【濾鏡>風(fēng)格化>照亮邊緣】,在照亮邊緣的參數(shù)設(shè)置面板中,將邊緣寬度設(shè)置為1,邊緣亮度為6,平滑度為1。

五、從背景分離文字
又來到最初的主題,線框光感文字,在此我們已經(jīng)做出了線框,如果沒有使用濾鏡,也許你會在AI折騰出線條,導(dǎo)出PNG格式的圖片,當(dāng)然努力不會白費,這也讓你自豪地擁有了線框。但……現(xiàn)在用濾鏡的做法卻讓我失去了對線框的控制權(quán)。
為了“擁有”線框,我們能想出什么辦法來嗎?目的是讓線框文字與黑色背景分離。這里,我的解決方式也許可供參考。
依然選中這個圖層后,全選(Ctrl+A)這個圖層,再復(fù)制(Ctrl+C),這時,進入到通道面板,在通道面板里點擊面板下方的新建新通道的圖標(biāo)。這時,我們就建立了一個空白的Alpha通道。選中這一新的通道,粘貼(Ctrl+V)。
通道的作用在此記錄了黑白顏色信息,因此你同時按住Ctrl鍵再用鼠標(biāo)單擊這一通道,這時,圖層上出現(xiàn)了螞蟻線,這一圖層的黑白信息就被分離開來。確保你選擇的是白色的線框文字的部分,如果不是,就采用反選的方式選中白色部分。

回到圖層面板,我們可以看到我們的螞蟻線還在。繼續(xù)保持!新建一個圖層,將前景色設(shè)置為白色,然后在螞蟻線所選擇的區(qū)域里填充白色。再將背景填充黑色。取消選區(qū)。

六、霓虹光感文字
實現(xiàn)光感效果,在曾經(jīng)我寫過的制作閃亮的藝術(shù)效果文字、霓虹效果廣告圖制作中,已經(jīng)詳解過制作光感效果的步驟。當(dāng)然,這里我們還將重復(fù)使用到類似的方法。
為文字圖層增加漸變疊加的圖層樣式,給文字上色。圖層樣式面板中的參數(shù)可以參考如下:

設(shè)置后的效果如下:

這里我教給大家一個讓圖層樣式與圖層完全融合的小技巧,例如在此我想要讓文字的疊加效果完全和文字圖層融合,這時在文字層下方新建一個圖層,然后同時選中文字層與下方的圖層,利用快捷組合鍵Ctrl+E合并兩個圖層即可。

接下來,讓我們?yōu)槲淖衷黾庸飧行Ч?。?fù)制文字圖層。將復(fù)制層的圖層運用高斯模糊濾鏡,模糊半徑為5px。再將模糊層復(fù)制一層,圖層的混合模式改為疊加。然后在此基礎(chǔ)上再復(fù)制一層。

文字的背景部分也應(yīng)該相應(yīng)增加一些光的投影效果。在此,我用文字拷貝圖層3復(fù)制后,將復(fù)制的圖層放置于文字下方,即背景層上方。將圖層混合模式改為正常。
進入【濾鏡>模糊>高斯模糊】,模糊半徑設(shè)置為7px。

這時顯然這個圖層還沒有發(fā)揮出作為投影的表現(xiàn)效果,再通過調(diào)整圖層的色相和飽和度,進入【圖像>調(diào)整>色相/飽和度】,只是稍微調(diào)整一下各種參數(shù)滑塊,讓整個效果往最終效果的方向去靠攏。點選“著色”一欄。微妙的調(diào)整就會讓最終效果更加出色。

OK,我的教程到此為止,但潤色的過程還沒有結(jié)束,你還需要繼續(xù)增加一些個性化的元素組合。繼續(xù)娛樂吧!

后記
不知你是否有用筆記錄下所用的濾鏡呢?沒有的話,那就對了。沒有經(jīng)過自己動手操作之前,任何技巧都不值得記下來。還是那句話,enjoy!
下載PSD源文檔請點擊此處
]]>1、新建一個1920px*1080的文件,這個尺寸正是mac的尺寸。我們做網(wǎng)頁的滾動播放的廣告圖時,這個大小最為適合。不過具體的尺寸,仍然是看你的項目實際的需求。
填充一個黑色背景圖層,然后再新建一個圖層。將前景色設(shè)置為黑色,背景色設(shè)置為白色,進入【濾鏡>渲染>云彩】,對該圖層添加云彩。如果一次云彩效果不夠,你還可以使用快捷鍵組合“ctrl+f”重復(fù)操作幾次。

2、在云彩圖層上方再新建一個圖層,使用漸變工具,設(shè)置一個藍色(#15aec4)到黑色(#000000)的徑向漸變(這里的藍色也即是我在本例中所使用的主色調(diào),你可以參考,也可使用自己的配色)。漸變層做好后,將漸變層的圖層混合模式調(diào)整為“正片疊底”。

3、改為正片疊底后之后,樣式如下。

4、現(xiàn)在讓我們將這個圖層再復(fù)制(ctrl+J)出兩個圖層,其中一個混合模式改為“疊加”,置于圖層最上方,另一個圖層在原圖層上方,混合模式不變。
然后,用自由變換工具,將頂部的圖層縮短為原來大小的三分之二,另一個圖層縮短為原來的三分之一。這是為了營造環(huán)境的立體感,因此,非但我們的主要對象的背景需要色彩效果,還要有倒影的感覺。那么,從字面上理解仍然不很清楚的同學(xué),可以看下圖。
到了這一步,背景就算是制作完成了??梢詫⑸厦孀龅膱D層放到新建組“背景”當(dāng)中,再在背景之上繼續(xù)做剩下的步驟。

5、將做好的文字型標(biāo)識拖入其中,置于圖層上方,并放于正中,剛好讓它立于剛剛?cè)中Ч尘皥D的分界處稍下的位置。這樣會讓它看起來更具有立體感。

6、將標(biāo)識的圖層復(fù)制一層,然后暫時關(guān)掉復(fù)制層。再為標(biāo)識圖層添加“漸變疊加”的混合樣式。漸變的設(shè)置可以參考我給的配色,當(dāng)然要和主色調(diào)搭配才行,角度為0的線性漸變。漸變疊加后再為該圖層增加【濾鏡>模糊>高斯模糊】,模糊大小為18px,這里的大小主要看你的標(biāo)識大小,做到最終效果如下圖所示即可。

7、這時可以打開剛剛隱藏的復(fù)制層,將復(fù)制層先柵格化,按住ctrl鍵去點選該圖層,目的是為了調(diào)出該圖層的選區(qū)。然后進入【選擇>修改>收縮】,將選區(qū)收縮2個像素。然后將該圖層關(guān)掉,保持選區(qū)的情況下新建一個圖層,在選區(qū)內(nèi)填充白色。

8、我們收縮選區(qū)的目的,是為了建立一個比原有文字更細的標(biāo)識,這是在打造光感效果的時候我時常用到的方法,尤其是光感效果是比較細的條狀圖形時,頂部圖層的收縮就會產(chǎn)生一種聚光效果。
接下來,我們將這個頂部圖層也添加高斯模糊,模糊大小為2px。
然后,讓我們?yōu)槠湓黾訄D層樣式,首先,我將這個圖層的透明度降為90%,填充降低為0。接著,我要為它增加外發(fā)光的,外發(fā)光的設(shè)置面板參數(shù)如下。

9、再增加一個顏色疊加的圖層樣式,顏色疊加為白色。完成后,新建一個組,將該圖層添加到這個組當(dāng)中,然后把組的混合模式改為“顏色減淡”。

10、有人說,色彩太過多,看上去總是顯得不夠高檔,這很好辦,找到之前第一個已經(jīng)被高斯模糊18px處理過的圖層,再疊加一個單一的顏色即可。在這個PSD中,可以形成千變?nèi)f化的顏色,重復(fù)使用性很高。

11、倒影的效果曾經(jīng)非常廣受好評,制作方法也很簡單。讓我們再來溫習(xí)一下吧。將剛剛做好的文字標(biāo)識放入一個新建的組內(nèi),然后復(fù)制這個組。
使用自由變化工具,將該組進行垂直翻轉(zhuǎn)的變化處理。把這個翻轉(zhuǎn)后的圖形,向下移動到如下圖所示的位置。

12、這樣看上去已經(jīng)似乎有倒影效果了,但是倒影也太明顯了。運用我們的蒙版,為倒影組增加蒙版。選用黑白線性漸變工具,在蒙版上拉出黑白漸變。
記住蒙版的原理,黑色就能將原圖遮擋住,原圖不可見,白色則恢復(fù)為可見。這也就制造出了倒影的那種慢慢向下方隱去的效果。由于倒影本身也有透明感,因此我們再將倒影層的透明度降低60%。

13、還想增強視覺效果的,可以搭配云彩效果,增加煙霧的畫筆在背景層之上,文字標(biāo)識層之下,建立一個新的組。在該組內(nèi)新建一個圖層,選用煙霧畫筆,對其進行自由的修飾。修飾后,請使用白色前景色,并將圖層混合模式改為“疊加”。

14、這時還可以在背景層上方增加一些透明的白色矩形,透明度可以設(shè)置得非常小,利用透明度之間的交叉視覺營造出另外一種效果。復(fù)制多幾個,并使用蒙版、透明度來協(xié)調(diào)整體效果。

15、還需要為文字添加一個陰影,這時就不能使用圖層樣式的投影功能了。我們可以選用橢圓選擇工具,在文字標(biāo)識的下方選出一塊橢圓形,即添加陰影的地方。再為其羽化20px,填充黑色。將陰影層的圖層樣式改為柔光。

16、在整個構(gòu)圖中,我覺得下面的部分太過于暗,那么讓我們來增加一點舞臺的效果。在背景層之上新增一個圖層,利用剛剛的藍色到黑色的漸變,采用徑向漸變的方法,在下方拉一個半圓。也就是將藍色的漸變圓放置于下方。然后添加一個蒙版,剛剛我們已經(jīng)說過了蒙版的使用的方法,那么這里也采用同樣的方法,采用黑白漸變來修飾這個漸變圓。
圖層面板里能看到漸變的細節(jié)。

本教程制作的霓虹字是非常細的,如果選擇的字體較粗,就需要柵格化圖層后調(diào)出文字選區(qū),適當(dāng)?shù)氖湛s選區(qū),并反選刪除不需要的部分,然后再添加漸變、增加發(fā)光及加上裝飾小點即可。
最終效果
<點小圖查看大圖>
1、先打一個字母。載入選區(qū)。 拉七彩漸變。收縮選區(qū),DEL刪除中間。
2、CTRL+J二層,分別高斯模糊,一個小,一個大點,形成朦朧感。
3、載入前面的收縮后的選區(qū),再次收縮,添加白色,加一個外發(fā)光。
4、做一個圓形的筆刷,這個挺好做的,如果實在不想麻煩,可以去下一個。定好預(yù)設(shè),點字的周圍。添加一個漸變疊加。

5、柔角畫筆打上光斑,在字的邊上鋼筆畫線,描邊,選壓力。

6、下邊拉一個紫色到透明漸變,加蒙板,擦掉不要的部分。

7、柔角筆加點光點,復(fù)制一層,然后水平反轉(zhuǎn),降低透明度。
8、建組,柔角筆,降透明度我用的20%,畫背景光,復(fù)制一層,模式減去,透明度10%。加蒙板,擦掉不用的部分。
9、復(fù)制組,模式改為疊加。加蒙板,擦掉不用的部分。
添加裝飾文字,完成最終效果。
