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

Photoshop打造一款頹廢風格的火焰字

設計教程 閲讀(1.56W)

本教程的火焰字效果製作的非常自然,尤其是火焰及火花部分非常不錯。作者製作的時候用到了很多疊加圖層和一些煙霧素材。如果你還沒有這些素材可以去網上下載。

最終效果

Photoshop打造一款頹廢風格的火焰字

放大圖

Photoshop打造一款頹廢風格的火焰字 第2張

1、創建一個新文件,大小為1200*800px,用黑色填充背景。在背景上使用我們之前下載的字體。(顏色已經在下圖指出)

Photoshop打造一款頹廢風格的火焰字 第3張

2、在文本圖層上,應用下圖所示的混合選項設置:外發光。

Photoshop打造一款頹廢風格的火焰字 第4張

內發光:

Photoshop打造一款頹廢風格的火焰字 第5張

斜面與浮雕

Photoshop打造一款頹廢風格的火焰字 第6張

等高線:

Photoshop打造一款頹廢風格的火焰字 第7張

描邊:

Photoshop打造一款頹廢風格的火焰字 第8張

你將會得到下圖所示的效果:

Photoshop打造一款頹廢風格的火焰字 第9張

3、複製這個文字圖層5次。對於每個複製圖層要稍微調整它在畫布上的位置,也要改變每個複製圖層的不透明度以便創建深度。下圖是我調整每一個圖層之後的效果:

Photoshop打造一款頹廢風格的火焰字 第10張

4、複製一次所有預覽文字圖層。柵格化這些複製的文字圖層並把它們合併在一起。在合併圖層上應用下圖的高斯模糊設置:

Photoshop打造一款頹廢風格的火焰字 第11張

改變合併層的混合模式為“強光”,將會得到下圖的效果,重命名此合併圖層為“發光”,下一步我們將繼續使用此圖層。

Photoshop打造一款頹廢風格的火焰字 第12張

5、複製這個“發光”圖層3次。自下而上,調整每一個圖層的混合模式和不透明度,按照如下步揍設置:複製圖層:1混合模式:亮光,透明度:90%,複製圖層:2,混合模式:疊加,透明度:80%,複製圖層:3混合模式:柔光,透明度:70%,您將得到下圖的效果:

Photoshop打造一款頹廢風格的火焰字 第13張

6、在PS中打開“煙霧紋理”(可以去網上下載),使用套索工具,設置20px的羽化,選擇煙霧紋理的一部分,複製並粘貼到我們的文本文件中。使用自由變換工具(按Ctrl+T)旋轉紋理直至達到下圖的效果:

Photoshop打造一款頹廢風格的火焰字 第14張

把這個新層命名為“火焰”,重複幾次。再在每個複製層上使用自由變換工具旋轉和調整它們,使每一圖層的形狀不同於其他層。還要確定煙霧紋理覆蓋了整個文字。下圖是我使用了自由變換之後的效果:

Photoshop打造一款頹廢風格的火焰字 第15張

7、合併之前幾步所有的複製圖層,並重命名為“火焰”。改變合併圖層的混合模式為“強光”。您將有如下效果:

Photoshop打造一款頹廢風格的火焰字 第16張

在這個層上,按Ctrl+U應用下列色相和飽和度調整:

Photoshop打造一款頹廢風格的火焰字 第17張

這就是你將要得到的效果:

Photoshop打造一款頹廢風格的火焰字 第18張

8、仍要停留在“火焰”層,添加下面的圖層蒙版:(提示:使用圓形筆刷顯示不同的流動狀態)

Photoshop打造一款頹廢風格的火焰字 第19張

這就是應用了蒙版之後的效果:

Photoshop打造一款頹廢風格的火焰字 第20張

然後,我們複製這個“火焰”圖層3次。分別設置複製圖層的混合模式(自下而上)為“強光”,“疊加”,“疊加”。您將得到如下效果:

Photoshop打造一款頹廢風格的火焰字 第21張

9、現在,我們可以在文字周圍添加一些煙霧使它看上去不那麼孤立。為了做到這一點,要再一次複製“火焰”圖層,移除蒙版。降低複製圖層的飽和度,改變混合模式為“慮色”,降低不透明度為30%左右。下圖是我迄今為止所完成的效果:

Photoshop打造一款頹廢風格的火焰字 第22張

10、最後的調整,我在之前所有圖層的上方添加了如下調整:曲線。

Photoshop打造一款頹廢風格的火焰字 第23張

亮度和對比度:

Photoshop打造一款頹廢風格的火焰字 第24張

色調和飽和度:

Photoshop打造一款頹廢風格的火焰字 第25張

最終效果:

Photoshop打造一款頹廢風格的火焰字 第26張


感謝作者不詳授權發佈教程。