Photoshop制作創(chuàng)意風(fēng)格的霓虹光感線框藝術(shù)字教程

在這個(gè)教程中,我們要學(xué)習(xí)的用Photoshop的幾個(gè)比較冷僻的濾鏡來(lái)打造一個(gè)時(shí)尚感的霓虹光感線框文字。所謂冷僻,也就是相比較不那么常用,當(dāng)然,除非你對(duì)濾鏡已經(jīng)摸索得足夠透徹。而且,我們經(jīng)過(guò)學(xué)習(xí)也會(huì)發(fā)現(xiàn),將幾個(gè)特殊效果的濾鏡巧妙的結(jié)合一起使用,能渲染出出乎人意料的效果。要完全掌握Photoshop的濾鏡功能,的確是件漫長(zhǎng)的過(guò)程。它像一個(gè)魔術(shù)百寶箱,千變?nèi)f化,而我們?nèi)腴T(mén)的那點(diǎn)簡(jiǎn)單的濾鏡技巧,顯然不能滿足日常應(yīng)用時(shí)突發(fā)的諸多復(fù)雜情況。
先看看效果圖
一、創(chuàng)建文字
在PS中新建一個(gè)文檔,文檔大小寬900px,高600px,分辨率為72ppi。將白色背景填充為黑色。在畫(huà)布上新建一個(gè)文字圖層,寫(xiě)上你的內(nèi)容主體。我在此用的是一款叫做Vrinda Bold的字體,你也可以用其他的字體,但注意字間距的最佳比例,以及文字盡量選擇無(wú)襯線的字體。色彩選用白色。
這時(shí),選中文字層與背景層,使用快捷組合鍵“Ctrl+E”合并這兩個(gè)圖層。
二、濾鏡-波紋
進(jìn)入【濾鏡>扭曲>波浪】,出現(xiàn)波浪濾鏡的屬性設(shè)置面板。在這個(gè)看似很復(fù)雜的操作面板上,其實(shí)并沒(méi)有看起來(lái)那么神秘,我們只需要試著去調(diào)整其中的參數(shù),就會(huì)在相應(yīng)的預(yù)覽框中看到預(yù)覽效果。因此,我這里所提供的參數(shù)值只適用于本案例的情況,僅供參考。
在視覺(jué)效果上,我認(rèn)為錯(cuò)落有致,而又能辨認(rèn)出文字本身為佳。根據(jù)你的理想造型,你可以利用濾鏡的變化做出各種變化方案。
三、濾鏡-碎片
接下來(lái)讓我們?yōu)槲淖掷^續(xù)添加一些特殊效果,這時(shí),我們會(huì)用到另一個(gè)叫做碎片的濾鏡。進(jìn)入【濾鏡>像素化>碎片】。碎片濾鏡是一個(gè)不需要設(shè)置參數(shù)的濾鏡,它的效果直接而顯著。
四、濾鏡-照亮邊緣
一開(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。
五、從背景分離文字
又來(lái)到最初的主題,線框光感文字,在此我們已經(jīng)做出了線框,如果沒(méi)有使用濾鏡,也許你會(huì)在AI折騰出線條,導(dǎo)出PNG格式的圖片,當(dāng)然努力不會(huì)白費(fèi),這也讓你自豪地?fù)碛辛司€框。但現(xiàn)在用濾鏡的做法卻讓我失去了對(duì)線框的控制權(quán),為了“擁有”線框,我們能想出什么辦法來(lái)嗎?目的是讓線框文字與黑色背景分離。這里,我的解決方式也許可供參考。
依然選中這個(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)。確保你選擇的是白色的線框文字的部分,如果不是,就采用反選的方式選中白色部分。
回到圖層面板,我們可以看到我們的螞蟻線還在。繼續(xù)保持!新建一個(gè)圖層,將前景色設(shè)置為白色,然后在螞蟻線所選擇的區(qū)域里填充白色。再將背景填充黑色。取消選區(qū)。
六、霓虹光感文字
實(shí)現(xiàn)光感效果,在曾經(jīng)我寫(xiě)過(guò)的制作閃亮的藝術(shù)效果文字、霓虹效果廣告圖制作中,已經(jīng)詳解過(guò)制作光感效果的步驟。當(dāng)然,這里我們還將重復(fù)使用到類(lèi)似的方法。為文字圖層增加漸變疊加的圖層樣式,給文字上色。圖層樣式面板中的參數(shù)可以參考如下:
設(shè)置后的效果如下:
這里我教給大家一個(gè)讓圖層樣式與圖層完全融合的小技巧,例如在此我想要讓文字的疊加效果完全和文字圖層融合,這時(shí)在文字層下方新建一個(gè)圖層,然后同時(shí)選中文字層與下方的圖層,利用快捷組合鍵Ctrl+E合并兩個(gè)圖層即可。
接下來(lái),讓我們?yōu)槲淖衷黾庸飧行Ч?。?fù)制文字圖層。將復(fù)制層的圖層運(yùn)用高斯模糊濾鏡,模糊半徑為5px。再將模糊層復(fù)制一層,圖層的混合模式改為疊加。然后在此基礎(chǔ)上再?gòu)?fù)制一層。
文字的背景部分也應(yīng)該相應(yīng)增加一些光的投影效果。在此,我用文字拷貝圖層3復(fù)制后,將復(fù)制的圖層放置于文字下方,即背景層上方。將圖層混合模式改為正常。
進(jìn)入【濾鏡>模糊>高斯模糊】,模糊半徑設(shè)置為7px。
這時(shí)顯然這個(gè)圖層還沒(méi)有發(fā)揮出作為投影的表現(xiàn)效果,再通過(guò)調(diào)整圖層的色相和飽和度,進(jìn)入【圖像>調(diào)整>色相/飽和度】,只是稍微調(diào)整一下各種參數(shù)滑塊,讓整個(gè)效果往最終效果的方向去靠攏。點(diǎn)選“著色”一欄。微妙的調(diào)整就會(huì)讓最終效果更加出色。
OK,我的教程到此為止,但潤(rùn)色的過(guò)程還沒(méi)有結(jié)束,你還需要繼續(xù)增加一些個(gè)性化的元素組合。
后記:不知你是否有用筆記錄下所用的濾鏡呢?沒(méi)有的話,那就對(duì)了。沒(méi)有經(jīng)過(guò)自己動(dòng)手操作之前,任何技巧都不值得記下來(lái)。
以上就是Photoshop制作創(chuàng)意風(fēng)格的霓虹光感線框藝術(shù)字過(guò)程,希望大家喜歡!
相關(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自行車(chē)騎行文字海報(bào)設(shè)計(jì)技巧
ps怎么設(shè)計(jì)綠色騎行的字體?ps中想要設(shè)計(jì)一款自行車(chē)騎行的效果,該怎么設(shè)計(jì)這款字體呢?下面我們就來(lái)看看Photoshop自行車(chē)騎行文字海報(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