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

Photoshop打造動感的液化火焰字

設計教程 閲讀(1.36W)

本教程的火焰字效果非常有創意。文字周圍加上了一些類似熔巖的火焰素材,非常有動感。製作的時候先不要急於調色,用黑白的做出來,最後調色即可。

最終效果

Photoshop打造動感的液化火焰字

Photoshop打造動感的液化火焰字 第2張

1、創建一個新圖片,大小為1300*780,填充背景為黑色,創建一個新新圖層命名為“紋理”,然後粘貼一些雜亂的紋理素材進去,如圖所示。

Photoshop打造動感的液化火焰字 第3張

2、按下Ctrl+T進入自由變換狀態,然後右鍵單擊,選擇“透視”,如圖所示。

Photoshop打造動感的液化火焰字 第4張

3、通過拖動調整點,使紋理變成下圖所示的效果。

Photoshop打造動感的液化火焰字 第5張

4、使用較大的柔角橡皮擦工具清除紋理的邊緣,如圖所示。

Photoshop打造動感的液化火焰字 第6張

5、複製這個紋理圖層,調整成較小的一塊,並旋轉移動到左側,如圖所示。

Photoshop打造動感的液化火焰字 第7張

6、複製圖層一次,旋轉移動到右側,如圖所示。

Photoshop打造動感的液化火焰字 第8張

7、現在使用橫排文字工具輸入一些文字,如圖所示。

Photoshop打造動感的液化火焰字 第9張

8、選擇文字圖層,執行“圖層—圖層樣式”,分另設置投影、外發光、斜面和浮雕、描邊,這4種圖層樣式,如圖所示。

Photoshop打造動感的液化火焰字 第10張

Photoshop打造動感的液化火焰字 第11張

Photoshop打造動感的液化火焰字 第12張

Photoshop打造動感的液化火焰字 第13張

Photoshop打造動感的液化火焰字 第14張

Photoshop打造動感的液化火焰字 第15張

9、按下Ctrl+J兩次,複製出兩個文字圖層的副本,然後分別設置這三個文字圖層的不透明度為40%、25%和15%,如圖所示。

Photoshop打造動感的液化火焰字 第16張

10、輕微移動每個文字圖層的位置,如圖所示。

Photoshop打造動感的液化火焰字 第17張

Photoshop打造動感的液化火焰字 第18張

11、選擇其中一個文字圖層,載入其選區(按着Ctrl鍵單擊圖層面板中的縮略圖),如圖所示。

Photoshop打造動感的液化火焰字 第19張

12、選擇矩形選框工具或按M鍵,如圖所示。

Photoshop打造動感的液化火焰字 第20張

13、在圖中單擊右鍵,選擇“建立工作路徑”,如圖所示。

Photoshop打造動感的液化火焰字 第21張

14、設置容差為2.0像素,如圖所示。

Photoshop打造動感的液化火焰字 第22張

這樣文字的路徑就創建好了,如圖所示。

Photoshop打造動感的液化火焰字 第23張

15、選擇畫筆工具,在屬性欄中設置5px的筆刷,如圖所示。

Photoshop打造動感的液化火焰字 第24張

16、選擇鋼筆工具,然後在圖片中單擊右鍵,選擇“描邊路徑”,如圖所示。

Photoshop打造動感的液化火焰字 第25張

17、勾選擇“模擬壓力”選項,如圖所示。

Photoshop打造動感的液化火焰字 第26張

描邊後的效果如圖所示。

Photoshop打造動感的液化火焰字 第27張

18、在所有圖層的頂部創建一個新圖層命名為“光”,使用較大的柔角畫筆在文字的中間點擊一下,如圖所示。

Photoshop打造動感的液化火焰字 第28張

19、按下Ctrl+T調整光圖層的形狀,使它變得偏一點,然後移動到文字的底部,如圖所示。

Photoshop打造動感的液化火焰字 第29張

20、執行“編輯—變換—扭曲”,設置光線的形狀,如圖所示。

Photoshop打造動感的液化火焰字 第30張

21、創建一個新圖層,載入文字選區,然後在選區裏填充黑色,如圖所示。

Photoshop打造動感的液化火焰字 第31張

22、按下Ctrl+T,然後右鍵單擊選擇“垂直翻轉”,如圖所示。

Photoshop打造動感的液化火焰字 第32張

23、設置透視的變換效果,如圖所示。

Photoshop打造動感的液化火焰字 第33張

24、執行“濾鏡—模糊—高斯模糊”,設置半徑為4.2,如圖所示。

Photoshop打造動感的液化火焰字 第34張

25、設置圖層的混合模式為柔光,如圖所示。

Photoshop打造動感的液化火焰字 第35張

26、一個新圖層,命名為“線條”,然後使用鋼筆工具製作一些波浪的線條路徑,如圖所示。

Photoshop打造動感的液化火焰字 第36張

27、你可以通調整路徑的節點去控制路徑波浪的形狀,如圖所示。

Photoshop打造動感的液化火焰字 第37張

28、設置畫筆的大小5px,然後使用白色描邊路徑,如圖所示。

Photoshop打造動感的液化火焰字 第38張

29、給線條圖層添加一個圖層蒙版,然後使用黑色的畫筆塗抹被文字遮擋的線條部分,使線條看起來好似纏繞文字似的,如圖所示。

Photoshop打造動感的液化火焰字 第39張

30、你也可以複製線條圖層,添加多個線條纏繞着文字,如圖所示。

Photoshop打造動感的液化火焰字 第40張

31、最後就是對文字上色了,執行“圖層—新建調整圖層”分別添加色彩平衡和曲線這兩個調整圖層,如圖所示。

Photoshop打造動感的液化火焰字 第41張

Photoshop打造動感的液化火焰字 第42張

Photoshop打造動感的液化火焰字 第43張

Photoshop打造動感的液化火焰字 第44張

最終效果:

Photoshop打造動感的液化火焰字 第45張


感謝作者河馬投稿。