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

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

來源:站酷 作者:醉悠楓ROSW 學習:36717人次

設計一張霓虹燈牌圖片,這個字體效果可以用于海報,想學的動動手,一起練習一下。

先看看效果:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn

1、建一個1920*546像素的畫布
2、導入背景素材,因為霓虹燈多數(shù)出現(xiàn)在晚上,所以我們要加上一層深藍色蒙版,讓場景變暗,增加一些冷色調:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>theoat.com.cn

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

3、粗略建立之前構建好的場景:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

4、鋼架處理:
(1)構建鋼架結構:上邊的鋼架結構用直線工具畫出來,下邊的鋼架是導入的素材。把兩個放在合適的位置。
(2)做出鋼架的立體效果:把直線工具畫出來的鋼架建一個組,設置圖層樣式,如下:
導入的鋼架素材,同樣設置圖層樣式,如下:
(3)鋼架細節(jié)處理:做出綱架的投影、陰影

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

5.極致服務霓虹字制作:
(1)網(wǎng)格立體背景制作:
①用矩形工具拉出一個深藍色矩形,用鋼筆工具設置成如下形狀;

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

②對背景進行圖層樣式設置,做出立體感,設置過程如下:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

③網(wǎng)格制作:新建一個50*50像素的畫布;在畫布上畫一個灰色描邊的矩形,如下;把矩形翻轉45°,隱藏背景圖層;編輯-定義圖案:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

④在背景上方建一個比背景大的黑色矩形,創(chuàng)建剪切蒙版,填充之前設置好的網(wǎng)格圖案,雙擊設置圖層樣式,如下:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

⑤為了營造一種立體感,在網(wǎng)格上面新建一個圖層,用黑色柔光畫筆畫一層陰影,營造凹凸立體感。因為咱們的“極致服務”四個字要做藍色效果,所以咱們要用藍色柔光毛筆畫一層淺藍色柔光圖層,創(chuàng)建剪切蒙版,透明度降低如下:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

(2)燈牌的一圈燈光制作:先制作一個小燈泡:畫一個白色的大小合適的小圓,設置圖層樣式如下。把小燈泡復制,調整合適的間距,做成一圈。OK!小燈泡就完成了。

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

(3)“極致服務”文字制作:
①第一層-深藍色文字:用文字工具寫“極致服務”四個字,思源粗字體,字號105,填充深藍色:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

②第二層-燈管:同樣按住ctrl鍵,單擊中文字圖層,形成選框,新建圖層,在新建圖層上做淺藍色3像素描邊,圖層命名為燈管。如下:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

選中該圖層,形成選區(qū);把選區(qū)收縮1像素,再選擇羽化一個像素,填充成白色,這一層圖層作為燈管,如圖:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

相信大家注意到了,有的霓虹燈沒有封閉,有開始和結尾的地方,有空隙,接下來,我們要做空隙處理了:用橡皮擦擦一下就行了,如圖:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

燈管的空隙處也可以做一些小燈泡,小燈泡制作過程和之前一樣,做完之后,把小燈泡移動到空隙的銜接處,如圖:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

③第三層-燈管陰影:按住ctrl鍵,單擊燈管圖層,形成選框,新建圖層,在新建圖層上做淺藍色1個像素的描邊(編輯-描邊),ctrl+D取消選區(qū),降低該圖層的不透明度。把圖層移動到燈管圖層的下面,圖層命名為燈管陰影,把該圖層向左上角偏移,錯位營造立體感,增強燈管厚度。

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

④光效制作:燈管發(fā)光會打在背景上,背景上也會有燈光的投影,這個投影我們要在文字圖層上做圖層樣式來實現(xiàn):如圖:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

上述步驟完成后,畫面還是略顯單薄,我們可以增加一些光效讓畫面更加豐滿,導入藍色光效,調整位置和大小,做出如圖效果:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

⑤小元素添加:“Z”字元素-如圖做出熒光效果,在復制一個,移動到右邊。
“極致服務”大功告成。!

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

6、ROSW熒光字體制作:rosw等英文字母熒光效果制作:通過設置圖層樣式:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

7、大箭頭、醉悠楓、小箭頭熒光效果:

(1)大箭頭處理:選中大箭頭所在圖層,形成選區(qū),選擇收縮3個像素,選擇羽化1個像素,填充成白色,如圖

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

設置外發(fā)光:發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

(2)“醉愛秀”霓虹字處對文字圖層做圖層樣式處理,如圖;復制一層“醉愛秀”文字,做外發(fā)光圖層樣式,如圖:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

(3)小箭頭做圖層樣式處理,如圖:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

8、把筆記本、照相機、PS、AI、ZUI等小元素放在合適位置,如圖;用畫筆畫出小元素的陰影、投影,如圖:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

9、霓虹燈發(fā)出的光會在地面投出藍色的光,所以要在地面上做一圈藍色的光:

發(fā)光字,設計霓虹字燈牌教程_theoat.com.cn
<點圖片看大圖>

至此,大功告成,霓虹字制作完畢。!
 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
游客2018-05-21 08:28
有點不好弄
王維營2016-11-12 04:40
很厲害哦
王維營2016-11-12 04:11
很厲害哦
遺憾沒放棄2016-08-22 02:18
老師受教!
俺是小李莊來的2016-08-22 01:40
老師好利害
陽光下的小妞2016-08-22 01:20
老師受教!
紅酒_冰塊2016-08-22 12:27
好象好多東西還是不理解啊
城鎮(zhèn)農(nóng)婦2016-08-21 11:52
謝謝老師
愛你成夢2016-08-21 06:10
效果很好~~~~~~~~支持你
雪嵐兒如煙2016-08-21 05:55
照著做了下 效果沒老師的好
情用劇毒2016-08-21 03:20
適用,謝謝~
蔡昌吉2016-08-21 11:55
很漂亮
深血坦2016-08-21 08:29
有點不好弄
記憶淩亂不堪2016-08-21 05:45
脫了褲子放屁!
阡陌大地2016-08-21 05:44
照著做了下 每步都能做 但效果沒樓主好

關注大神微博加入>>

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