平面設(shè)計(jì)教程:用photoshop制作火紅的特效線框字

平面設(shè)計(jì)教程:用photoshop制作火紅的特效線框字作者：TnG 來源：pconline
　　本教程將告訴你如何使用Photoshop中的云彩濾鏡、模糊濾鏡、色階以及曲線工具制作一個(gè)火紅的特效線框字。這個(gè)制作方法不僅僅適用于字體效果的表現(xiàn)，實(shí)際上，你可以用它制作任意形狀的特效圖案，例如一顆火氣騰騰的心形特效圖。

　　說明：本文以Photoshop CS3版本為例進(jìn)行講解，其他版本（6.0以上）操作上或許存在一點(diǎn)小小的差別。
　　
　　下圖是教程中示例的最終完成的效果：

最終效果圖　　

　　值得注意的是，由于Photoshop云彩濾鏡生成的效果是隨機(jī)的，所以即使是使用同一方法，每次制作出來的效果都會(huì)不盡相同。好了，下面我們來介紹具體的實(shí)現(xiàn)方法：
　　
　　1、首先根據(jù)自己的需要新建一個(gè)合適尺寸的Photoshop圖像文檔，背景色不限。做為示例，我們這里僅設(shè)置為450×338像素。圖像像素設(shè)置得越高，也就越容易得到更多的圖像細(xì)節(jié)。

圖1：新建Photoshop圖像文檔

　　2、點(diǎn)擊圖層面板底部的“創(chuàng)建新圖層”按鈕，新增一個(gè)圖層，選擇油漆桶工具，使用白色填充。然后選擇字體工具，在字體面板中選擇字體、字號(hào)，輸入文本。當(dāng)然，也可以繪制其他你希望得到的圖案形狀。這里我們以輸入文本“HOT”為例，字體為Arial Black，字號(hào)150像素。這時(shí)Photoshop自動(dòng)新建一個(gè)名稱為“HOT”的文字圖層。

　　
圖2：新建圖層并輸入文本

　　3、選中“HOT”文字圖層，右擊該文字圖層，從彈出的右鍵菜單中選擇“柵格化圖層”，將矢量圖層文字柵格化為像素圖像。接著再次右擊該圖層，從彈出的菜單中選擇“向下合并”，將文字圖層與下方的白色填充圖層合并，重命名圖層為“文字”，并點(diǎn)擊圖層前的“眼睛”圖標(biāo)，隱藏該圖層。

圖3：柵格化并合并圖層

　　4、選中背景圖層，點(diǎn)擊圖層面板底部的“創(chuàng)建新組”按鈕，新建一個(gè)圖層組并命名為“效果一”。再選中“效果一”圖層組，點(diǎn)擊“創(chuàng)建新圖層”按鈕，“效果一”圖層組下新建一個(gè)圖層，命名為“云彩”，并選中該圖層�，F(xiàn)在將調(diào)色板前景色設(shè)置為白色、背景色設(shè)置為黑色。從菜單中選擇“濾鏡 > 渲染 > 云彩”，得到一個(gè)隨機(jī)的云彩效果。

圖4：對(duì)圖層應(yīng)用“云彩”濾鏡

　　5、接著從菜單中選擇“濾鏡 > 渲染 > 分層云彩”，對(duì)“云彩”圖層應(yīng)用該濾鏡，并按快捷鍵Ctrl F，重復(fù)多次使用該濾鏡。具體使用多少次隨個(gè)人的喜好而定，直到獲得滿意的效果為止。下圖是應(yīng)用4次“分層云彩”后的效果：

圖5：多次應(yīng)用“分層云彩”濾鏡的效果

　　6、現(xiàn)在將“文字”圖層拖到圖層面板底部的“創(chuàng)建新圖層”按鈕上，復(fù)制該圖層，并將復(fù)制圖層拖到“效果一”圖層組，位于“云彩”圖層之上，同時(shí)點(diǎn)擊眼睛圖標(biāo)，使該圖層可見。接下來再對(duì)該圖層進(jìn)行模糊處理。從菜單中選擇“濾鏡 > 模糊 > 高斯模糊”。模糊半徑的數(shù)值視需要而定，值越大，最終的文字（或圖案）效果也越趨于模糊。這里將值設(shè)置為8。

圖6-1：對(duì)“文字”副本圖層應(yīng)用高斯模糊濾鏡

圖6-2：應(yīng)用高斯模糊濾鏡后的效果

　　7、接下來要調(diào)節(jié)“文字副本”圖層的不透明度。這一步是比較關(guān)鍵的一步，它將影響到最終效果的表現(xiàn)。通過調(diào)節(jié)該圖層的不透明度來實(shí)現(xiàn)不同的效果。圖層不透明度越低（即透明效果越明顯），文本（或圖案）將越呈現(xiàn)出不規(guī)則的扭曲效果。相反，圖層不透明度越高，文本（或圖案）則將越規(guī)則，越容易識(shí)別，但同時(shí)效果也會(huì)打折扣。所以，我們需要在兩者之間選擇一個(gè)平衡點(diǎn)。本例選擇將圖層不透明度設(shè)置為61%，在可識(shí)別性和圖像效果之間取得平衡。

圖7：調(diào)節(jié)“文字副本”圖層的不透明度

　　8、選中“文字副本”圖層，從菜單中選擇“圖層 > 新調(diào)整圖層 > 色階”（或者直接點(diǎn)擊圖層面板下的“新增調(diào)整圖層”圖標(biāo)，選擇“色階”），在彈出的“色階”對(duì)話框中，向左拖動(dòng)右邊的白色滑桿至輸入色階發(fā)生突變的位置附近，并注意觀察圖像的變化。

圖8-1：新增“色階調(diào)整圖層”并調(diào)節(jié)輸入色階

圖8-2：調(diào)整后的圖像效果

　　9、再從菜單中選擇“圖層 > 新調(diào)整圖層 > 曲線”（或者直接點(diǎn)擊圖層面板下的“新增調(diào)整圖層”圖標(biāo)，選擇“曲線”），在“曲線”對(duì)話框中編輯曲線，將之成如圖所示的拋物線狀。

圖9-1：新增“曲線調(diào)整圖層”并編輯曲線

圖9-2：應(yīng)用“曲線調(diào)整圖層”后的效果

　　10、最后就可以給圖像上色了，上色的方法很多，例如使用色階、色相/飽和度、通道混合器，甚至是照片濾鏡工具。這里我們選用色階工具，以獲得更好的效果。從菜單中選擇“圖層 > 新調(diào)整圖層 > 色階”，分別對(duì)“紅、綠、藍(lán)、RGB”通道調(diào)整如下：

圖10-1：調(diào)整紅色通道色階

圖10-2：調(diào)整綠色通道色階

圖10-3：調(diào)整藍(lán)色通道色階

圖10-4：調(diào)整RGB通道色階

圖10-5：調(diào)整色階后的效果

　　11、至此，我們的基本工作已經(jīng)完成。前面我們已經(jīng)說過，由于Photoshop中“云彩”濾鏡的效果是隨機(jī)的，因此，即使是使用相同的方法制作相同的文本或圖案，得到的效果相似卻又各不相同。我們正好利用這一點(diǎn)，我們再對(duì)效果進(jìn)一步的加工，以期獲得更眩目的效果。
　　
　　將“效果一”圖層組拖到“創(chuàng)建新圖層”圖標(biāo)上，復(fù)制圖層組，并將復(fù)制后的圖層組重命名為“效果二”，同時(shí)將該圖層組的圖層混合模式由“穿透”改為“濾色”。如圖11所示：

圖11

　　12、現(xiàn)在展開“效果二”圖層組，選中該組下的“云彩 副本”圖層，并從菜單中選擇“濾鏡 > 渲染 > 分層云彩”，對(duì)“云彩 副本”圖層應(yīng)用該濾鏡。這時(shí)注意觀察圖像的變化，你會(huì)發(fā)現(xiàn)文字效果不斷的變化。按快捷鍵Ctrl F，重復(fù)多次使用該濾鏡，可以獲得不同的效果。

圖12：對(duì)“云彩 副本”圖層應(yīng)用分層云彩濾鏡

　　說明：如果想降低該圖層組中“文字 副本”圖層的高斯模糊，你可以先刪除該文字圖層，并復(fù)制我們原來隱藏的“文字”圖層到該圖層組中，再進(jìn)行高斯模糊。
　　
　　13、我們?nèi)绶ㄅ谥�，再�?fù)制一次“效果一”圖層組，重命名為“效果三”，同樣將圖層組的圖層混合模式由“穿透”改為“濾色”�，F(xiàn)在選中該圖層組下的“文字 副本”圖層，再次進(jìn)行高斯模糊，模糊半徑的值需要根據(jù)實(shí)際情況而定，本例約為33像素。同時(shí)可配合調(diào)整該圖層的不透明度，以獲得最滿意的圖像效果。

圖13：再次對(duì)“文字 副本”圖層進(jìn)行高斯模糊

　　
　　最后我們得到了一個(gè)熱氣騰騰的火熱文字線框效果，如下圖所示：

最終效果圖