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

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

來源:優(yōu)設 作者:Veles 學習:46737人次

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

第一步

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

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

第二步

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

2.文字填充基礎色 黃色 色值:fae475

3.底色填充黑色漸變

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

第三步

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

2.不知道空心矩形如何設置?那一步一步說一下吧~

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

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

第四步

1.基本圖形已經(jīng)弄出來了 下面準備開始弄效果,就是混合選項的設置。

先看看效果先如下:

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

2.圖層樣式如下:

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

斜面和浮雕

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn
霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn
霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

第五步

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

01.新建一個長方形矩形,然后快捷鍵 (CTRL+J) 復制一層,這時你的圖層會多了一個 矩形拷貝的圖層,對不對?

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

04.最后通過上述方法,你就會得到最后這個效果啦!已經(jīng)有點兒效果的吧~然后下面開始 弄字體啦!

第六步

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn
霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn
霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn
霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn
霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn
霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn
霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

第七步

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn
霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

第八步

深入刻畫細節(jié),一些小夾子,電線之類的感覺,還有通常熒光燈應該不是閉合的,所以中間要斷開下加點感覺:

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn
霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

再來看看圖,最后三個細節(jié),小鐵架+電線+螺絲釘這里就分解來說,應該會比較容易懂:

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn
霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn
霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn
霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

01.矢量的,直接用鋼筆畫,沒什么技巧可言多運用就可以啦~

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn
霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn
霓虹燈,設計發(fā)光的熒光燈字體教程_m.tgudhdp.cn

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

菜鳥寫一下設計心得,寫得不太好,希望對你們有點兒幫助,你們的支持是繼續(xù)分享心得的力量,謝謝

學習 · 提示

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

關注大神微博加入>>

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