在這篇教程中,我將向你展示在PS里打造震撼的帶電文字效果的詳細步驟。本教程的要點在于教你如何使用選區(qū)和圖層模式將各個元素無縫地拼合在一起,讓你的文字效果引人注目。這是一篇中級教程,有些步驟可能有點小復雜,不過何不放手一試呢!

譯者@Jiang-卓bu群 的小提示:本教程是用CS6版本做的——因此界面的截圖較之前的版本會有些許不同。有些筆刷是CS6所特有的。

先來看看最終效果吧

教程:photoshop打造震撼的廢金屬帶電字體特效

好,現(xiàn)在開始咯!

工欲善其事必先利其器,以下是您需要備好的利器:
字體:http://www.dafont.com/foughtknight.font (譯者注:下載的字體與案例中有些不同)
碎片材質圖:http://www.cgtextures.com/login.php?&texid=34344&destination=texview.php?id=34344&PHPSESSID=a3r9br1hlghgbh4umrm402u9k2
閃電圖片: http://stockvault.net/photo/100244/lightning

等等,順便送上俺制作完成的PSD樣本,您可以對比著看看→http://vdisk.weibo.com/s/nJl44

 

步驟1

????? ? 新建一個1280像素*700像素黑色背景的文檔(譯者注:下面稱該文檔為原文檔)。首先我們來制作背景圖——在PS中載入碎片材質圖,截取一部分,將截取的區(qū)域復制粘貼到新建的原文檔中,根據(jù)原文檔調整適合的長寬:

教程:photoshop打造震撼的廢金屬帶電字體特效

使用柔邊的橡皮擦工具擦除碎片貼圖的邊緣,如下圖所示:

教程:photoshop打造震撼的廢金屬帶電字體特效

在這個背景圖上加上兩個調整層:
(1)黑白調整層(譯者注:這一步是將碎片材質圖中紅色部分調成與整體一致的黑白圖像)

教程:photoshop打造震撼的廢金屬帶電字體特效

(2)色階調整層

教程:photoshop打造震撼的廢金屬帶電字體特效

給色階調整層加上圖層蒙版:

教程:photoshop打造震撼的廢金屬帶電字體特效

做到這步的效果如下:

教程:photoshop打造震撼的廢金屬帶電字體特效

新建一個圖層,使用 濾鏡——渲染——云彩,在新圖層底部渲染上一些云彩,降低不透明度至30%-40%左右,產(chǎn)生一點細微的效果即可:

教程:photoshop打造震撼的廢金屬帶電字體特效

步驟2

????????使用剛下載的字體,在畫面上輸入一些文字,注意左邊的字體使用淺灰色,右邊的字體使用暗灰色,如下圖所示:

教程:photoshop打造震撼的廢金屬帶電字體特效

給字體層加一個圖層蒙版,使用柔邊的畫筆,調整畫筆流量和不透明度各約50%,如下圖,讓文字的某些部分減淡:

教程:photoshop打造震撼的廢金屬帶電字體特效

給字體層添加以下圖層樣式

????????斜面浮雕

教程:photoshop打造震撼的廢金屬帶電字體特效

等高線

教程:photoshop打造震撼的廢金屬帶電字體特效

描邊

教程:photoshop打造震撼的廢金屬帶電字體特效

內陰影

教程:photoshop打造震撼的廢金屬帶電字體特效

漸變疊加

教程:photoshop打造震撼的廢金屬帶電字體特效

外發(fā)光

教程:photoshop打造震撼的廢金屬帶電字體特效

目前的效果如下:

教程:photoshop打造震撼的廢金屬帶電字體特效

 

步驟3

接下來,我們將在文字上疊加一些碎片材質貼圖。載入字體層的選區(qū),在PS中載入碎片材質圖,將選區(qū)移至碎片材質圖上,執(zhí)行復制粘貼命令:

 

教程:photoshop打造震撼的廢金屬帶電字體特效

把材質貼圖復制粘貼到原文檔中,稍微向右上方移動一點,產(chǎn)生如下效果:

教程:photoshop打造震撼的廢金屬帶電字體特效

以新的這層材質圖層作為剪切蒙版(譯者注:按住alt,鼠標移至上下圖層之間,待鼠標形狀變化后點左鍵),添加以下3個調整層:

(1)黑白調整層

 

教程:photoshop打造震撼的廢金屬帶電字體特效

(2)色階調整層

教程:photoshop打造震撼的廢金屬帶電字體特效

(3)曲線調整層

教程:photoshop打造震撼的廢金屬帶電字體特效

回到材質貼圖層,給這層加個圖層蒙版,使用柔邊筆刷,擦除材質貼圖的上半部分:

教程:photoshop打造震撼的廢金屬帶電字體特效

目前的效果如下:

教程:photoshop打造震撼的廢金屬帶電字體特效

步驟4:

載入閃電圖片到PS中,使用套索工具,設置羽化值為30像素,選擇圖中閃電區(qū)域,如下所示:

教程:photoshop打造震撼的廢金屬帶電字體特效

復制粘貼選取的閃電圖像到原文檔中,如下圖所示,調整閃電層的黑白的參數(shù)

教程:photoshop打造震撼的廢金屬帶電字體特效

然后在調整閃電層的色階,參數(shù)如下:

教程:photoshop打造震撼的廢金屬帶電字體特效

將達到以下效果:

教程:photoshop打造震撼的廢金屬帶電字體特效

多復制幾層閃電,縮放、排布在文字的周圍,試著把圖層模式調整為“顏色減淡”或“濾色”直至最佳效果。

教程:photoshop打造震撼的廢金屬帶電字體特效

步驟5

接著,我們來加入一些橫飛的金屬片,給畫面中制造些動感。回到那張碎片材質圖,如下圖所示,選取一塊碎片

教程:photoshop打造震撼的廢金屬帶電字體特效

復制粘貼到原文檔,扭曲變形一下,使用柔邊的橡皮將邊緣減淡一些:

教程:photoshop打造震撼的廢金屬帶電字體特效

調整該碎片層色階,參數(shù)如下圖所示:

教程:photoshop打造震撼的廢金屬帶電字體特效

再多復制幾層碎片,將碎片分散擺放在畫面各個位置,分別給每塊飛散的碎片調整不同的不透明度和大小,以此增加圖像整體的縱深感。

教程:photoshop打造震撼的廢金屬帶電字體特效

步驟6

快完成啦,加勒個油?????最后教大家?guī)讉€絕招。我合并了文字層,添加濾鏡——畫筆描邊——強化邊緣,設置如下:

教程:photoshop打造震撼的廢金屬帶電字體特效

這么做是為了增亮文字層的邊緣

教程:photoshop打造震撼的廢金屬帶電字體特效

在圖層面板最上方添加以下兩個調整層

(1)選定顏色

 

教程:photoshop打造震撼的廢金屬帶電字體特效

教程:photoshop打造震撼的廢金屬帶電字體特效

教程:photoshop打造震撼的廢金屬帶電字體特效

(2)曲線

教程:photoshop打造震撼的廢金屬帶電字體特效

大功告成,最終效果如下:

教程:photoshop打造震撼的廢金屬帶電字體特效

教程到此結束!希望您喜歡這個教程,并且從中受益!有問題可以到原文鏈接地址下給原作者留言。
天天開心,后會有期~

轉摘請保留以下信息:

翻譯:SDC翻茄匠,卓bu群??????? 新浪微博:@Jiang-卓bu群
原文地址:http://www.psdvault.com/text-effects/design-an-awesome-electrified-metal-scrap-text-effect-in-photoshop/

 

收藏 10
點贊 3

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉載。