當(dāng)前位置:首頁(yè)>ps入門教程>ps文字教程>普通字效>教程內(nèi)容

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。(4)

來源:優(yōu)設(shè)網(wǎng) 作者:飛屋睿UIdesign 學(xué)習(xí):57089人次
作者也是利用圖層樣式來制作霓虹字,只是制作的時(shí)候更注重細(xì)節(jié),不僅增加了煙霧背景,同時(shí)還加入了倒影,這樣畫面更逼真。

最終效果

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。

1、新建一個(gè)1920px*1080的文件,這個(gè)尺寸正是mac的尺寸。我們做網(wǎng)頁(yè)的滾動(dòng)播放的廣告圖時(shí),這個(gè)大小最為適合。不過具體的尺寸,仍然是看你的項(xiàng)目實(shí)際的需求。

填充一個(gè)黑色背景圖層,然后再新建一個(gè)圖層。將前景色設(shè)置為黑色,背景色設(shè)置為白色,進(jìn)入【濾鏡>渲染>云彩】,對(duì)該圖層添加云彩。如果一次云彩效果不夠,你還可以使用快捷鍵組合“ctrl+f”重復(fù)操作幾次。

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。

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

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。

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

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。
4、現(xiàn)在讓我們將這個(gè)圖層再?gòu)?fù)制(ctrl+J)出兩個(gè)圖層,其中一個(gè)混合模式改為“疊加”,置于圖層最上方,另一個(gè)圖層在原圖層上方,混合模式不變。

然后,用自由變換工具,將頂部的圖層縮短為原來大小的三分之二,另一個(gè)圖層縮短為原來的三分之一。這是為了營(yíng)造環(huán)境的立體感,因此,非但我們的主要對(duì)象的背景需要色彩效果,還要有倒影的感覺。那么,從字面上理解仍然不很清楚的同學(xué),可以看下圖。

到了這一步,背景就算是制作完成了?梢詫⑸厦孀龅膱D層放到新建組“背景”當(dāng)中,再在背景之上繼續(xù)做剩下的步驟。

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。

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

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。

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

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。

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

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。
8、我們收縮選區(qū)的目的,是為了建立一個(gè)比原有文字更細(xì)的標(biāo)識(shí),這是在打造光感效果的時(shí)候我時(shí)常用到的方法,尤其是光感效果是比較細(xì)的條狀圖形時(shí),頂部圖層的收縮就會(huì)產(chǎn)生一種聚光效果。

接下來,我們將這個(gè)頂部圖層也添加高斯模糊,模糊大小為2px。

然后,讓我們?yōu)槠湓黾訄D層樣式,首先,我將這個(gè)圖層的透明度降為90%,填充降低為0。接著,我要為它增加外發(fā)光的,外發(fā)光的設(shè)置面板參數(shù)如下。

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。

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

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。

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

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。

11、倒影的效果曾經(jīng)非常廣受好評(píng),制作方法也很簡(jiǎn)單。讓我們?cè)賮頊亓?xí)一下吧。將剛剛做好的文字標(biāo)識(shí)放入一個(gè)新建的組內(nèi),然后復(fù)制這個(gè)組。

使用自由變化工具,將該組進(jìn)行垂直翻轉(zhuǎn)的變化處理。把這個(gè)翻轉(zhuǎn)后的圖形,向下移動(dòng)到如下圖所示的位置。

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。

12、這樣看上去已經(jīng)似乎有倒影效果了,但是倒影也太明顯了。運(yùn)用我們的蒙版,為倒影組增加蒙版。選用黑白線性漸變工具,在蒙版上拉出黑白漸變。

記住蒙版的原理,黑色就能將原圖遮擋住,原圖不可見,白色則恢復(fù)為可見。這也就制造出了倒影的那種慢慢向下方隱去的效果。由于倒影本身也有透明感,因此我們?cè)賹⒌褂皩拥耐该鞫冉档?0%。

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。
13、還想增強(qiáng)視覺效果的,可以搭配云彩效果,增加煙霧的畫筆在背景層之上,文字標(biāo)識(shí)層之下,建立一個(gè)新的組。在該組內(nèi)新建一個(gè)圖層,選用煙霧畫筆,對(duì)其進(jìn)行自由的修飾。修飾后,請(qǐng)使用白色前景色,并將圖層混合模式改為“疊加”。

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。

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

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。

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

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。

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

圖層面板里能看到漸變的細(xì)節(jié)。

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。

最終效果:

ps發(fā)光字!教大家用ps做熒光霓虹燈字效果。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
劉一芊2018-02-21 12:56
網(wǎng)友求助請(qǐng)回答
網(wǎng)友4935620652017-06-01 04:07
求字體
糖聽波ken2017-05-27 06:11
嚴(yán)重學(xué)習(xí),但這圖片有種端著自己腦袋的感覺,慎!
孝感鴨王2017-05-27 05:37
非常想學(xué)習(xí)
吳法不二凡2017-05-27 04:54
謝樓主分享!。。。!
陽(yáng)光下的小妞2017-05-27 12:02
來學(xué)習(xí)一下~
你永遠(yuǎn)的港灣92017-05-27 09:44
學(xué)習(xí)了
白兔地上蹦2017-05-27 06:49
謝老師分享。。。。!
靈幻之艾薇2017-05-27 03:22
挖。真的嗎。老師大愛
王旋2016-11-01 05:06
第六部,將標(biāo)識(shí)的圖層--- 是哪個(gè)圖層?看不懂
王旋2016-11-01 05:11
第六部,將標(biāo)識(shí)的圖層--- 是哪個(gè)圖層?看不懂
zjuzjuqaf2014-12-30 05:18
簡(jiǎn)單的一個(gè)事情被你說的這么復(fù)雜也是一種能力
zjuzjuqaf2014-12-30 05:12
簡(jiǎn)單的一個(gè)事情被你說的這么復(fù)雜也是一種能力

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!