當前位置:製作窩 >

創意設計 >設計教程 >

Photoshop製作大氣的金屬紋理立體字

Photoshop製作大氣的金屬紋理立體字

PS自帶的3D工具可以做出非常不錯的立體字,不過紋理部分處理還是不夠自然,尤其是轉角處的紋理過渡不夠自然。用手工的方法可以解決這個紋理,尤其是紋理部分可以自己按照筆畫的弧度任意變形以適合個性化文字。

最終效果

Photoshop製作大氣的金屬紋理立體字

1、新建一個800*600畫素的檔案,選擇漸變工具,顏色設定如圖1,稍微斜一點拉出圖2所示的線性漸變。

Photoshop製作大氣的金屬紋理立體字 第2張

<圖1>

Photoshop製作大氣的金屬紋理立體字 第3張

<圖2>

2、新建一個圖層,輸入想要的文字,文字顏色任意,確定後柵格化圖層。再按Ctrl+T變形,適當拉好文字的透視,如下圖。

Photoshop製作大氣的金屬紋理立體字 第4張

<圖3>

3、在文字圖層下面新建一個圖層,根據自己的需要設定好立體面的厚度,然後把各個面做出來,效果如下圖。

Photoshop製作大氣的金屬紋理立體字 第5張

<圖4>

4、再新建一個600*800畫素的檔案,背景選區白色。新建一個圖層,用矩形選框工具由上至下拉一個矩形選區填充灰色,並鎖定透明畫素如圖6。然後把前景色設定為:#83847e,背景色設定為:#b3b4ae,如圖5。

Photoshop製作大氣的金屬紋理立體字 第6張

<圖5>

Photoshop製作大氣的金屬紋理立體字 第7張

<圖6>

5、對矩形色塊執行:濾鏡>渲染>纖維,數值預設如圖7,效果如圖8。

Photoshop製作大氣的金屬紋理立體字 第8張

<圖7>

Photoshop製作大氣的金屬紋理立體字 第9張

<圖8>

6、選擇選單:圖形>旋轉畫布>順時針旋轉90度,效果如下圖。

Photoshop製作大氣的金屬紋理立體字 第10張

<圖9>

7、執行:濾鏡>模糊>動感模糊,引數設定如圖10,效果如圖11。

Photoshop製作大氣的金屬紋理立體字 第11張

<圖10>

Photoshop製作大氣的金屬紋理立體字 第12張

<圖11>

8、把做好的紋理拖進來,放到裡面圖層上面,按Ctrl+Alt+G建立剪貼蒙版。現在我們來製作第一個字母的立體面質感。

Photoshop製作大氣的金屬紋理立體字 第13張

<圖12>

9、選擇塗抹工具,不透明度設定為30%左右,然後把紋理的轉折彎角塗出來,效果如下圖。

Photoshop製作大氣的金屬紋理立體字 第14張

<圖13>

10、用鋼筆勾出左側暗部選區,羽化6個畫素後按Ctrl+J複製到新的圖層,混合模式改為“正片疊底”,新增圖層蒙版,用黑色畫筆把邊緣過渡塗出來,如下圖。

Photoshop製作大氣的金屬紋理立體字 第15張

<圖14>

11、回到紋理圖層,用鋼筆勾出右側的暗部選區羽化5個畫素後按Ctrl+J複製到新的圖層,混合模式改為“正片疊底”,效果如下圖。

Photoshop製作大氣的金屬紋理立體字 第16張

<圖15>

12、回到紋理圖層,用鋼筆勾出中間的高光部分,羽化5個畫素後按Ctrl+J複製到新的圖層,混合模式改為“濾色”,效果如下圖。

Photoshop製作大氣的金屬紋理立體字 第17張

<圖16>

13、同樣的方法加強一下高光部分,效果如下圖。

Photoshop製作大氣的金屬紋理立體字 第18張

<圖17>

14、中間的立體面製作方法相同,不過顏色稍微深一點,過程如圖18-20。

Photoshop製作大氣的金屬紋理立體字 第19張

<圖18>

Photoshop製作大氣的金屬紋理立體字 第20張

<圖19>

Photoshop製作大氣的金屬紋理立體字 第21張

<圖20>

15、回到原文字圖層,把紋理拖進來,按Ctrl+Alt+G建立剪貼蒙版,再按Ctrl+T拉大,不透明度改為:70%,效果如下圖。

Photoshop製作大氣的金屬紋理立體字 第22張

<圖21>

16、調出文字選區,新建一個圖層填充白色,保持選區,把選區稍微往左下移幾個畫素,按Delete刪除,取消選區後用模糊工具把邊緣稍微模糊處理。

Photoshop製作大氣的金屬紋理立體字 第23張

<圖22>

17、在文字圖層下面新建一個圖層,用鋼筆把邊緣的高光部分勾出來,羽化3個畫素後填充淡灰色,混合模式改為“濾色”,效果如下圖。

Photoshop製作大氣的金屬紋理立體字 第24張

<圖23>

18、再加強一下其它部分的高光,第一個字母基本完成,效果如下圖。

Photoshop製作大氣的金屬紋理立體字 第25張

<圖24>

19、同上的方法制作另一個字母,過程如圖25,26。

Photoshop製作大氣的金屬紋理立體字 第26張

<圖25>

Photoshop製作大氣的金屬紋理立體字 第27張

<圖26>

20、在背景圖層上面新建一個圖層,簡單給文字加上投影,效果如下圖。

Photoshop製作大氣的金屬紋理立體字 第28張

<圖27>

21、適當增加文字的對比度,再適當銳化一下,效果如下圖。

Photoshop製作大氣的金屬紋理立體字 第29張

<圖28>

22、建立色彩平衡調整圖層,對高光進行調整,引數設定如圖29,效果如圖30。

Photoshop製作大氣的金屬紋理立體字 第30張

<圖29>

Photoshop製作大氣的金屬紋理立體字 第31張

<圖30>

最後調整一下細節,完成最終效果。

Photoshop製作大氣的金屬紋理立體字 第32張

<圖31>


感謝作者Sener授權本站釋出教程。
  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/n6k3e.html