平面設計Photoshop(PS)火焰字特效教程PS教程PS扣圖半透明物體

這是一則非常詳細的平面設計Photoshop(PS)教程,相信只要你認真看完,你也肯定能做出這麼好的效果!

整個教程分為三大步驟——背景——文字+輝光——火焰,中間還有詳細教學PS扣圖半透明物體(火焰)。

喜歡的朋友一定要看完哦!

第1部分 - 背景

在Photoshop中創建一個1920px寬x 1200px的新文檔,並使用漸變工具(G),繪製一個徑向漸變的棕色(#5c3d09到#1f1409),以便獲得如下所示的內容。

請注意,漸變不是垂直居中,而是坐在頂部。在這個圖像中,我們希望文本的頂部被激發,所以圖像的頂部應該更亮一些。

第2步

就像在草稿教程中一樣,我們將再次有一個紋理背景。

第3步

現在我們將圖層設置為覆蓋,並將紋理混合到背景中,瞧!

Advertisements

步驟4

只是為了添加更多的紋理,讓我們運行Texturizer過濾器。要做到這一點,創建一個新的圖層,並填充一個棕色/米色#66500f。然後去濾鏡>紋理>紋理,並使用80%縮放和浮雕設置為4的畫布紋理。

第5步

一旦你有你的紋理層,將其設置為覆蓋。這增加了一些額外的細節,我們的紋理是好的,因為我們正在這樣一個大的畫布。

第6步

接下來,我們將應用一個圖層來淡化圖像的下半部分。這是這樣,頂部看起來像火焰是一個溫暖的光輝,而底部看起來有點冷。

因此,創建一個新的圖層,並用顏色#4b4f3b填充它。然後添加一個帶有漸變的圖層蒙版來掩蓋頂部並淡入淡出(所以你得到的效果顯示)。

現在將圖層設置為「顏色」和45%不透明度。

Advertisements

第2部分 - 文字+輝光=真棒

好的,我們現在有一個很好的背景!所以我們來添加一些文字。我已經使用了字體Trajan,因為這是一個非常戲劇性的字體。在這裡,我已經把文字放在顏色#cb9328中,然後將其設置為線性減淡(添加),不透明度為8%。

我們將要對文本做的事情是讓文本的上半部分從背景中走出來,並且隨著火焰的閃爍而變紅。這意味著我們要運行許多效果並應用圖層蒙版,以便只有上半部分顯示,而下半部分恢復為淡出文本,就像我們目前所做的那樣。

第8步

所以首先創建一個新的圖層組來放置所有的文本圖層,因為會有很多圖層。

然後複製文本圖層並將複製文本的顏色設置為#5e3f1c。

第9步

現在設置最新的文字層為覆蓋和70%的不透明度。它應該看起來有點微紅(如下所示)。

第10步

現在再次複製文本,並將最新的重複設置為黃色 - #cb9328。然後將其設置為Linear Dodge(Add)和Opacity 30%。

接下來,我們添加一個圖層蒙版並繪製一個漸變,以使最新的文本圖層淡出,如下所示,在下面可以看到底部兩個文本圖層的紅色組合。

步驟11

接下來我們再次複製文本圖層,但將該圖層置於底部。將顏色設置為黑色 - #000000。然後去濾鏡>模糊>高斯模糊,它會要求你光柵化的文本,點擊yes,然後設置半徑約4px。

然後按住Ctrl鍵並單擊其他任何文本圖層,然後返回到黑色圖層,然後點擊刪除,只剩下一種陰影。然後複製這個圖層,並與第一個合併,效果更重。你應該有一些看起來像下面的截圖。

第12步

再一次,添加一個圖層蒙版,以便陰影快速淡出,如圖所示。這使得它看起來像文本正在出來的頁面。

第13步

現在再次複製我們的黑色層,並使用塗抹工具(R)和一個大的軟刷,只是塗抹陰影,所以看起來像燒傷痕迹。

第14步

以下是我們的文字現在的樣子。實際上我製作了兩套「燒」的標記,然後四套陰影層都比最後一層模糊得多,每層都淡化了。

第15步

現在是時候讓我們的文字的頂部發光。所以首先,再次複製文本圖層,並將該圖層置於頂部,並將其設置為黃色 - #dc9a08。

然後運行一個濾鏡>模糊>高斯模糊與半徑8px。然後抓住一個大的軟橡皮刷,只是抹掉底部的部分,所以它是不平衡的。

第16步

將我們的第一個輝光層設置為柔光。你可能想要重複這個過程,甚至更多地擦除,最上面的部分更加亮。

步驟17

現在再次複製文本圖層,並將其放在最上面。這一個應該是一樣的黃色(#dc9a08)。

然後轉到圖層>柵格化>類型,並將文本轉換為平面圖形。然後按住Ctrl單擊圖層並轉到選擇>修改>合同,並使用1px的值。然後按Delete刪除除1px大綱外的所有內容。

第18步

現在將1px圖層設置為Overlay,並且您應該具有如下圖所示的內容。

第19步

現在到我們的1px發光,添加一個圖層蒙版,淡化它的底部,因為我們已經做了其他圖層。

然後複製圖層,然後運行「濾鏡」>「模糊」>「高斯模糊」設置為1px。然後再次複製此圖層並將其模糊2px。然後再次複製圖層並將其模糊4px。

然後按住Ctrl鍵並單擊任意文本圖層,按Ctrl + Shift + I反轉所選內容並遍歷每個發光圖層,然後按Delete刪除偏離文本邊界的任何模糊。

我們的想法是,我們希望文本的邊緣看起來很熾熱,它會消失在文本上的整體熱度。

第20步

接下來我們複製所有四個輝光層並將它們合併在一起。這應該導致在原來明亮的黃色上面的一層。

抓住塗抹工具並在文本上方運行,如圖所示,將其弄髒,看起來像文字上的熱浪。

步驟21

現在將這個最新的圖層設置為覆蓋,你應該有這樣的東西!

步驟22

現在我們已經完成了我們的文本。我經歷了一些輝光層,使其看起來更加火熱。隨意嘗試通過這樣做來獲得真正的紅熱煥發的樣子。

步驟23

接下來,保持最後的壁紙

第3部分 - 火焰

最後,我們所有的準備工作,現在是時候添加實際的火焰!為此,我們需要一些簡單的黑色背景下的火災圖像。

現在用於複製火焰的技術其實很簡單。

你需要做的是:

  1. 在Photoshop中打開火焰圖像

  2. 進入通道標籤頁,找到對比度最高的通道,對於火焰圖像應該是紅色通道,點擊它

  3. 這將使您的圖像呈現黑白色,而且由於我們處於最高對比度層上,所以它看起來非常亮白。現在按住Ctrl鍵點擊此通道,它將選擇該通道中的所有像素。

  4. 點擊回到RGB通道並複製所選的像素,

  5. 你現在可以將火焰粘貼到主畫布上了!

這實際上是一個非常有用的技術,用於從平坦的背景上複製像火一樣的半透明的東西。

步驟25

好的,在這裡我們把火焰貼在我們的主畫布上。(為了清晰起見,我也暫時關閉了文字圖層)。正如你所看到的,我們在沒有黑色背景的情況下有了火,而且它是部分透明的,這意味著它會在我們的文本之上看起來超級。

步驟26

現在接下來要做的是把我們的一點點火燒分成幾塊。只需複製圖層,然後先關閉一個備份。然後使用鋼筆工具,切斷火災,使您的火焰輪廓,使其看起來很自然。在這裡你可以看到我從一幅圖像中產生了四塊火焰。你也可以嘗試翻轉一下,讓它們看起來更隨機。

將圖層設置為「屏幕」模式,以便剩餘的黑色部分完全消失,並且更加透明。

步驟27

現在因為我的文字只有四個字母,所以我需要四個獨立的部分。對於第四個(E頂部)我實際上抓住了Flickr的照片,並重複了同樣的過程,以創造另一個火焰。同樣在信中火我已經被壓扁了一點,以及使其看起來更加隨意。

步驟28

應用火焰就像在文本上移動火焰一樣簡單。你想嘗試將火焰與字母的形狀相匹配,所以看起來他們正在跳舞的字母

步驟29

在這裡,我已經把所有的四個火焰放在頂部。這不壞,但你可以看到,我和R有相同的火焰,而且所有的火焰都不是很高。

步驟30

所以在這裡,我已經通過每個火焰,並使用變換工具垂直拉伸。此外,我用了一些明智的擦除,使我看起來更獨特的火焰。

步驟31

現在讓它們看起來更亮,重複每個火焰圖層,運行一個半徑為3px的濾鏡>模糊>高斯模糊,並將圖層設置為15%不透明度,以便在火焰邊緣提供一點發光。

步驟32

所以我們在那裡!這就是構圖的外觀。

步驟33

最後,我們將添加最後一個亮點。因此,如圖所示,創建一個新的圖層,並繪製成白色到黑色的徑向漸變。將此圖層設置為「覆蓋」和40%不透明度。

完了!

如果你有興趣在Photoshop中從頭開始創建火焰,你可能也想看看這個經典教程巧合使用完全相同的字體!這是一個Photoshop 6的教程,我仍然可以記得像讀了半年前一樣,但它仍然非常相關,即使屏幕截圖具有超級復古Mac界面。

好啦,我相信只要用心讀完這篇,你也能輕易做出來,畢竟這是一則非常詳細的教學教程咯,其中還有教一個非常有用的技術,用於從平坦的背景上複製像火一樣的半透明的東西(複製火焰)。

送給每一位熱愛平面設計Photoshop(PS)的朋友,喜歡的朋友記得關注下本頭條哦!

Advertisements

你可能會喜歡