平面設計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部分 - 火焰
最後,我們所有的準備工作,現在是時候添加實際的火焰!為此,我們需要一些簡單的黑色背景下的火災圖像。
現在用於複製火焰的技術其實很簡單。
你需要做的是:
在Photoshop中打開火焰圖像
進入通道標籤頁,找到對比度最高的通道,對於火焰圖像應該是紅色通道,點擊它
這將使您的圖像呈現黑白色,而且由於我們處於最高對比度層上,所以它看起來非常亮白。現在按住Ctrl鍵點擊此通道,它將選擇該通道中的所有像素。
點擊回到RGB通道並複製所選的像素,
你現在可以將火焰粘貼到主畫布上了!
這實際上是一個非常有用的技術,用於從平坦的背景上複製像火一樣的半透明的東西。
步驟25
好的,在這裡我們把火焰貼在我們的主畫布上。(為了清晰起見,我也暫時關閉了文字圖層)。正如你所看到的,我們在沒有黑色背景的情況下有了火,而且它是部分透明的,這意味著它會在我們的文本之上看起來超級。
步驟26
現在接下來要做的是把我們的一點點火燒分成幾塊。只需複製圖層,然後先關閉一個備份。然後使用鋼筆工具,切斷火災,使您的火焰輪廓,使其看起來很自然。在這裡你可以看到我從一幅圖像中產生了四塊火焰。你也可以嘗試翻轉一下,讓它們看起來更隨機。
將圖層設置為「屏幕」模式,以便剩餘的黑色部分完全消失,並且更加透明。
步驟27
現在因為我的文字只有四個字母,所以我需要四個獨立的部分。對於第四個(E頂部)我實際上抓住了Flickr的照片,並重複了同樣的過程,以創造另一個火焰。同樣在信中火我已經被壓扁了一點,以及使其看起來更加隨意。
步驟28
應用火焰就像在文本上移動火焰一樣簡單。你想嘗試將火焰與字母的形狀相匹配,所以看起來他們正在跳舞的字母
步驟29
在這裡,我已經把所有的四個火焰放在頂部。這不壞,但你可以看到,我和R有相同的火焰,而且所有的火焰都不是很高。
步驟30
所以在這裡,我已經通過每個火焰,並使用變換工具垂直拉伸。此外,我用了一些明智的擦除,使我看起來更獨特的火焰。
步驟31
現在讓它們看起來更亮,重複每個火焰圖層,運行一個半徑為3px的濾鏡>模糊>高斯模糊,並將圖層設置為15%不透明度,以便在火焰邊緣提供一點發光。
步驟32
所以我們在那裡!這就是構圖的外觀。
步驟33
最後,我們將添加最後一個亮點。因此,如圖所示,創建一個新的圖層,並繪製成白色到黑色的徑向漸變。將此圖層設置為「覆蓋」和40%不透明度。
完了!
如果你有興趣在Photoshop中從頭開始創建火焰,你可能也想看看這個經典教程巧合使用完全相同的字體!這是一個Photoshop 6的教程,我仍然可以記得像讀了半年前一樣,但它仍然非常相關,即使屏幕截圖具有超級復古Mac界面。
好啦,我相信只要用心讀完這篇,你也能輕易做出來,畢竟這是一則非常詳細的教學教程咯,其中還有教一個非常有用的技術,用於從平坦的背景上複製像火一樣的半透明的東西(複製火焰)。
送給每一位熱愛平面設計Photoshop(PS)的朋友,喜歡的朋友記得關注下本頭條哦!