ps波紋彩色字教程(7)
這個(gè)教程將詳細(xì)地教你如何制作超酷炫的帶電字體。霓虹效果結(jié)合文字、電波以及星光,繽紛色彩用在這里非?,光線也能有效地抓住人的眼球。希望大家舉一反三,也來(lái)設(shè)計(jì)中文字體的帶電效果。下面讓我們一起來(lái)學(xué)習(xí)吧。
在教程開(kāi)始之前,先來(lái)欣賞下最終效果
第一步,新建文檔
新建一個(gè)1600px×1200px的文檔,背景色設(shè)置為黑色。
第二步 增加文字
添加Prisma字體,可以從 DaFont下載,設(shè)置字體大小為500pt(小編備注:分辨率72的情況下450pt差不多),白色。因?yàn)槲覀兿旅嬉o文字圖層應(yīng)用一些圖層樣式,所以文字顏色在這一步?jīng)]什么影響。
在應(yīng)用圖層樣式前我們需要把文字圖層的填充設(shè)置為0%。由于我們接下來(lái)要應(yīng)用兩種不同的圖層樣式,所以把文字圖層先復(fù)制一份。
注意:文字圖層是我們這個(gè)設(shè)計(jì)的基礎(chǔ),所以給它命名base_text,接下來(lái)在教程中都以此代替。
把文字置于文檔的中心處,跟背景圖層水平,垂直居中對(duì)齊。
第三步 添加圖層樣式
先給第一個(gè)文字圖層(下面的這個(gè))添加以下的圖層樣式。
漸變疊加
首先應(yīng)用漸變疊加,顏色從深藍(lán)到黃色,中間用紅色過(guò)渡,可參考下圖。
漸變顏色從左到右依次是藍(lán)色(#0A00B2),紅色(#FF0000)和黃色(#FFFC00)。
內(nèi)發(fā)光
現(xiàn)在應(yīng)用白色的內(nèi)發(fā)光
上面的兩個(gè)圖層樣式應(yīng)用完之后,文字看起來(lái)應(yīng)該是這樣的。
現(xiàn)在輪到第二個(gè)文字圖層(上方這個(gè)),將圖層填充改為0%,應(yīng)用內(nèi)發(fā)光,設(shè)置跟剛才的一樣。
第四步 給文字制作波動(dòng)效果
我們的基本的文字已經(jīng)準(zhǔn)備好了,接下來(lái)將要添加一些波動(dòng)效果。為此我們給復(fù)制后的圖層應(yīng)用波浪濾鏡,選擇濾鏡→扭曲→波紋,數(shù)量 = 100%,大小 = 大,點(diǎn)擊ok應(yīng)用。
應(yīng)用濾鏡后我們得到了波紋效果的文字。
這是目前為止我們獲得的效果:
第五步:制作光電波
下一步,我們來(lái)制作光電波效果。使用矩形工具(U)在文字下方繪制一個(gè)細(xì)長(zhǎng)的矩形,寬度跟文字上單獨(dú)一根線條的寬差不多,長(zhǎng)度比文字長(zhǎng)些,這是要讓波浪看起來(lái)有種環(huán)繞著文字穿梭的感覺(jué)。
給矩形應(yīng)用內(nèi)發(fā)光((小編備注:先將填充改為0%),設(shè)置還是跟之前一樣,但為矩形的寬調(diào)整下發(fā)光大小,我們使用大小 = 8,你也可以按自己偏好設(shè)置。
應(yīng)用完內(nèi)發(fā)光樣式后,矩形將如下圖所示:
現(xiàn)在我們的矩形已經(jīng)準(zhǔn)備好變身波浪了,我們將使用波浪濾鏡,選擇濾鏡→扭曲→波浪,設(shè)置如下。
你可以看到,基本的光波已經(jīng)制作好了。
接著依樣畫(huà)葫蘆制作4-5條波浪,來(lái)些明亮或柔和的顏色,讓霓虹看起來(lái)像彩色的波浪一樣。
我們用RGB顏色:青,品紅,綠,和黃色又制作了不同顏色的波浪。顏色信息你可以參考下圖,你也可以按照自己喜好來(lái)選色。
波浪完成后,將它們所在圖層進(jìn)行編組,全選波浪圖層,選擇圖層→圖層編組(Ctrl + G)。組合后的圖層重命名下,方便識(shí)別。
現(xiàn)在我們也要對(duì)波浪應(yīng)用下波紋效果。右鍵單擊選擇復(fù)制組,對(duì)波浪組進(jìn)行復(fù)制,然后選擇圖層→合并組(Ctrl + E)。
對(duì)這個(gè)新的圖層應(yīng)用波紋效果,選擇濾鏡→扭曲→波紋,設(shè)置跟之前一樣,數(shù)量=100%,大小 = 大,點(diǎn)擊ok應(yīng)用。
這是到目前為止我們已經(jīng)獲得的效果。
接下來(lái)復(fù)制波紋化后的圖層,應(yīng)用一些模糊來(lái)給波浪營(yíng)造發(fā)光效果,選擇濾鏡→模糊→高斯模糊,半徑設(shè)置為10px,然后點(diǎn)擊ok應(yīng)用。
應(yīng)用完模糊后,波浪看起來(lái)就像這樣…
現(xiàn)在是時(shí)候給文字也來(lái)點(diǎn)發(fā)光效果了。復(fù)制波紋化后的文字圖層,就是那個(gè)應(yīng)用了波紋扭曲濾鏡的,將它移動(dòng)到頂部然后應(yīng)用高斯模糊,半徑設(shè)置為10px。我們需要降低基礎(chǔ)文字的亮度,因此再給圖層添加一些藍(lán)色或青色的光。選擇圖像→調(diào)整→色相/飽和度,勾選右下角著色選框,移動(dòng)滑塊選擇柔和點(diǎn)的青色,點(diǎn)擊ok應(yīng)用。
然后我們的文字會(huì)看起來(lái)像這樣(小編備注:此時(shí)將該圖層填充改為100%,不然看不到效果)。你可以看到漸變色的亮度已經(jīng)被最小化了。
第六步 制作網(wǎng)格
下一步,我們將通過(guò)增加一個(gè)透視的網(wǎng)格給整個(gè)作品營(yíng)造出復(fù)古的效果。因此,我們將用到網(wǎng)格筆刷50 Deadly Tron Grids—Arcnerva。
下載解壓后將筆刷復(fù)制到筆刷文件夾。然后在PS中選擇筆刷工具(B),設(shè)置前景色為RGB青色,到筆刷工具的選項(xiàng)里加載這個(gè)網(wǎng)格筆刷。
現(xiàn)在從網(wǎng)格筆刷中選擇名字叫g(shù)rid 10的那個(gè),創(chuàng)建一個(gè)新的圖層,沿著圖像的底部繪制一張網(wǎng)格,如下圖所示。
接下來(lái)我們需要重新設(shè)置網(wǎng)格的大小,讓它和文字的寬度相匹配,選擇編輯→變形→縮放(Ctrl + T)進(jìn)行調(diào)整,大小如下圖所示。
然后添加蒙版,用柔軟的圓形筆刷,200px,硬度0%,文字后面的網(wǎng)格擦除(小編備注:可結(jié)合矩形選框工具來(lái)遮)。
復(fù)制網(wǎng)格圖層,然后應(yīng)用模糊濾鏡,用高斯模糊給網(wǎng)格增加發(fā)光的效果。
第七步 制作倒影
下一步我們將在透視網(wǎng)格上給文字做一層漂亮微妙的倒影。復(fù)制base_text圖層,將復(fù)制后的圖層移動(dòng)至圖層頂部,選擇編輯→變形→垂直翻轉(zhuǎn)對(duì)圖層進(jìn)行翻轉(zhuǎn),然后往下拖拽直到頂部跟原來(lái)文字的底部接合。
接著我們要來(lái)調(diào)整倒影的透視來(lái)匹配網(wǎng)格。為此我們需要對(duì)倒影文字做變形,選擇編輯→變形→伸縮(Ctrl + T),如下圖所示。
提示:通過(guò)變形制作/改變透視
按了Ctrl + T后,不用右鍵選擇透視,可直接按住ctrl鍵不放拖拽圖層的四個(gè)角來(lái)調(diào)整透視。
調(diào)整透視后,倒影將如下圖所示。
現(xiàn)在我們的倒影雖然是扁平的,但還不夠好,因此我們需要微調(diào)下。給這個(gè)圖層添加一個(gè)蒙版,右鍵選擇添加圖層蒙版。選中蒙版后,選擇漸變工具,用默認(rèn)的黑白漸變,如果默認(rèn)不是這個(gè),就按D改為默認(rèn)。
在蒙版中繪制一個(gè)從底部到頂部的線性漸變,如圖所示。
改變倒影圖層的混合模式為顏色減淡,效果如下圖所示。
第八步 給文字添加波點(diǎn)
新建一個(gè)圖層,選擇柔軟的圓形筆刷,白色,直徑50px,硬度0%,在文字上隨機(jī)繪制一些波點(diǎn)。
將圖層混合模式改為疊加。
再新建一個(gè)圖層,改變筆刷直徑為100-150px,然后在文字跟網(wǎng)格相交處繪制一條柔白的區(qū)域。
將圖層混合模式改為疊加,圖層透明度設(shè)置為50%。
第九步 點(diǎn)睛
我們的教程接近尾聲了,效果已經(jīng)做完了,最后的點(diǎn)睛之筆,是要給整個(gè)效果增加一些空間感。為此我們將使用一張星云的圖片,我忘了自己是從哪里下載的,如果有人知道這張圖片的作者請(qǐng)告訴我們一聲,我們將盡快更新這個(gè)信息。你也可以使用你自己喜歡的星云圖片。
打開(kāi)星云圖片 ,復(fù)制粘貼到當(dāng)前的文檔中,為圖片新建一個(gè)圖層,調(diào)整圖片的大小。由于我們希望顏色能夠統(tǒng)一,因此要對(duì)圖片去色,再重新著上柔和柔和的青色。選擇圖像→調(diào)整→去色(Ctrl + shift + U)然后選擇圖像→調(diào)整→色相/飽和度,勾選右下角的著色選框,選擇柔和的青色,點(diǎn)擊ok?蓞⒖枷聢D的設(shè)置。
同樣的,我們需要擦除文字和網(wǎng)格下方的星云。所以給圖層新建一個(gè)蒙版,使用柔軟的筆刷直徑200px,硬度0%,將云圖底部的區(qū)域遮蓋住。
現(xiàn)在圖層挪到底部,僅次于背景圖層,改變圖層混合模式為屏幕模式,透明度設(shè)置為50%。大功告成,這就是最終的效果,請(qǐng)順便檢查下圖層是否整齊有序堆放。
終于我們有了最終的作品——五彩繽紛的電波文字。我有必要提一下,為了得到最終完美精準(zhǔn)的效果,請(qǐng)自由地使用濾鏡,選擇文字,應(yīng)用圖層樣式,以及在使用濾鏡的時(shí)候嘗試不同的設(shè)置。
學(xué)習(xí) · 提示
相關(guān)教程