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

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程(6)

來(lái)源:優(yōu)設(shè) 作者:Veles 學(xué)習(xí):46737人次

今天跟大家說(shuō)說(shuō)怎樣做燈牌式的霓虹燈文字效果,教程步驟詳細(xì),希望大家能從中學(xué)到一點(diǎn)做文字效果的技巧。喜歡的可以跟著一起練習(xí)一下,做完交作業(yè)。
先看看效果:
霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

第一步

新建畫(huà)板 寬度(W):1000像素 高度(H):800像素

分辨率(R):72像素/英寸 顏色模式:RGB顏色 8位 背景:白色

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

第二步

1.快捷鍵(T) 輸入文字

2.文字填充基礎(chǔ)色 黃色 色值:fae475

3.底色填充黑色漸變

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

第三步

1.新建2個(gè)空心矩形,分別命名 (外框)(內(nèi)框)

2.不知道空心矩形如何設(shè)置?那一步一步說(shuō)一下吧~

3.把上面的參數(shù)調(diào)成下面的就可以得到 邊為6點(diǎn) 的空心矩形(外框)

同理制作一個(gè)小一些的 (內(nèi)框)邊為3點(diǎn)。

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

第四步

1.基本圖形已經(jīng)弄出來(lái)了 下面準(zhǔn)備開(kāi)始弄效果,就是混合選項(xiàng)的設(shè)置。

先看看效果先如下:

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

2.圖層樣式如下:

用到描邊,顏色疊加,外發(fā)光

斜面和浮雕

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

3.(外框)混合圖層 具體參數(shù)如下:

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn
霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

到這里 (外框)基本設(shè)置完畢啦~~繼續(xù)下一步。

4.(內(nèi)框)混合圖層 具體參數(shù)如下:

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn
霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

噔噔噔噔~!是不是已經(jīng)完成了,有以下的畫(huà)面呢?

是的話成功一半啦,繼續(xù)往下看。

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

第五步

在背景下面 增加一個(gè)鐵絲網(wǎng),讓熒光字在鐵絲網(wǎng)上面,增加一些質(zhì)感,效果如下圖:

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

此時(shí)你的圖層是不是這樣的?好吧一定要有整理的習(xí)慣好好分類。哈哈~此時(shí)網(wǎng)格又不知道怎做嘛~

我繼續(xù)說(shuō)說(shuō) 制作網(wǎng)格的原理~~好吧 其實(shí)就是傻瓜式的~

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

01.新建一個(gè)長(zhǎng)方形矩形,然后快捷鍵 (CTRL+J) 復(fù)制一層,這時(shí)你的圖層會(huì)多了一個(gè) 矩形拷貝的圖層,對(duì)不對(duì)?

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

02.點(diǎn)擊圖層 矩形拷貝 (CTRL+T)一下,然后按著SHIT鍵 再按一下方向鍵向右 移動(dòng)(移動(dòng)多少距離你們隨意,我移動(dòng)了兩下)

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

然后按下回車(chē)鍵。。。∽詈,歷史時(shí)刻!按下shit+ctrl+alt+t ,按一下你發(fā)現(xiàn)多一層,最后形成上邊的樣子,對(duì)不對(duì)?

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

03.最后通過(guò)上述方法 得到這個(gè)網(wǎng) (看不懂的用笨方法自己排也行)最后 右鍵點(diǎn)擊這個(gè)網(wǎng)的圖層 – 混合選項(xiàng),設(shè)置一些參數(shù)如上圖。

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

04.最后通過(guò)上述方法,你就會(huì)得到最后這個(gè)效果啦!已經(jīng)有點(diǎn)兒效果的吧~然后下面開(kāi)始 弄字體啦!

第六步

這時(shí)到做字體質(zhì)感樣式的時(shí)候啦~先看看下面的效果圖。

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

VELESBOX 調(diào)節(jié)參數(shù)

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn
霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn
霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn
霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

2015 D&G 調(diào)節(jié)參數(shù)

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn
霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn
霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

copyright 調(diào)節(jié)參數(shù)

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn
霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

第七步

基本大體已經(jīng)完成,開(kāi)始刻畫(huà)細(xì)節(jié),填充下字體一些閃光元素。

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

閃光用圓形工具做出,然后添加投影+發(fā)光,參數(shù)如下

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn
霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

在上面補(bǔ)多了一個(gè)框框,然后增加了一下邊緣的細(xì)節(jié),熒光燈通常是一節(jié)一節(jié)的,所以要增加一些間隔如上圖。

間隔做法就是一個(gè)矩形,放在上面顏色如下:

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

第八步

深入刻畫(huà)細(xì)節(jié),一些小夾子,電線之類的感覺(jué),還有通常熒光燈應(yīng)該不是閉合的,所以中間要斷開(kāi)下加點(diǎn)感覺(jué):

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

這里先把 (外框)(內(nèi)框)變成智能圖層然后添加蒙版,把中間一些用黑色擦一擦,去掉后 繼續(xù)下一步

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn
霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

再來(lái)看看圖,最后三個(gè)細(xì)節(jié),小鐵架+電線+螺絲釘這里就分解來(lái)說(shuō),應(yīng)該會(huì)比較容易懂:

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

螺絲釘?shù)淖龇ㄈ缟蠄D所展示,大概就兩個(gè)圖層,加上一些樣式就可以達(dá)到效果啦~ 樣式參數(shù)如下:

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn
霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

然后繼續(xù)分解下小鐵夾是如何組成的呢~基本就是3層,加上漸變疊加 弄出一些金屬質(zhì)感出來(lái)~

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn
霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

最后就是裝飾電線的做法了~電線就是比較隨意穿插的線條~具體怎么做呢?繼續(xù)往下看~

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn
霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

電線的做法很多,看你想快,還是想要矢量的。

01.矢量的,直接用鋼筆畫(huà),沒(méi)什么技巧可言多運(yùn)用就可以啦~

02.也是用鋼筆畫(huà)一個(gè)路徑,畫(huà)完之后,對(duì)著路徑右鍵,有一個(gè)描邊路徑選擇,會(huì)根據(jù)你的畫(huà)筆。大小來(lái)沿著你的路徑畫(huà)出一條線。畫(huà)完線記得把路徑刪除喔~

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

畫(huà)完了線,右鍵添加樣式-鞋面和浮雕看看是不是馬上有立體效果了,一些穿插效果,可以用蒙版遮罩一下~基本技巧就到這里了!

霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn
霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn
霓虹燈,設(shè)計(jì)發(fā)光的熒光燈字體教程_www.theoat.com.cn

最后在畫(huà)好的電線下面 記得加一些投影,在一些地方可以適當(dāng)加上一些光暈柔和下畫(huà)面~讓整體更加通透一些~

菜鳥(niǎo)寫(xiě)一下設(shè)計(jì)心得,寫(xiě)得不太好,希望對(duì)你們有點(diǎn)兒幫助,你們的支持是繼續(xù)分享心得的力量,謝謝

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

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
-Juliet2019-11-21 05:29
我的作業(yè):
盧一靜2018-01-10 09:36
具體參數(shù)
tvxqkrisyexol2016-08-17 04:42
做完了,漂亮
tvxqkrisyexol2016-08-17 04:08
做完了,漂亮
相思2016-06-02 12:12
這基礎(chǔ)哪了。!
相思2016-06-02 12:06
這基礎(chǔ)哪了。!
孤單心事2015-10-15 02:10
我要好好的學(xué)習(xí)一下
小起子雨2015-10-15 12:31
很有用 支持樓主  謝謝了
樹(shù)下老人2015-10-14 11:45
謝謝老師分享,我要好好的學(xué)習(xí)一下
青花瓷M2015-10-14 11:18
嚴(yán)重支持···
叫我發(fā)財(cái)哥哥2015-10-14 08:34
厲害。謝謝
霧以淚聚2015-10-14 08:12
效果 簡(jiǎn)單快捷 贊個(gè)
孤傲落寞zyl2015-10-14 06:04
謝謝樓主分享
梨一斤2015-10-14 04:15
效果很好看啊,好喜歡。步驟很詳細(xì)對(duì)于我這個(gè)菜鳥(niǎo)都看的懂
何必在意2015-10-14 03:14
大概的都能做,經(jīng)典就在于細(xì)化,高手

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

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