教程概覽

本教程詳細講解如何制作具有強烈金屬質感的文字，並結合手繪鐵鏈裝飾，營造硬朗工業風視覺。重點涵蓋：文字圖層樣式構建金屬質感、選區修改與漸變模擬立體光影、鐵鏈線條繪製與透視變換、球形/橢圓鉚釘制作與複製分佈。

最終效果

核心步驟解析

1. 文字金屬基礎質感

1. 新建 300×300px 文件，背景填黑。文字工具輸入文字（如 "GT"），字體 Arial Black/明晰體，大小 150px，顏色 #575757。
2. 添加「斜面與浮雕」樣式（參考圖 2 參數），獲得初步金屬立體感（圖 3）。

圖 1

圖 2

圖 3

2. 文字表面光影細化

1. 載入文字選區，新建圖層，選擇 ▸ 修改 ▸ 收縮 8px → Ctrl+Alt+D 羽化 4px。
2. 漸變工具設定顏色（參考圖 6），從正上方向下拉出徑向/線性漸變，模擬頂部高光與底部陰影（圖 7）。
3. 再次載入文字選區，新建圖層置於背景上方，選擇 ▸ 修改 ▸ 擴展 3px，填充深灰 #474747 作為文字厚度側面（圖 8、9）。

圖 4

圖 5

圖 6

圖 7

圖 8

圖 9

3. 文字傾斜與佈局調整

1. 合併除背景外所有圖層，用「套索工具」將字母 "G"、"T" 分別扣出至獨立圖層。
2. Ctrl+T 自由變換，分別旋轉微調角度，營造隨意堆疊感（圖 10-12）。

圖 10

圖 11

圖 12

4. 鐵鏈網格線條制作

1. 適當放大畫布，新建圖層，選「單列選框工具」畫 1px 寬直線，填充 #595959。
2. 複製圖層向右移動 2px，重複直至鋪滿畫布，合併所有垂直線圖層。
3. 複製合併後的垂直線圖層，編輯 ▸ 變換 ▸ 順時針旋轉 90° 得到水平線，合併垂直+水平線形成網格（圖 13-16）。

圖 13

圖 14

圖 15

圖 16

5. 網格裁切為文字形狀並混合

1. 載入文字圖層選區 → 選擇 ▸ 修改 ▸ 收縮 11px。
2. 回到網格圖層，Ctrl+Shift+I 反選 → Delete 刪除多餘網格，僅保留文字內部網格（圖 17）。
3. 網格圖層模式改為「顏色加深」，融入金屬質感（圖 18）。

圖 17

圖 18

6. 球形鉚釘制作與分佈

1. 新建圖層，放大畫布，橢圓選框工具按 Shift 畫正圓，填充淺灰 #AEAEAE（圖 19）。
2. 保持選區，鉛筆工具在圓心畫一黑一白兩條 1px 線條（圖 20）。
3. 添加「投影」樣式（參考圖 21），獲得立體鉚釘。
4. 移動至 "T" 字右上角，按 Alt 拖動複製多顆，分佈於字母轉角處（圖 22、23）。

圖 19

圖 20

圖 21

圖 22

圖 23

7. 鐵鏈環節制作（橢圓扣件）

1. 新建圖層，橢圓選框工具畫橢圓，填充 #AEAEAE（圖 24）。
2. 矩形選框工具依次選取橢圓左右上下四側邊緣區域，按 Delete 刪除，形成「凸」字形扣件輪廓（圖 25-28）。
3. 載入扣件選區 → 選擇 ▸ 修改 ▸ 收縮 4px → Delete 刪除內部，獲得中空扣件環（圖 29-30）。
4. 新建圖層畫矩形條與小正方形組合成連接桿，複製旋轉組合成完整鐵鏈段（圖 31 及後續）。

圖 24

圖 25

圖 26

圖 27

圖 28

圖 29

關鍵技法總結

• 金屬質感三部曲：基礎斜面浮雕 → 表面漸變光影 → 側面擴展填充，層層疊加構建真實金屬體積感。
• 網格法制作鐵鏈紋理：單列選框→複製分佈→旋轉 90°→合併→文字選區裁切→顏色加深模式融合，高效生成規則鐵鏈網格。
• 鉚釘與扣件的「畫筆+樣式+複製」工作流：基本形狀繪製 → 圖層樣式賦予立體 → 複製分佈 → 透視變換適應字母角度，實現批量精細裝飾。
• 圖層管理：及時合併相關圖層（文字主體、網格、鉚釘、扣件），保持圖層面板整潔，便於後續整體調色與導出。

此教程展示了從基礎質感到複雜裝飾的完整工業風字體制作流程，適合海報標題、遊戲 UI、機械主題設計等場景。