燈管字體效果又稱為霓虹燈效果,燈管是最近幾年一直比較流行的一種表現(xiàn)方式,無(wú)論是商業(yè)廣告設(shè)計(jì),還是越來(lái)越多的電商頁(yè)面設(shè)計(jì)都不可避免的會(huì)使用到這種效果。希望今天這篇教程可以給同學(xué)帶來(lái)全新制作霓虹效果的方法,喜歡的朋友一起來(lái)學(xué)習(xí)吧。

這款原創(chuàng)教程比較詳細(xì)的解析Photoshop在不使用任何三維軟件協(xié)助的情況下,如何繪制燈管效果,難度不大,適合一些新手,當(dāng)然也歡迎老鳥交流,互相學(xué)習(xí)。

先看看效果圖

PS制作霓虹燈的燈管文字效果

我的基本思路就是利用Photoshop自帶的工具,在沒有三維軟件的幫助下,快速的畫出燈管效果,說(shuō)白了就是在Photoshop里畫出燈管的體積,光效,投影等。

由于燈管的造型相對(duì)簡(jiǎn)單,光效也比較容易模擬,所以在ps中完全可以畫出還不錯(cuò)的效果。當(dāng)然你要是覺得還是三維軟件做出來(lái)效果更好,那我也沒得反駁,但是在ps中做的話,無(wú)疑速度更快,更容易,也方便于調(diào)整。

閑話不多,我們看一下完整的預(yù)覽gif后就開始步驟了。

PS制作霓虹燈的燈管文字效果

首先我覺得,這種燈管效果其實(shí)背景很重要,需要選用一些比較有質(zhì)感的背景。由此,下面兩張圖進(jìn)入眼簾。

PS制作霓虹燈的燈管文字效果

調(diào)整background1的飽和度為-100,并且不透明度調(diào)整為40%

PS制作霓虹燈的燈管文字效果

導(dǎo)入background2背景,調(diào)整不透明度為20%,圖層樣式為正片疊底。

PS制作霓虹燈的燈管文字效果

簡(jiǎn)單背景完成后,用文字工具,選擇圓體字體,輸入“炒飯”,并且擺放到類似于下圖的位置。

PS制作霓虹燈的燈管文字效果

并且把字體轉(zhuǎn)化成形狀,并且用路徑工具做一些處理。字體的總體原則是拉長(zhǎng)一些筆畫,讓文字看上去經(jīng)過(guò)一些編輯。當(dāng)然如果你字體功底夠好,也完全可以多做一些字形的修改。

PS制作霓虹燈的燈管文字效果

 

在編輯完成的“炒飯”兩字后面,畫上一個(gè)圓環(huán)。注意圓環(huán)的粗細(xì)盡量接近字體。

PS制作霓虹燈的燈管文字效果

用鋼筆工具編輯路徑,把圓環(huán)燈管分成兩部分,注意分開兩頭位置的弧度盡量一致。

PS制作霓虹燈的燈管文字效果

同樣方法,把圓環(huán)與文字重疊的部分相應(yīng)的打斷。

PS制作霓虹燈的燈管文字效果

合并路徑之后,給燈管填充一個(gè)藍(lán)色,#016edd

PS制作霓虹燈的燈管文字效果

現(xiàn)在基本第一階段完成了,燈管造型已經(jīng)完全出來(lái),剩下的就是為燈管制作光效與投影了,當(dāng)然這也是最重要的部分。

光效和投影不是亂畫的,我個(gè)人是不太建議用圖層樣式中自帶的投影和外發(fā)光,一方面是文件會(huì)比較大,還有就是如果縮放燈管的大小,又會(huì)需要重新調(diào)整圖層樣式,比較麻煩。

為了方便理解,我做了一張圖來(lái)說(shuō)明燈管的光效是如何分層的。

PS制作霓虹燈的燈管文字效果

我們明確一點(diǎn),其實(shí)燈管也是有體積的,只是因?yàn)榘l(fā)光的關(guān)系會(huì)顯得不明顯,但是如果,需要比較細(xì)致的效果,那我們就必須把燈管的體積感畫出來(lái)。

首先,我們選擇燈管的選區(qū),做羽化處理,半徑輸入5,然后收縮選區(qū),收縮量6,完成后填充一個(gè)淡藍(lán)色,#b3d8fe,這就是燈管的提亮層。

PS制作霓虹燈的燈管文字效果

PS制作霓虹燈的燈管文字效果

 

再來(lái),同樣選擇燈管路徑,轉(zhuǎn)化成選區(qū),選擇收縮選區(qū),收縮量6,填充一個(gè)白色,然后做圖層樣式,白色描邊,大小 5 像素,并且把該圖層的填充設(shè)置為 0

PS制作霓虹燈的燈管文字效果

標(biāo)簽:燈管字

相關(guān)文章

隨機(jī)推薦