Photoshop制作復(fù)古的橙色霓虹燈發(fā)光字
優(yōu)設(shè)網(wǎng) 發(fā)布時(shí)間:2015-10-14 11:20:45 作者:Veles
我要評(píng)論

今天小編教大家如何使用Photoshop制作復(fù)古的橙色霓虹燈發(fā)光字,教程很漂亮,喜歡的朋友可以一起來(lái)學(xué)習(xí)
效果圖是作者設(shè)計(jì)的霓虹海報(bào),其中包括了背景、邊框、霓虹字、電線等。文字部分制作比較經(jīng)典,不同的文字用了不同的圖層樣式,局部還添加一些小裝飾,這樣畫面就非常豐富,生動(dòng)。
最終效果

1、新建畫板 寬度(W):1000像素*高度(H):800像素,分辨率(R):72像素/英寸,顏色模式:RGB顏色 8位,背景:白色。
2、快捷鍵(T)輸入文字,文字填充基礎(chǔ)色黃色,色值:fae475,底色填充黑色漸變。

3、新建2個(gè)空心矩形,分別命名:(外框)(內(nèi)框),不知道空心矩形如何設(shè)置?那一步一步說(shuō)一下吧~ 把上面的參數(shù)調(diào)成下面的就可以得到邊為6點(diǎn)的空心矩形(外框);同理制作一個(gè)小一些的(內(nèi)框)邊為3點(diǎn)。

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

5、圖層樣式如下:用到描邊,顏色疊加,外發(fā)光,斜面和浮雕。

6、外框混合圖層具體參數(shù)如下。



7、內(nèi)框混合圖層具體參數(shù)如下。




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

9、此時(shí)你的圖層是不是這樣的?好吧一定要有整理的習(xí)慣好好分類。

10、我繼續(xù)說(shuō)說(shuō)制作網(wǎng)格的原理~~其實(shí)就是傻瓜式的。新建一個(gè)長(zhǎng)方形矩形,然后快捷鍵(CTRL+J) 復(fù)制一層,這時(shí)你的圖層會(huì)多了一個(gè)矩形拷貝的圖層,對(duì)不對(duì)。

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

12、然后按下回車鍵!最后,歷史時(shí)刻!按下shit+ctrl+alt+t ,按一下你發(fā)現(xiàn)多一層,最后形成下邊的樣子,對(duì)不對(duì)。最后通過(guò)上述方法得到這個(gè)網(wǎng) 。

13、右鍵點(diǎn)擊這個(gè)網(wǎng)的圖層 – 混合選項(xiàng),設(shè)置一些參數(shù)如圖。


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


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




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



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


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

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



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

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

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



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

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


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


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


27、電線的做法很多,看你想快,還是想要矢量的。 矢量的,直接用鋼筆畫,沒(méi)什么技巧可言多運(yùn)用就可以啦~
也是用鋼筆畫一個(gè)路徑,畫完之后,對(duì)著路徑右鍵,有一個(gè)描邊路徑選擇,會(huì)根據(jù)你的畫筆。大小來(lái)沿著你的路徑畫出一條線。畫完線記得把路徑刪除喔。

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

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

1、新建畫板 寬度(W):1000像素*高度(H):800像素,分辨率(R):72像素/英寸,顏色模式:RGB顏色 8位,背景:白色。
2、快捷鍵(T)輸入文字,文字填充基礎(chǔ)色黃色,色值:fae475,底色填充黑色漸變。

3、新建2個(gè)空心矩形,分別命名:(外框)(內(nèi)框),不知道空心矩形如何設(shè)置?那一步一步說(shuō)一下吧~ 把上面的參數(shù)調(diào)成下面的就可以得到邊為6點(diǎn)的空心矩形(外框);同理制作一個(gè)小一些的(內(nèi)框)邊為3點(diǎn)。

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

5、圖層樣式如下:用到描邊,顏色疊加,外發(fā)光,斜面和浮雕。

6、外框混合圖層具體參數(shù)如下。



7、內(nèi)框混合圖層具體參數(shù)如下。




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

9、此時(shí)你的圖層是不是這樣的?好吧一定要有整理的習(xí)慣好好分類。

10、我繼續(xù)說(shuō)說(shuō)制作網(wǎng)格的原理~~其實(shí)就是傻瓜式的。新建一個(gè)長(zhǎng)方形矩形,然后快捷鍵(CTRL+J) 復(fù)制一層,這時(shí)你的圖層會(huì)多了一個(gè)矩形拷貝的圖層,對(duì)不對(duì)。

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

12、然后按下回車鍵!最后,歷史時(shí)刻!按下shit+ctrl+alt+t ,按一下你發(fā)現(xiàn)多一層,最后形成下邊的樣子,對(duì)不對(duì)。最后通過(guò)上述方法得到這個(gè)網(wǎng) 。

13、右鍵點(diǎn)擊這個(gè)網(wǎng)的圖層 – 混合選項(xiàng),設(shè)置一些參數(shù)如圖。


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


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




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



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


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

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



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

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

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



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

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


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


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


27、電線的做法很多,看你想快,還是想要矢量的。 矢量的,直接用鋼筆畫,沒(méi)什么技巧可言多運(yùn)用就可以啦~
也是用鋼筆畫一個(gè)路徑,畫完之后,對(duì)著路徑右鍵,有一個(gè)描邊路徑選擇,會(huì)根據(jù)你的畫筆。大小來(lái)沿著你的路徑畫出一條線。畫完線記得把路徑刪除喔。

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

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

相關(guān)文章
ps怎么制作文字平鋪效果圖 photoshop制作滿屏字幕的技巧
ps怎么制作文字平鋪效果圖?ps輸入的文字,想要平鋪制作滿屏字幕的效果,該怎么操作呢?下面我們就來(lái)看看photoshop制作滿屏字幕的技巧2023-08-24- ps怎么做殘破字?ps中想要給好好的文字做殘破效果,該怎么制作呢?下面我們就來(lái)看看ps字體做殘缺效果的制作方法2023-08-19
ps怎么設(shè)計(jì)彩色的色塊字體? ps色彩斑斕文字效果的制作方法
ps怎么設(shè)計(jì)彩色的色塊字體?想要設(shè)計(jì)一款色塊組成的文字,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看ps色彩斑斕文字效果的制作方法2023-08-19ps文字圖層怎么設(shè)置濾鏡? ps給文字添加濾鏡效果的技巧
ps文字圖層怎么設(shè)置濾鏡?ps輸入的文字需要一些效果,該怎么給文字圖層添加濾鏡效果呢?下面我們就來(lái)看看ps給文字添加濾鏡效果的技巧2023-07-03ps設(shè)計(jì)制作圍巾字體怎么弄? ps圍巾藝術(shù)字制作方法
ps設(shè)計(jì)制作圍巾字體怎么弄?ps中想要設(shè)計(jì)一款藝術(shù)字體,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看看ps圍巾藝術(shù)字制作方法2023-05-12ps怎么設(shè)計(jì)扭曲3D文字效果? photoshop三維立體錯(cuò)亂字體制作技巧
ps怎么設(shè)計(jì)扭曲3D文字效果?字體無(wú)論是平面還是視頻都很常用,想要設(shè)計(jì)一款三維立體錯(cuò)亂字體,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看photoshop三維立體錯(cuò)亂字體制作技巧2023-04-03ps圍繞中心旋轉(zhuǎn)扭曲的字體怎么做? ps設(shè)計(jì)中心扭曲文字字體的技巧
ps圍繞中心旋轉(zhuǎn)扭曲的字體怎么做?ps中想要設(shè)計(jì)一款扭曲的文字,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看ps設(shè)計(jì)中心扭曲文字字體的技巧2023-04-03ps怎么設(shè)計(jì)綠色騎行的字體? Photoshop自行車騎行文字海報(bào)設(shè)計(jì)技巧
ps怎么設(shè)計(jì)綠色騎行的字體?ps中想要設(shè)計(jì)一款自行車騎行的效果,該怎么設(shè)計(jì)這款字體呢?下面我們就來(lái)看看Photoshop自行車騎行文字海報(bào)設(shè)計(jì)技巧2023-03-24ps怎么做刪除原價(jià)格的效果? PhotoShop添加文字刪除線的技巧
ps怎么做刪除原價(jià)格的效果?一般商場(chǎng)都能看到原價(jià)格和優(yōu)惠價(jià),原價(jià)格都會(huì)添加刪除線個(gè),該怎么添加呢?下面我們就來(lái)看看PhotoShop添加文字刪除線的技巧2023-02-21ps怎么設(shè)計(jì)七夕長(zhǎng)投影立體字海報(bào)? PS給文字制作長(zhǎng)投影圖文教程
ps怎么設(shè)計(jì)七夕長(zhǎng)投影立體字海報(bào)?想要做一個(gè)七夕的字體海報(bào),最好是立體的,今天我們就來(lái)看看PS給文字制作長(zhǎng)投影圖文教程2023-02-14