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

霓虹燈字(6)

來源:站酷 作者:690266 學(xué)習(xí):12100人次

背景墻上質(zhì)感紋理運用,更真實感的展現(xiàn)霓虹燈效果

主要的流程就是將背景的氛圍做好,然后加一下圖層樣式就可以完成了

霓虹燈字效果

最終效果

霓虹燈字效果

第1步

首先,打開紋理質(zhì)感的墻

霓虹燈字效果

第2步

復(fù)制一層;旌夏J綖檎B底,不透明度為50%。

霓虹燈字效果

第3步

在圖層調(diào)板底部的調(diào)整,選擇圖層>色相/飽和度,打開如上圖所示創(chuàng)建,調(diào)低亮度和飽和度。

霓虹燈在夜間的氣氛,亮光是會影響周邊的。

霓虹燈字效果

第4步

創(chuàng)建一個新層,黑色的前景/背景色設(shè)置為白色,然后濾鏡 > 渲染 > 分層云彩

霓虹燈字效果

第5步

云的圖層設(shè)置混合模式為顏色減淡,添加蒙版,設(shè)置前景色為黑色,用畫筆工具,設(shè)置軟刷子涂刷在中心之外的部分。

如圖所示在上圖中,只有霓虹燈形成的位置是亮的。

霓虹燈字效果

第6步

霓虹燈的字體或是差不多字體,在設(shè)計前先下載和安裝Neon Font字體,字體大小粗體前為130pt。

霓虹燈字效果

第7步

輸入想要的名稱,放上標志,選取兩個層在一起,按Ctrl+ E合并

霓虹燈字效果

第8步

以上圖所示,點擊鎖定透明像素的情況下,將標志和字體填充上顏色,色值#38c1f5。單擊填充顏色給鎖定圖層(Ctrl+ Delete鍵或是Alt + Delete組合)除了不透明的部分其他將被填充上顏色。 松開鎖定的圖層。

霓虹燈字效果

第9步

在圖層上單擊右鍵,點擊轉(zhuǎn)換為智能對象

霓虹燈字效果

 

第10步

復(fù)制一層(按Ctrl+ J),然后濾鏡>模糊>高斯模糊,10像素點擊確定。

霓虹燈字效果

第11步

這一次,選擇圖層的副本,使填充值設(shè)置為0%。要通過雙擊應(yīng)用,打開圖層樣式窗口,請按下面的圖層樣式來設(shè)置。

霓虹燈字效果

投影:距離為15px, 大小為17px, 角度為90度 按上面的數(shù)據(jù)輸入, 字體和標志的大小可根據(jù)大小而有所不同。

霓虹燈字效果

注意:不勾選“使用全局光”的選項

內(nèi)陰影:混合模式為“顏色加深” 不透明度為100% 角度為-90,距離為2px 大小為12px

霓虹燈字效果

外發(fā)光:大小為215px

霓虹燈字效果

斜面和浮雕:深度為50% 大小為5px 軟化為10px 在陰影部分的設(shè)置:角度90度 高度10度

高光模式為“顏色減淡” 100% 設(shè)置為白色

陰影模式為“正片疊底” 75% 設(shè)置為黑色

霓虹燈字效果

顏色疊加:混合模式為“線性減淡(添加)” 白色 不透明度為47%

霓虹燈字效果

類似的效果在通過你的慢慢調(diào)整,想要的感覺一點點就呈現(xiàn)出來了。

霓虹燈字效果

發(fā)上我做的,其實這個教程當中少了兩步,因為我根據(jù)原圖的效果,增加了兩步,步驟如下:

霓虹燈字效果

在圖層面板上調(diào)整曲線,讓整體的亮度加強

霓虹燈字效果

添加雜點,增加些質(zhì)感,這一步個可加可不加。

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
裙裾翩躚2018-02-21 01:04
學(xué)習(xí)~
郭迪霖2014-08-21 02:09
看看,學(xué)習(xí)了
郭迪霖2014-08-21 02:08
看看,學(xué)習(xí)了
慕夜2014-07-01 06:45
啦啦啦啦
慕夜2014-07-01 06:07
啦啦啦啦
Blublur2014-06-22 11:06
好喜歡那個霓虹燈效果
Blublur2014-06-22 11:04
好喜歡那個霓虹燈效果
Chilmax2014-06-21 09:49
學(xué)習(xí)學(xué)習(xí)....
Chilmax2014-06-21 09:06
學(xué)習(xí)學(xué)習(xí)....
阿銘2014-05-15 05:02
學(xué)習(xí)~
阿銘2014-05-15 05:05
學(xué)習(xí)~
路西法仰慕者2014-05-08 03:16
學(xué)習(xí)學(xué)習(xí)
小小白嘞跟屁蟲2014-05-08 03:16
學(xué)習(xí)學(xué)習(xí)
_眼角De淚水2014-05-08 03:16
學(xué)習(xí)學(xué)習(xí)
四季平安2014-05-08 03:16
學(xué)習(xí)學(xué)習(xí)

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

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