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

霓虹字,制作五光十色的霓虹藝術(shù)文字(4)

來源:UI制造者 作者:淅瀝小雨 學(xué)習(xí):23225人次

本篇教程通過PS制作五光十色的霓虹藝術(shù)文字,以前流行過一段時(shí)間,現(xiàn)在又流行回來,就像大街上的大喇叭褲,看來人的喜歡著實(shí)是兜兜轉(zhuǎn)轉(zhuǎn),本篇的霓虹字屬于漸變色,在顏色搭配上也比較出挑,看后給人印象深刻的感覺,設(shè)計(jì)這個(gè)東西關(guān)鍵是要吸引人的關(guān)注,具體如何制作我們一起通過教程學(xué)習(xí)一下吧。

效果圖:

霓虹字,制作五光十色的霓虹藝術(shù)文字_www.theoat.com.cn
www.theoat.com.cn

操作步驟:

這次我們主要要用到的就是ps里面的濾鏡工具,首先我們先建立一個(gè)圖層,可以根據(jù)你文字的長(zhǎng)短來定,建立好文檔之后,將背景色填充為黑色,然后新建一個(gè)文字圖層,寫上你的內(nèi)容,字體注意將間距拉開一些,方便變形,這里我用的是蘭亭黑簡(jiǎn)體,顏色選擇白色:

霓虹字,制作五光十色的霓虹藝術(shù)文字_www.theoat.com.cn

字體排列好了之后,將文字圖層與背景合并(ctrl+E),合并后選擇:濾鏡-扭曲-波浪,然后調(diào)整波長(zhǎng)與波幅的參數(shù),你可以根據(jù)你的字體內(nèi)容來設(shè)置數(shù)據(jù),這是我的參數(shù)(僅供參考):

霓虹字,制作五光十色的霓虹藝術(shù)文字_www.theoat.com.cn

在右邊你可以看到你的預(yù)覽效果,我個(gè)人覺得上下有些錯(cuò)落比較好看,參數(shù)設(shè)置好以后我們?cè)倮^續(xù)添加一些效果:濾鏡-像素化-碎片,這個(gè)濾鏡不需要設(shè)置參數(shù),直接給出效果:

霓虹字,制作五光十色的霓虹藝術(shù)文字_www.theoat.com.cn

接下來,我們就要把圖形轉(zhuǎn)化為線框了,因?yàn)榇蠹叶贾篮芏嗄藓鐭糇煮w其實(shí)都是由一條條霓虹燈線拼湊而成的,所以我們繼續(xù)進(jìn)入:濾鏡-風(fēng)格化-照亮邊緣(有的版本的ps風(fēng)格化里面沒有這個(gè)選項(xiàng),就可以從濾鏡-濾鏡庫里進(jìn)入),這里我設(shè)置的參數(shù)為1、6、1:

霓虹字,制作五光十色的霓虹藝術(shù)文字_www.theoat.com.cn

到了這一步,我們就需要把文字與圖層分離出來了,方法有很多,我這里用的方法也是I僅供參考的,先選中這個(gè)圖層,全選(ctrl+A),再?gòu)?fù)制一層(ctrl+C),然后進(jìn)入通道面板,在通道面板里新建一個(gè)空白的alpha通道,最后選中這個(gè)通道,粘貼(ctrl+V):

霓虹字,制作五光十色的霓虹藝術(shù)文字_www.theoat.com.cn

復(fù)制好之后,就在這個(gè)圖層上,按住ctrl鍵,再用鼠標(biāo)單擊這個(gè)圖層,圖層出現(xiàn)螞蟻線,文字白色部分被選中:

霓虹字,制作五光十色的霓虹藝術(shù)文字_www.theoat.com.cn

現(xiàn)在我們?cè)倩氐綀D層面板里,新建一個(gè)圖層,在新圖層中將螞蟻線內(nèi)填充白色,再回到背景圖層,將背景圖層全部填充黑色,取消選區(qū),這樣文字與背景就已經(jīng)分離出來了。

這時(shí)我們?cè)匍_始制作文字圖層樣式,首先,給文字上色,打開圖層樣式面板,選擇漸變疊加,在面板中設(shè)置自己喜歡的漸變色,調(diào)整好角度,再降低不透明度,使?jié)u變過渡更自然好看:

霓虹字,制作五光十色的霓虹藝術(shù)文字_www.theoat.com.cn

接下來為了讓文字圖層的漸變效果與圖層相融合,我們可以在文字圖層下方再新建一個(gè)圖層,然后將兩個(gè)圖層合并(ctrl+E):

霓虹字,制作五光十色的霓虹藝術(shù)文字_www.theoat.com.cn

合并好圖層之后,我們將這個(gè)文字圖層原位復(fù)制一層(ctrl+J),再將復(fù)制好的圖層進(jìn)行:濾鏡-模糊-高斯模糊,我這里的模糊半徑為7px。然后我們又將模糊好的圖層再原位復(fù)制兩層,將這兩層的模式改為疊加。也就是說到這里我們的文字圖層共有四層,第一層為正常的原始圖層,第二層模糊,但是模式為正常,第三層和第四層模糊,模式為疊加:

霓虹字,制作五光十色的霓虹藝術(shù)文字_www.theoat.com.cn

到這里我們的著色進(jìn)行的差不多了,但是霓虹燈應(yīng)該是會(huì)有一層光的投影的,所以我們?cè)賹⒆钌厦娴哪菍游淖謴?fù)制一層,將模式改為正常,然后將它放在第一個(gè)文字圖層下方,背景層上方,再給個(gè)高斯模糊,半徑7px,這個(gè)時(shí)候差不多投影的效果就出來了,然后為了是投影光線看起來更加飽和,我們還可以進(jìn)入:圖像-調(diào)整-色相/飽和度,調(diào)節(jié)個(gè)參數(shù):

霓虹字,制作五光十色的霓虹藝術(shù)文字_www.theoat.com.cn

文字部分處理完成:

霓虹字,制作五光十色的霓虹藝術(shù)文字_www.theoat.com.cn

到這一步我們基本也快大功告成了,只需要再加上一些環(huán)境色或者背景,將整個(gè)畫面暈染得更有氛圍,在這里我是加了兩層薄薄的煙霧圖層,并且同樣給上與字體一樣的漸變疊加,調(diào)整兩個(gè)圖層的角度,降低透明度,以達(dá)到若隱若現(xiàn)的效果:

霓虹字,制作五光十色的霓虹藝術(shù)文字_www.theoat.com.cn

步驟很簡(jiǎn)單,效果卻是是有設(shè)計(jì)感,同學(xué)們可以根據(jù)教程提示來自己試著自己做一下,設(shè)計(jì)更別樣的文字。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
起個(gè)名差點(diǎn)瘋2018-07-27 01:15
大神就厲害
陳曉帥2018-07-27 12:41
大神厲害。
青春憂傷de子彈2018-07-27 11:38
求指導(dǎo)
清君十里2018-07-27 10:40
點(diǎn)贊
小資情調(diào)控2018-07-27 09:06
制作的很好。謝謝老師
放開那小妞2018-07-27 04:22
頂頂
吳文彬20112018-07-27 04:18
簽到

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

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