二維碼 購物車
部落窩在線教育歡迎您!

廢金屬帶電特效字體制作

?

作者:SDC翻茄匠,卓bu群 來源:部落窩教育發(fā)布時(shí)間:2018-10-22 15:21:16點(diǎn)擊:2525

分享到:
0
收藏    收藏人氣:0人
版權(quán)說明: 網(wǎng)絡(luò)作品,轉(zhuǎn)載請(qǐng)注明原作者和出處。


編按:在一些電影海報(bào)上,我們常常會(huì)看到帶有閃電,十分有金屬質(zhì)感,又或者是很有科幻感的字體。這些字體是如何制作出來的呢?今天我們就來看看這個(gè)廢金屬帶電特效的字體制作過程。

先來看看最終效果吧

 

步驟1

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

說明: 1 paste 500x293 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


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

說明: 1 erase 500x289 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


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

說明: 1 bw Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


2)色階調(diào)整層

說明: 1 lvs Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


給色階調(diào)整層加上圖層蒙版:

說明: 1 lv mask 500x273 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


做到這步的效果如下:

說明: 1 effect 500x281 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


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

說明: 1 cloud 500x278 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


步驟2

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

說明: 2 type 500x144 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


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

說明: 2 erase 500x104 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


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

斜面浮雕

說明: 2 bevel 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


等高線

說明: 2 contour 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


描邊

說明: 2 stroke 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


內(nèi)陰影

說明: 2 inner shadow 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


漸變疊加

說明: 2 grad 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


外發(fā)光

說明: 2 outer glow 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


目前的效果如下:

說明: 2 effect 500x124 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop

 

步驟3

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

 

說明: 3 sel 500x168 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


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

說明: 3 paste 500x130 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


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

1)黑白調(diào)整層

 

說明: 3 bw Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


2)色階調(diào)整層

說明: 3 lvs Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


3)曲線調(diào)整層

說明: 3 curves Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


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

說明: 3 erase 500x98 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


目前的效果如下:

說明: 3 effect 500x171 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


步驟4

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

說明: 4 sel 500x216 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


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

說明: 4 bw 500x577 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


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

說明: 4 lvs 500x432 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


將達(dá)到以下效果:

說明: 4 effect 500x156 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


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

說明: 4 attach 500x153 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


步驟5

接著,我們來加入一些橫飛的金屬片,給畫面中制造些動(dòng)感?;氐侥菑埶槠馁|(zhì)圖,如下圖所示,選取一塊碎片

說明: 5 sel 500x342 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


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

說明: 5 distort 500x299 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


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

說明: 5 lv 500x432 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


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

說明: 5 scatter 500x300 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


步驟6

最后教大家?guī)讉€(gè)絕招。我合并了文字層,添加濾鏡——畫筆描邊——強(qiáng)化邊緣,設(shè)置如下:

說明: 6 accent 500x350 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


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

說明: 6 effect 500x171 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


在圖層面板最上方添加以下兩個(gè)調(diào)整層

1)選定顏色

說明: 6 cyan Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


說明: 6 white Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


說明: 6 neu Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


2)曲線

說明: 6 curves Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


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

說明: electric text flatten 500x281 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop

 

相關(guān)文章推薦:

糖果色氫氣球特效文字,簡(jiǎn)直美美噠!

PS制作創(chuàng)意的花朵藝術(shù)字教程

PS制作彎曲的絲帶組成的藝術(shù)字

 

譯者:SDC翻茄匠,卓bu       
文章來源:
http://www.psdvault.com/text-effects/design-an-awesome-electrified-metal-scrap-text-effect-in-photoshop/