利用Photoshop設計霓虹效果
2022-12-26 08:09:50
來源/作者: /
己有:9人學習過
利用Photoshop設計霓虹效果最終效果圖:
![](https://img.lvups.com/d/file/bigpic/2022/12/26/fajdyjlv5cg.jpg)
1.先找一個合適的圖片,用來做圖象的背景,最好是顏色要深的圖片,那樣效果會更強烈(圖1)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/z0mbb0nwbbl.jpg)
圖1
2.將前景色設置為白色,選擇文字輸入工具,在畫面中輸入文字,所采用的字體最好用圓頭的字體,那樣比較符合實際的霓虹燈的樣子(圖2)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ey0flkd34tk.jpg)
圖2
3.將此文字的圖層刪格化,執行菜單-濾鏡-模糊-高斯模糊,模糊半徑設置為1個象素(圖3)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/dzmmqyjiwrb.jpg)
圖3
4.用鼠標雙擊此圖層,在圖層樣式面板中鉤選外發光和內發光效果,將外發光的不透明度設置為60%,將發光顏色設置為R:25、G:215、B250,(其它顏色也可以,可選自己喜歡的顏色),再將發光的‘大小’更改為8個象素左右,并將等高線樣式更改為第一排第二中樣式,其它不變;將內發光的混合模式更改為‘正常’,并將發光的顏色設置為R:0、G:255、B:250(要用其他顏色的話,只要把內發光的顏色設置成比外發光顏色稍亮一點的顏色就可以了),其它不變(圖4)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/plezmxrhufi.jpg)
圖4
5.好了,文字的霓虹燈管已經差不多完成了。下面要做的是燈光映射到墻壁上的效果。按住CTRL點擊文字圖層,是文字輪廓的選區浮起,再執行菜單-選擇-修改-擴展,將選區擴展25個象素,再執行菜單-選擇-羽化,將選區羽化20個象素左右,然后回到背景圖層,執行菜單-圖象-修改-曲線,將選區中的背景圖象的顏色稍稍調亮一點(圖5)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/4skhrqwdkio.jpg)
圖5
6.不要取消選區,執行菜單-濾鏡-模糊-高斯模糊,將模糊半徑設置為0.5個象素,這樣做是為了加強燈光的漫射效果,完成后再執行菜單-圖象-調整-色相/飽和度,將選區中圖象的色相調節至與霓虹燈文字發光顏色相同色系的顏色(圖6)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/btrv0abgrpt.jpg)
圖6
7.霓虹燈文字已經差不多完成了,下面再來為這些文字加個霓虹燈框,先在圖層面板的最頂端新建一個圖層。框的樣子可以自己用鋼筆勾,或者用多邊形工具畫了之后再用鋼筆添加節點來修改(圖7)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/wmzghnnuehh.jpg)
圖7
8.路徑勾畫完后選擇畫筆工具,將畫筆大小設置為5個象素左右,并將畫筆筆觸的硬度設置為0,并將前景色設置為R:255、G:245、B:140(其它顏色也可以,這個沒有標準的),然后再到路徑面板,點選面板下方的‘用前景色描邊路徑’的按鈕,完成后可將鋼筆路徑刪除,(圖8)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/yboj43nr2qu.jpg)
圖8
9.用鼠標雙擊霓虹燈框的圖層,在圖層樣式面板中鉤選內發光效果跟外發光效果,將內發光的混合模式更改為正常,再將發光色設置為R:255、G:185、B:5,并將發光的大小更改為2個象素,其它不變,再將外發光的發光色更改為紅色,其它不變(圖9)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/4qoyx3l1pcw.jpg)
圖9
10.好了,霓虹燈管框基本完成,下面要做的就是投射到背景墻壁上的光了。方法同做文字投射光的方法一樣,先按住CTRL點擊霓虹燈框的圖層,選區浮起后執行菜單-選擇-修改-擴展,將選區擴展10個象素,完成后執行菜單-選擇-羽化,將選區羽化10個象素,然后到背景圖層再執行菜單-圖象-調整-曲線,將選區范圍中圖象的顏色稍微調亮一點(圖10)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/2cobbbva5bu.jpg)
圖10
11.不要取消選區,執行菜單-圖象-調整-色彩平衡,在色階參數框中依次輸入100、0、-100,完成后可再重復執行一次(圖11)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/1dvcvimgyqt.jpg)
圖11
12.好了,燈管也完成了,最后可將選區內背景部分的亮度調底一點,再將對比度調高一點,投影的光就OK了,還可在文字及霓虹燈框的圖層樣式里添加‘投影’效果,那樣能使霓虹燈跟背景墻壁看起來更好的結合。或者可在背景圖層上面建一個新圖層,在上面輸入一些文字,文字顏色設置為白色,將圖層混合模式改為‘疊加’,并可在土曾樣式面板中選上‘內陰影’跟‘斜面浮雕’效果這樣變能充斥一下畫面,使畫面看起來更豐富(圖12)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ktgxg1zk0s3.jpg)
![]()
![](https://img.lvups.com/d/file/bigpic/2022/12/26/fajdyjlv5cg.jpg)
1.先找一個合適的圖片,用來做圖象的背景,最好是顏色要深的圖片,那樣效果會更強烈(圖1)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/z0mbb0nwbbl.jpg)
圖1
2.將前景色設置為白色,選擇文字輸入工具,在畫面中輸入文字,所采用的字體最好用圓頭的字體,那樣比較符合實際的霓虹燈的樣子(圖2)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ey0flkd34tk.jpg)
圖2
3.將此文字的圖層刪格化,執行菜單-濾鏡-模糊-高斯模糊,模糊半徑設置為1個象素(圖3)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/dzmmqyjiwrb.jpg)
圖3
4.用鼠標雙擊此圖層,在圖層樣式面板中鉤選外發光和內發光效果,將外發光的不透明度設置為60%,將發光顏色設置為R:25、G:215、B250,(其它顏色也可以,可選自己喜歡的顏色),再將發光的‘大小’更改為8個象素左右,并將等高線樣式更改為第一排第二中樣式,其它不變;將內發光的混合模式更改為‘正常’,并將發光的顏色設置為R:0、G:255、B:250(要用其他顏色的話,只要把內發光的顏色設置成比外發光顏色稍亮一點的顏色就可以了),其它不變(圖4)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/plezmxrhufi.jpg)
圖4
5.好了,文字的霓虹燈管已經差不多完成了。下面要做的是燈光映射到墻壁上的效果。按住CTRL點擊文字圖層,是文字輪廓的選區浮起,再執行菜單-選擇-修改-擴展,將選區擴展25個象素,再執行菜單-選擇-羽化,將選區羽化20個象素左右,然后回到背景圖層,執行菜單-圖象-修改-曲線,將選區中的背景圖象的顏色稍稍調亮一點(圖5)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/4skhrqwdkio.jpg)
圖5
6.不要取消選區,執行菜單-濾鏡-模糊-高斯模糊,將模糊半徑設置為0.5個象素,這樣做是為了加強燈光的漫射效果,完成后再執行菜單-圖象-調整-色相/飽和度,將選區中圖象的色相調節至與霓虹燈文字發光顏色相同色系的顏色(圖6)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/btrv0abgrpt.jpg)
圖6
7.霓虹燈文字已經差不多完成了,下面再來為這些文字加個霓虹燈框,先在圖層面板的最頂端新建一個圖層。框的樣子可以自己用鋼筆勾,或者用多邊形工具畫了之后再用鋼筆添加節點來修改(圖7)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/wmzghnnuehh.jpg)
圖7
8.路徑勾畫完后選擇畫筆工具,將畫筆大小設置為5個象素左右,并將畫筆筆觸的硬度設置為0,并將前景色設置為R:255、G:245、B:140(其它顏色也可以,這個沒有標準的),然后再到路徑面板,點選面板下方的‘用前景色描邊路徑’的按鈕,完成后可將鋼筆路徑刪除,(圖8)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/yboj43nr2qu.jpg)
圖8
9.用鼠標雙擊霓虹燈框的圖層,在圖層樣式面板中鉤選內發光效果跟外發光效果,將內發光的混合模式更改為正常,再將發光色設置為R:255、G:185、B:5,并將發光的大小更改為2個象素,其它不變,再將外發光的發光色更改為紅色,其它不變(圖9)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/4qoyx3l1pcw.jpg)
圖9
10.好了,霓虹燈管框基本完成,下面要做的就是投射到背景墻壁上的光了。方法同做文字投射光的方法一樣,先按住CTRL點擊霓虹燈框的圖層,選區浮起后執行菜單-選擇-修改-擴展,將選區擴展10個象素,完成后執行菜單-選擇-羽化,將選區羽化10個象素,然后到背景圖層再執行菜單-圖象-調整-曲線,將選區范圍中圖象的顏色稍微調亮一點(圖10)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/2cobbbva5bu.jpg)
圖10
11.不要取消選區,執行菜單-圖象-調整-色彩平衡,在色階參數框中依次輸入100、0、-100,完成后可再重復執行一次(圖11)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/1dvcvimgyqt.jpg)
圖11
12.好了,燈管也完成了,最后可將選區內背景部分的亮度調底一點,再將對比度調高一點,投影的光就OK了,還可在文字及霓虹燈框的圖層樣式里添加‘投影’效果,那樣能使霓虹燈跟背景墻壁看起來更好的結合。或者可在背景圖層上面建一個新圖層,在上面輸入一些文字,文字顏色設置為白色,將圖層混合模式改為‘疊加’,并可在土曾樣式面板中選上‘內陰影’跟‘斜面浮雕’效果這樣變能充斥一下畫面,使畫面看起來更豐富(圖12)。
![](https://img.lvups.com/d/file/bigpic/2022/12/26/ktgxg1zk0s3.jpg)
上一篇:ps cc制作一塊木紋圖片