當前位置:米奇創意網>設計創意>設計教程>

利用火焰素材製作逼真的燃燒字

設計教程 閲讀(1.85W)

本教程火焰字效果非常逼真。火焰部分為素材,不過作者經過特殊的處理,火焰各不相同。文字部分也經過一系列的處理,做成金色的效果,然後組合到一起。效果是如此的自然形象。跟真的一樣,非常不錯。

最終效果

利用火焰素材製作逼真的燃燒字

利用火焰素材製作逼真的燃燒字 第2張

1、背景製作:

在photoshop中創建一個新的文檔,大小為1920×1200px。選擇漸變工具,畫一個棕色的徑向漸變(顏色值是由#5c3d09到#1f1409),因此你得到了一個像下圖一樣的效果。

注意漸變不是從正中間開始畫的,而是靠畫面的頂部開始畫的。我們想要文字頂部是火的效果,因此圖像的頂部應該稍微更亮一些。

利用火焰素材製作逼真的燃燒字 第3張

2、我們將再一次用到在草的特效文字教程中的一個背景紋理。但是這次並不是從頭開始,而是直接複製草的特效文字教程中已做好的背景,混合所有的圖層並且降低飽和度得到下圖你所看到的效果。

如果你需要從頭做起,首先你需要到Bittbox中得到最初的紋理圖片,然後跟着先前的步驟做。

利用火焰素材製作逼真的燃燒字 第4張

3、現在我們把紋理放入背景中進行混合,設置混合模式為疊加。

利用火焰素材製作逼真的燃燒字 第5張

4、讓我們運用紋理化濾鏡來增加一些紋理。我首先新建一個圖層並用棕色(#66500f)來填充。然後運用濾鏡>紋理>紋理化,設置紋理畫布下的縮放值為80%,凸顯為4。

利用火焰素材製作逼真的燃燒字 第6張

5、設置此圖層的混合模式為疊加,因為我們是在一個很大的畫布上工作,所以增加一些好的額外細節會讓它看上去更加的棒。

利用火焰素材製作逼真的燃燒字 第7張

6、接下來,我們將應用一個圖層來稍微降低此圖像下半部分的飽和度。這樣做的目的是為了讓頂部火的位置看上去有一股很熱的光,而底部看上去有點冷。

因此我創建一個新的圖層,並用顏色(#4b4f3b)進行填充,然後增加一個圖層蒙版,利用漸變隱藏圖像的上半部分。(現在你應該得到下圖這樣的效果)。

現在設置圖層的混合模式為顏色,不透明度為45%。

利用火焰素材製作逼真的燃燒字 第8張

7、現在我們已經擁有一個漂亮的背景了!現在讓我們增加一些文字。我用的字體是Trajan,因為這種字體運用在此處感覺非常棒。我為字體添加一種顏色(#cb9328),然後設置圖層的混合模式為線性減淡(添加),降低不透明度為8%。

我們將要運用紅色的火焰給這個文字的上半部分增加一些效果,使它從背景中跳出來。這個就意味着我們將要給文字增加一些效果和圖層蒙版,目的是為了只顯示文字的上半部分,而文字的下半部分仍舊和當前的若隱的效果一樣。

利用火焰素材製作逼真的燃燒字 第9張

8、首先創建一個新的圖層組,將所以的文字圖層放入進去–因為這裏文字將會很多。然後複製文字圖層,設置複製的文字的顏色值為#5e3f1c。

利用火焰素材製作逼真的燃燒字 第10張

9、現在設置最新的文字圖層為疊加,不透明度為70%。它看上去是一種很棒的微紅色。(像下圖展示的一樣)

利用火焰素材製作逼真的燃燒字 第11張

10、現在再一次複製文字圖層,並設置最新的複製圖層為微黃色(#cb9328)。然後設置它為線性減淡(添加)和降低不透明度為30%。

接着我們增加一個圖層蒙版,並繪製一個漸變,因此最新的文字圖層若隱的感覺如下圖所示,結合下面的兩個文字圖層,你能看到文字底部微微泛紅的顏色。

利用火焰素材製作逼真的燃燒字 第12張

11、接下來我們再一次複製這個文字圖層,這一步是為了給文字的底部增加一種好的感覺。設置文字顏色為黑色(#000000),然後運行濾鏡>模糊>高斯模糊,設置半徑為4像素。柵格化文字,選擇>修改>擴展.

然後Ctrl+按住任意一個別的文字圖層,並且返回到黑色圖層,點擊刪除,因此只留下了一個很柔和的陰影。接着複製這個圖層並且合併產生一種很沉重的效果。你做出來的應該跟下面的截圖很像。

利用火焰素材製作逼真的燃燒字 第13張

12、按照下圖所示,再一次利用圖層蒙版快速製作出陰影漸隱的效果。這樣可以使文字看上去像浮出畫面的效果。

利用火焰素材製作逼真的燃燒字 第14張

13、現在再一次複製黑色圖層,運用塗抹工具,用一個相當大的軟筆刷在陰影的周圍塗抹,使它看上去像燃燒的痕跡。

利用火焰素材製作逼真的燃燒字 第15張

14、現在我們的文字效果看上去如下圖。我實際上建立了兩處”燃燒”痕跡,這四個陰影圖層每一個都比上一個要模糊一些。

利用火焰素材製作逼真的燃燒字 第16張

15、現在是時候為文字的頂部增加一些光感。首先。再一次複製文字圖層。設置它為黃色–#dc9a08.

然後運行濾鏡>模糊>高斯模糊,設置半徑為8px,然後運用的一個大的軟的橡皮擦來擦掉文字的底部的部分,因此來產生一種很好的不平衡感。

利用火焰素材製作逼真的燃燒字 第17張

16、設置第一個光感圖層為柔光。你應該在重複一遍此過程,是文字的頂部的光感更強。

利用火焰素材製作逼真的燃燒字 第18張

17、現在再一次複製文字圖層放在最上面,再一次改變它的顏色為黃色(#dc9a08).

然後運行圖層>柵格化>文字,是文字變成一個圖層。然後Ctrl+按住此圖層得到選區,選擇>修改>收縮,設置收縮量為1px。然後刪除除了收縮1px的剩餘部分。

利用火焰素材製作逼真的燃燒字 第19張

18、現在給1px的圖層設置為疊加,現在你應該做到如下圖所示的效果。

利用火焰素材製作逼真的燃燒字 第20張

19、現在給1px的圖層增加圖層蒙版,來使文字的底部產生漸隱的效果,如同我前面在別的圖層中做的一樣。

然後複製此圖層,運行濾鏡>模糊>高斯模糊,設置半徑為1px。然後再一次複製此圖層,模糊2px。然後再一次複製此圖層,模糊4px。

然後Ctrl+點擊任何一個文字圖層,按Ctrl+Shift+I進行反選,刪除每一個光感圖層因模糊而超出字體邊界的部分。這一步的目的是想讓火熱的文字能有一種火熱感逐漸向文字邊緣增強的效果。

利用火焰素材製作逼真的燃燒字 第21張

20、現在我們複製這四個光感圖層並將它們混合在一起。這樣產生的最後效果是文字的頂部是最初的亮黃色。運用塗抹工具,穿過文字向上塗抹製作出一種像熱浪的效果。如下圖所示。

利用火焰素材製作逼真的燃燒字 第22張

21、設置最新的圖層為疊加。你所製作出的效果看上去如下圖所示。

利用火焰素材製作逼真的燃燒字 第23張

22、現在已經完成了文字的大部分效果。我審查了一遍,並複製一些光感圖層是文字看上去更加的有燃燒的感覺。通過這樣做了很多不同的實驗才得到一個真正的火熱燃燒的光感。

利用火焰素材製作逼真的燃燒字 第24張

23、下一步,按照過去的牆紙,我已經在文字的下面增加了我主要思想的文字。這樣可以為圖像增加一個漂亮的裝飾色彩。此字體用一個與背景色相一致的顏色,此文字不能太顯眼,因為相對主要的文字來説,此文字只是一個次要的元素。我採用的字體是SwissLightCondensed,並且剛好像草的特效文字教程一樣擺放在那裏。

利用火焰素材製作逼真的燃燒字 第25張

24、打開下圖所示的火焰素材。

利用火焰素材製作逼真的燃燒字 第26張

25、接下來的這一步我們將要把火焰裁切成一些小的部分。首先複製這個圖層隱藏起來作為備份。接着選擇鋼筆工具,你需要用此來選擇火焰的外輪廓進行裁切,這樣它將看上去更自然。這裏你將可以看到我把一個火焰裁切成了四個部分。你可以嘗試將它們進行翻轉,使它們看上去更加的隨意。

設置這些圖層的混合模式為濾色,目的是為了完全刪除黑色的部分,並且使它看上去更加的透明。

利用火焰素材製作逼真的燃燒字 第27張

26、因為我的文字有4個字母,所以我需要4個單獨的火焰。對於第4個火焰(在E的上面那個)我實際上是在Flickr中尋找的圖片,重複先前的步驟來創造出另一個火焰。再字母上的火焰我都將它們壓縮過,這樣可以讓它們看上去更加的隨意。

利用火焰素材製作逼真的燃燒字 第28張

27、把這些火焰移動到文字上。你將嘗試把這些火焰與字母的形狀相結合,以便看上去它們像是在跳舞。

利用火焰素材製作逼真的燃燒字 第29張

28、現在我們已經把四個火焰都覆蓋在字母上部了,雖然感覺不是很差,但是你可以看到I和R的字體上都有相同的火焰,並且所有的火焰都不是很高。

利用火焰素材製作逼真的燃燒字 第30張

29、因此這裏我用變換工具來拉伸每一個火焰,並且擦出一些明顯的地方來使每個火焰看上去都是獨一無二的。

利用火焰素材製作逼真的燃燒字 第31張

30、現在這一步是要使它們看上去更加亮一些,複製每一個火焰圖層,運行濾鏡>模糊>高斯模糊,設置半徑為3px,降低不透明度為15%。這樣將會提高每個火焰邊緣的亮度。

利用火焰素材製作逼真的燃燒字 第32張

31、現在已經差不多完成了。這裏就展示了現在的效果。

利用火焰素材製作逼真的燃燒字 第33張

32、最後我們增加一個最後的高光。在所有圖層的上方增加一個新的圖層,並繪製一個如下圖所示的從白色到黑色的徑向漸變,設置此圖層為疊加並降低不透明度為40%。

利用火焰素材製作逼真的燃燒字 第34張

現在我們已經得到一個火特效的文字!

利用火焰素材製作逼真的燃燒字 第35張


感謝作者高小白創作投稿。