PS制作夢(mèng)幻細(xì)致的霓虹燈管字效果
?
作者：創(chuàng)意炒飯?來(lái)源：部落窩教育發(fā)布時(shí)間：2017-11-23 10:36:51點(diǎn)擊：4147
版權(quán)說(shuō)明： 網(wǎng)絡(luò)作品，轉(zhuǎn)載請(qǐng)注明原作者和出處。
編按：
燈管文字效果制作需要對(duì)光影基礎(chǔ)有一定的了解，基礎(chǔ)顏色只要加上內(nèi)部光，局部高光還有外發(fā)光，逼真的效果立馬就呈現(xiàn)出來(lái)了。
前言：
燈管效果是最近幾年一直比較流行的一種表現(xiàn)方式，無(wú)論是商業(yè)廣告設(shè)計(jì)，還是越來(lái)越多的電商頁(yè)面設(shè)計(jì)都不可避免的會(huì)使用到這種效果。
這款原創(chuàng)教程，比較詳細(xì)的解析了photoshop在不使用任何三維軟件協(xié)助的情況下，如何繪制燈管效果，難度不大，適合一些新手，當(dāng)然也歡迎老鳥交流，互相學(xué)習(xí)。
為了方便大家學(xué)習(xí)，我的文章最后都會(huì)提供源文件下載，僅做學(xué)習(xí)交流使用，請(qǐng)不要做商業(yè)用途，否則后果自負(fù)。
老規(guī)矩，先看下最終的layout。
本教程最終效果
我的基本思路就是利用Photoshop自帶的工具，在沒(méi)有三維軟件的幫助下，快速的畫出燈管效果，說(shuō)白了就是在Photoshop里畫出燈管的體積，光效，投影等。
由于燈管的造型相對(duì)簡(jiǎn)單，光效也比較容易模擬，所以在ps中完全可以畫出還不錯(cuò)的效果。當(dāng)然你要是覺得還是三維軟件做出來(lái)效果更好，那我也沒(méi)得反駁，但是在ps中做的話，無(wú)疑速度更快，更容易，也方便于調(diào)整。
閑話不多，我們看一下完整的預(yù)覽gif后就開始步驟了。
首先我覺得，這種燈管效果其實(shí)背景很重要，需要選用一些比較有質(zhì)感的背景。由此，下面兩張圖進(jìn)入眼簾。
調(diào)整background1的飽和度為-100，并且不透明度調(diào)整為40%
導(dǎo)入background2背景，調(diào)整不透明度為20%，圖層樣式為正片疊底。
簡(jiǎn)單背景完成后，用文字工具，選擇圓體字體，輸入“炒飯”，并且擺放到類似于下圖的位置。
并且把字體轉(zhuǎn)化成形狀，并且用路徑工具做一些處理。字體的總體原則是拉長(zhǎng)一些筆畫，讓文字看上去經(jīng)過(guò)一些編輯。當(dāng)然如果你字體功底夠好，也完全可以多做一些字形的修改。
在編輯完成的“炒飯”兩字后面,畫上一個(gè)圓環(huán)。注意圓環(huán)的粗細(xì)盡量接近字體。
用鋼筆工具編輯路徑，把圓環(huán)燈管分成兩部分，注意分開兩頭位置的弧度盡量一致。
同樣方法，把圓環(huán)與文字重疊的部分相應(yīng)的打斷。
合并路徑之后，給燈管填充一個(gè)藍(lán)色，#016edd
現(xiàn)在基本第一階段完成了，燈管造型已經(jīng)完全出來(lái)，剩下的就是為燈管制作光效與投影了，當(dāng)然這也是最重要的部分。
光效和投影不是亂畫的，我個(gè)人是不太建議用圖層樣式中自帶的投影和外發(fā)光，一方面是文件會(huì)比較大，還有就是如果縮放燈管的大小，又會(huì)需要重新調(diào)整圖層樣式，比較麻煩。
為了方便理解，我做了一張圖來(lái)說(shuō)明燈管的光效是如何分層的。
我們明確一點(diǎn)，其實(shí)燈管也是有體積的，只是因?yàn)榘l(fā)光的關(guān)系會(huì)顯得不明顯，但是如果，需要比較細(xì)致的效果，那我們就必須把燈管的體積感畫出來(lái)。
首先，我們選擇燈管的選區(qū)，做羽化處理，半徑輸入5，然后收縮選區(qū)，收縮量6，完成后填充一個(gè)淡藍(lán)色，#b3d8fe，這就是燈管的提亮層。
再來(lái)，同樣選擇燈管路徑，轉(zhuǎn)化成選區(qū)，選擇收縮選區(qū)，收縮量6，填充一個(gè)白色，然后做圖層樣式，白色描邊，大小 5 像素，并且把該圖層的填充設(shè)置為 0
再為這圖層做一個(gè)2像素的高斯模糊，并且位置向下移動(dòng)3像素，如下圖。
這將是燈管的高光，下面就是用蒙版工具擦去不需要的部分，注意高光一般會(huì)出現(xiàn)在燈管的兩頭，或者一些邊緣的位置，盡量使高光自然。
開始畫外發(fā)光，同樣的，選擇燈管的路徑轉(zhuǎn)化為選區(qū)，填充一個(gè)藍(lán)色 # 207cdf ， 并且做高斯模糊處理，半徑選擇 30，把該圖層的不透明度調(diào)整為 30%
再做一個(gè)外發(fā)光圖層，這次我們的高斯模糊的半徑可以選擇大一些 40-50之間都可以，再把圖層的不透明度調(diào)整為 80%，這樣做兩層的外發(fā)光效果，就比ps自帶的圖層樣式外發(fā)光要逼真很多，大家可以感受一下。
下面開始制作投影，選擇燈管的路徑轉(zhuǎn)化為選區(qū)，填充黑色，做高斯模糊處理，半徑40，調(diào)整到合適的位置。
現(xiàn)在看燈管還是缺少一些體積感，不要急，我們現(xiàn)在開始制作燈管的內(nèi)部發(fā)光圖層。選擇燈管路徑，轉(zhuǎn)化成選區(qū)，選擇收縮選區(qū)，收縮量7，填充一個(gè)白色，然后做圖層樣式，白色描邊，大小 5 像素，并且把該圖層的填充設(shè)置為 0，做模糊效果，半徑選擇為3 ，完成以后我們得到這樣一個(gè)圖層，如下。
在把這個(gè)圖層放置在剛剛完成的燈管圖層上方，效果如下。
緊接著，再選擇燈管圖層，填充白色，圖層樣式選擇為疊加，不透明度60%，圖層位置放在燈管圖層的下面，并且調(diào)整位置，下移一些。
為了使燈管更具效果，我們可以故意讓兩段燈管不發(fā)光，選擇下面兩段燈管，填充一個(gè)80%左右透明度的深藍(lán)色，并且注意的是，除去這兩段燈管周圍的外發(fā)光效果。
不要忘記墻壁也會(huì)受到燈管的影響，選擇畫筆工具畫出一些光斑，并且調(diào)整不透明度 60%，力求自然的效果。
至此，基本完成，最后我們加上燈管的金屬頭和電線，完成效果。
可以說(shuō)總體還是比較簡(jiǎn)單方便的操作，效果也還可，雖說(shuō)比不上三維軟件細(xì)膩，但是勝在簡(jiǎn)便。最后，總是一點(diǎn)就是，要想比較好的燈管效果，一定不會(huì)只是簡(jiǎn)單的加一些外發(fā)光就可以了，我們還需要畫出燈管的體積感，這樣才能有一個(gè)比較不錯(cuò)的效果。
素材下載：
鏈接: https://pan.baidu.com/s/1cg3sB0 密碼: y8yh
原文：Photoshop繪制細(xì)致的燈管效果
作者：創(chuàng)意炒飯
出處：http://mp.weixin.qq.com/s/TpHWWCjHlWgn_nJxJk3Tog
燈管文字效果制作需要對(duì)光影基礎(chǔ)有一定的了解，基礎(chǔ)顏色只要加上內(nèi)部光，局部高光還有外發(fā)光，逼真的效果立馬就呈現(xiàn)出來(lái)了。
前言：
燈管效果是最近幾年一直比較流行的一種表現(xiàn)方式，無(wú)論是商業(yè)廣告設(shè)計(jì)，還是越來(lái)越多的電商頁(yè)面設(shè)計(jì)都不可避免的會(huì)使用到這種效果。
這款原創(chuàng)教程，比較詳細(xì)的解析了photoshop在不使用任何三維軟件協(xié)助的情況下，如何繪制燈管效果，難度不大，適合一些新手，當(dāng)然也歡迎老鳥交流，互相學(xué)習(xí)。
為了方便大家學(xué)習(xí)，我的文章最后都會(huì)提供源文件下載，僅做學(xué)習(xí)交流使用，請(qǐng)不要做商業(yè)用途，否則后果自負(fù)。
老規(guī)矩，先看下最終的layout。
本教程最終效果
我的基本思路就是利用Photoshop自帶的工具，在沒(méi)有三維軟件的幫助下，快速的畫出燈管效果，說(shuō)白了就是在Photoshop里畫出燈管的體積，光效，投影等。
由于燈管的造型相對(duì)簡(jiǎn)單，光效也比較容易模擬，所以在ps中完全可以畫出還不錯(cuò)的效果。當(dāng)然你要是覺得還是三維軟件做出來(lái)效果更好，那我也沒(méi)得反駁，但是在ps中做的話，無(wú)疑速度更快，更容易，也方便于調(diào)整。
閑話不多，我們看一下完整的預(yù)覽gif后就開始步驟了。
制作流程全預(yù)覽
首先我覺得，這種燈管效果其實(shí)背景很重要，需要選用一些比較有質(zhì)感的背景。由此，下面兩張圖進(jìn)入眼簾。
調(diào)整background1的飽和度為-100，并且不透明度調(diào)整為40%
導(dǎo)入background2背景，調(diào)整不透明度為20%，圖層樣式為正片疊底。
簡(jiǎn)單背景完成后，用文字工具，選擇圓體字體，輸入“炒飯”，并且擺放到類似于下圖的位置。
并且把字體轉(zhuǎn)化成形狀，并且用路徑工具做一些處理。字體的總體原則是拉長(zhǎng)一些筆畫，讓文字看上去經(jīng)過(guò)一些編輯。當(dāng)然如果你字體功底夠好，也完全可以多做一些字形的修改。
在編輯完成的“炒飯”兩字后面,畫上一個(gè)圓環(huán)。注意圓環(huán)的粗細(xì)盡量接近字體。
用鋼筆工具編輯路徑，把圓環(huán)燈管分成兩部分，注意分開兩頭位置的弧度盡量一致。
同樣方法，把圓環(huán)與文字重疊的部分相應(yīng)的打斷。
合并路徑之后，給燈管填充一個(gè)藍(lán)色，#016edd
現(xiàn)在基本第一階段完成了，燈管造型已經(jīng)完全出來(lái)，剩下的就是為燈管制作光效與投影了，當(dāng)然這也是最重要的部分。
光效和投影不是亂畫的，我個(gè)人是不太建議用圖層樣式中自帶的投影和外發(fā)光，一方面是文件會(huì)比較大，還有就是如果縮放燈管的大小，又會(huì)需要重新調(diào)整圖層樣式，比較麻煩。
為了方便理解，我做了一張圖來(lái)說(shuō)明燈管的光效是如何分層的。
我們明確一點(diǎn)，其實(shí)燈管也是有體積的，只是因?yàn)榘l(fā)光的關(guān)系會(huì)顯得不明顯，但是如果，需要比較細(xì)致的效果，那我們就必須把燈管的體積感畫出來(lái)。
首先，我們選擇燈管的選區(qū)，做羽化處理，半徑輸入5，然后收縮選區(qū)，收縮量6，完成后填充一個(gè)淡藍(lán)色，#b3d8fe，這就是燈管的提亮層。
再來(lái)，同樣選擇燈管路徑，轉(zhuǎn)化成選區(qū)，選擇收縮選區(qū)，收縮量6，填充一個(gè)白色，然后做圖層樣式，白色描邊，大小 5 像素，并且把該圖層的填充設(shè)置為 0
再為這圖層做一個(gè)2像素的高斯模糊，并且位置向下移動(dòng)3像素，如下圖。
這將是燈管的高光，下面就是用蒙版工具擦去不需要的部分，注意高光一般會(huì)出現(xiàn)在燈管的兩頭，或者一些邊緣的位置，盡量使高光自然。
開始畫外發(fā)光，同樣的，選擇燈管的路徑轉(zhuǎn)化為選區(qū)，填充一個(gè)藍(lán)色 # 207cdf ， 并且做高斯模糊處理，半徑選擇 30，把該圖層的不透明度調(diào)整為 30%
再做一個(gè)外發(fā)光圖層，這次我們的高斯模糊的半徑可以選擇大一些 40-50之間都可以，再把圖層的不透明度調(diào)整為 80%，這樣做兩層的外發(fā)光效果，就比ps自帶的圖層樣式外發(fā)光要逼真很多，大家可以感受一下。
下面開始制作投影，選擇燈管的路徑轉(zhuǎn)化為選區(qū)，填充黑色，做高斯模糊處理，半徑40，調(diào)整到合適的位置。
現(xiàn)在看燈管還是缺少一些體積感，不要急，我們現(xiàn)在開始制作燈管的內(nèi)部發(fā)光圖層。選擇燈管路徑，轉(zhuǎn)化成選區(qū)，選擇收縮選區(qū)，收縮量7，填充一個(gè)白色，然后做圖層樣式，白色描邊，大小 5 像素，并且把該圖層的填充設(shè)置為 0，做模糊效果，半徑選擇為3 ，完成以后我們得到這樣一個(gè)圖層，如下。
在把這個(gè)圖層放置在剛剛完成的燈管圖層上方，效果如下。
緊接著，再選擇燈管圖層，填充白色，圖層樣式選擇為疊加，不透明度60%，圖層位置放在燈管圖層的下面，并且調(diào)整位置，下移一些。
為了使燈管更具效果，我們可以故意讓兩段燈管不發(fā)光，選擇下面兩段燈管，填充一個(gè)80%左右透明度的深藍(lán)色，并且注意的是，除去這兩段燈管周圍的外發(fā)光效果。
不要忘記墻壁也會(huì)受到燈管的影響，選擇畫筆工具畫出一些光斑，并且調(diào)整不透明度 60%，力求自然的效果。
至此，基本完成，最后我們加上燈管的金屬頭和電線，完成效果。
本教程最終效果
制作流程全預(yù)覽
可以說(shuō)總體還是比較簡(jiǎn)單方便的操作，效果也還可，雖說(shuō)比不上三維軟件細(xì)膩，但是勝在簡(jiǎn)便。最后，總是一點(diǎn)就是，要想比較好的燈管效果，一定不會(huì)只是簡(jiǎn)單的加一些外發(fā)光就可以了，我們還需要畫出燈管的體積感，這樣才能有一個(gè)比較不錯(cuò)的效果。
素材下載：
鏈接: https://pan.baidu.com/s/1cg3sB0 密碼: y8yh
原文：Photoshop繪制細(xì)致的燈管效果
作者：創(chuàng)意炒飯
出處：http://mp.weixin.qq.com/s/TpHWWCjHlWgn_nJxJk3Tog