PS利用濾鏡設(shè)計(jì)制作漂亮的霓虹光絲文字
優(yōu)設(shè)網(wǎng) 發(fā)布時(shí)間:2015-04-22 11:25:46 作者:飛屋睿UIdesign
我要評(píng)論

作者制作光絲的方法非常不錯(cuò)。過(guò)程:先用一組濾鏡把文字轉(zhuǎn)為單色光絲;然后在通道中把光絲提取出來(lái),并在圖層面板重新填色;再用圖層樣式給光絲上色
作者制作光絲的方法非常不錯(cuò)。過(guò)程:先用一組濾鏡把文字轉(zhuǎn)為單色光絲;然后在通道中把光絲提取出來(lái),并在圖層面板重新填色;再用圖層樣式給光絲上色;最后用圖層疊加增加發(fā)光效果即可。
最終效果

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

2、這時(shí),選中文字層與背景層,使用快捷組合鍵“Ctrl+E”合并這兩個(gè)圖層。

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

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

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

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

7、依然選中這個(gè)圖層后,全選(Ctrl+A)這個(gè)圖層,再?gòu)?fù)制(Ctrl+C),這時(shí),進(jìn)入到通道面板,在通道面板里點(diǎn)擊面板下方的新建新通道的圖標(biāo)。這時(shí),我們就建立了一個(gè)空白的Alpha通道。選中這一新的通道,粘貼(Ctrl+V)。 通道的作用在此記錄了黑白顏色信息,因此你同時(shí)按住Ctrl鍵再用鼠標(biāo)單擊這一通道,這時(shí),圖層上出現(xiàn)了螞蟻線,這一圖層的黑白信息就被分離開(kāi)來(lái)。確保你選擇的是白色的線框文字的部分,如果不是,就采用反選的方式選中白色部分。

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

9、為文字圖層增加漸變疊加的圖層樣式,給文字上色。圖層樣式面板中的參數(shù)可以參考如下。


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

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

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

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

最終效果:
最終效果

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

2、這時(shí),選中文字層與背景層,使用快捷組合鍵“Ctrl+E”合并這兩個(gè)圖層。

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

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

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

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

7、依然選中這個(gè)圖層后,全選(Ctrl+A)這個(gè)圖層,再?gòu)?fù)制(Ctrl+C),這時(shí),進(jìn)入到通道面板,在通道面板里點(diǎn)擊面板下方的新建新通道的圖標(biāo)。這時(shí),我們就建立了一個(gè)空白的Alpha通道。選中這一新的通道,粘貼(Ctrl+V)。 通道的作用在此記錄了黑白顏色信息,因此你同時(shí)按住Ctrl鍵再用鼠標(biāo)單擊這一通道,這時(shí),圖層上出現(xiàn)了螞蟻線,這一圖層的黑白信息就被分離開(kāi)來(lái)。確保你選擇的是白色的線框文字的部分,如果不是,就采用反選的方式選中白色部分。

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

9、為文字圖層增加漸變疊加的圖層樣式,給文字上色。圖層樣式面板中的參數(shù)可以參考如下。


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

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

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

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

最終效果:

相關(guān)文章
ps怎么制作文字平鋪效果圖 photoshop制作滿屏字幕的技巧
ps怎么制作文字平鋪效果圖?ps輸入的文字,想要平鋪制作滿屏字幕的效果,該怎么操作呢?下面我們就來(lái)看看photoshop制作滿屏字幕的技巧2023-08-24- ps怎么做殘破字?ps中想要給好好的文字做殘破效果,該怎么制作呢?下面我們就來(lái)看看ps字體做殘缺效果的制作方法2023-08-19
ps怎么設(shè)計(jì)彩色的色塊字體? ps色彩斑斕文字效果的制作方法
ps怎么設(shè)計(jì)彩色的色塊字體?想要設(shè)計(jì)一款色塊組成的文字,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看ps色彩斑斕文字效果的制作方法2023-08-19ps文字圖層怎么設(shè)置濾鏡? ps給文字添加濾鏡效果的技巧
ps文字圖層怎么設(shè)置濾鏡?ps輸入的文字需要一些效果,該怎么給文字圖層添加濾鏡效果呢?下面我們就來(lái)看看ps給文字添加濾鏡效果的技巧2023-07-03ps設(shè)計(jì)制作圍巾字體怎么弄? ps圍巾藝術(shù)字制作方法
ps設(shè)計(jì)制作圍巾字體怎么弄?ps中想要設(shè)計(jì)一款藝術(shù)字體,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看看ps圍巾藝術(shù)字制作方法2023-05-12ps怎么設(shè)計(jì)扭曲3D文字效果? photoshop三維立體錯(cuò)亂字體制作技巧
ps怎么設(shè)計(jì)扭曲3D文字效果?字體無(wú)論是平面還是視頻都很常用,想要設(shè)計(jì)一款三維立體錯(cuò)亂字體,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看photoshop三維立體錯(cuò)亂字體制作技巧2023-04-03ps圍繞中心旋轉(zhuǎn)扭曲的字體怎么做? ps設(shè)計(jì)中心扭曲文字字體的技巧
ps圍繞中心旋轉(zhuǎn)扭曲的字體怎么做?ps中想要設(shè)計(jì)一款扭曲的文字,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看ps設(shè)計(jì)中心扭曲文字字體的技巧2023-04-03ps怎么設(shè)計(jì)綠色騎行的字體? Photoshop自行車騎行文字海報(bào)設(shè)計(jì)技巧
ps怎么設(shè)計(jì)綠色騎行的字體?ps中想要設(shè)計(jì)一款自行車騎行的效果,該怎么設(shè)計(jì)這款字體呢?下面我們就來(lái)看看Photoshop自行車騎行文字海報(bào)設(shè)計(jì)技巧2023-03-24ps怎么做刪除原價(jià)格的效果? PhotoShop添加文字刪除線的技巧
ps怎么做刪除原價(jià)格的效果?一般商場(chǎng)都能看到原價(jià)格和優(yōu)惠價(jià),原價(jià)格都會(huì)添加刪除線個(gè),該怎么添加呢?下面我們就來(lái)看看PhotoShop添加文字刪除線的技巧2023-02-21ps怎么設(shè)計(jì)七夕長(zhǎng)投影立體字海報(bào)? PS給文字制作長(zhǎng)投影圖文教程
ps怎么設(shè)計(jì)七夕長(zhǎng)投影立體字海報(bào)?想要做一個(gè)七夕的字體海報(bào),最好是立體的,今天我們就來(lái)看看PS給文字制作長(zhǎng)投影圖文教程2023-02-14