中國風金色花紋以其優雅的線條韻律、豐富的層疊關係與華貴的金屬質感，廣泛應用於品牌包裝、節日海報、UI 裝飾邊框等領域。本教程將系統拆解立體金色花紋的構建邏輯，核心聚焦於「結構分段→底色鋪設→高光陰影分層刻畫→蒙版過渡控制」的專業工作流，助你掌握可複用的裝飾紋理設計方法。

最終效果預覽

成品呈現對稱雙側的立體金色花紋，主體呈現厚實浮雕感，高光銳利、陰影深邃、邊緣過渡絲滑，具備印刷級裝飾質感：

設計邏輯與結構分析

花紋整體呈「S」形彎曲流動，結構可分解為 4 個主要段落：

• 第一段：垂直主幹（最粗壯，承載視覺重心）
• 第二段：上彎過渡段（向右上彎曲）
• 第三段：水平延展段（承載裝飾細節）
• 第四段：下彎收尾段（呼應首段，形成閉合）

每段進一步細分為：核心體塊 → 中間高光帶 → 邊緣高光/暗部 → 頂底端面，逐層疊加構建立體感。

畫布與色彩體系建立

1. 新建 800×800 px 文檔，背景徑向漸變：中心 #3D2B1A → 邊緣 #1A0F08（深褐營造古韻氛圍）
2. 建立金色色板（HSB 模式）：
   基礎金 #C8A040 (H40 S68 B78)
   暗金 #8B6B1A (H40 S80 B55)
   亮金 #F0D860 (H45 S60 B94)
   高光金 #FFF8E0 (H50 S10 B100)
   陰影金 #5A4510 (H40 S85 B35)

分段制作核心流程（以第一段為例，其餘段落邏輯同構）

步驟 1：結構蒙版建立（精確邊界控制）

1. 新建圖層組「Segment_01」
2. 鋼筆工具 (P) 精確勾勒第一段完整輪廓路徑（含頂部裝飾卷曲）
3. 路徑面板 → Ctrl+Enter 載入選區 → 圖層組添加向量蒙版（非破壞邊界控制）

步驟 2：基礎底色鋪設

組內新建圖層「Base_Color」，填充暗金 #8B6B1A，作為整段最深色調基準

步驟 3：核心陰影帶（構建體積凹陷感）

1. 新建圖層「Core_Shadow」，鋼筆勾勒中間凹陷區域選區
2. 羽化 6 px → 填充深陰影金 #5A4510 → 取消選區
3. 添加圖層蒙版 → 黑色柔邊筆刷 (30 px, 30% 不透明度) 擦除兩端過渡，形成自然漸變

步驟 4：側面高光帶（定義體積轉折）

1. 新建圖層「Side_Highlight」，鋼筆勾勒右側受光面選區
2. 填充基礎金 #C8A040 → 蒙版擦除頂底邊緣過渡

步驟 5：中央高光帶（最強視覺焦點）

1. 新建圖層「Center_Highlight」，鋼筆勾勒中央最受光帶狀區域
2. 填充亮金 #F0D860 → 蒙版柔化邊緣過渡

步驟 6-9：邊緣高光與細節疊加（層層遞進）

• 底部邊緣高光：新建圖層，勾選區填充橙金 #E8B840，蒙版控制過渡
• 中間加強高光：新建圖層，疊加模式，柔邊筆刷 #FFF0C0 強化中央帶
• 右上角轉折高光：新建圖層 → Ctrl+Alt+G 剪貼蒙版 → 下層勾選區羽化 3 px 填充 #FFF8E0
• 底部暗部加強：新建圖層，勾選區羽化 3 px 填充 #5A4510
• 頂部投影：組最上層新建圖層，勾選區羽化 5 px 填充 #5A4510，模擬上方裝飾投影

步驟 10-25：第二、三、四段落同構制作

核心邏輯完全一致，僅參數微調：

• 第二段 (上彎)：基礎色調偏亮 (#D4A574)，高光更強烈，彎曲內側加重陰影
• 第三段 (水平)：增加裝飾性節點（花苞/葉片），各節點獨立圖層組制作
• 第四段 (下彎)：呼應首段參數，整體亮度略低 5%（遠景感）

步驟 26：對稱合成與最終整合

1. 合併所有花紋圖層組 → 複製合併層
2. 編輯 → 變換 → 水平翻轉 → 移動至對稱位置對接
3. 中間接縫處理：新建圖層，鋼筆勾勒接縫高光/陰影，無縫銜接
4. 整體調色：曲線 微調對比，色彩平衡 高光 +5 黃/-3 藍（溫暖金感）

專業工作流關鍵技術總結

1. 結構化蒙版體系

「組級向量蒙版定大邊界 + 圖層級像素蒙版控過渡」雙層蒙版架構，實現「大形不變、細節可調」的非破壞編輯。

2. 羽化與蒙版的過渡控制公式

過渡寬度 = 羽化半徑 × 2.5
蒙版筆刷硬度 = 0%
蒙版筆刷不透明度 = 20-30%
多次疊加刷出自然過渡

3. 高光層級標準化

層級	顏色	混合模式	不透明度	羽化	應用區域
核心高光	#FFF8E0	線性減淡	60-80%	1-2 px	最受光棱線
面高光	#F0D860	疊加/正常	40-60%	8-15 px	大面受光區
邊緣高光	#E8B840	柔光	30-40%	5-10 px	側面轉折邊緣
環境高光	#FFF0D0	螢幕	10-20%	20-40 px	大範圍氛圍提亮

4. 程序化紋理替代手繪

金屬表面細微刀紋/氧化斑：
新建 50% 灰智能對象 → 雜色 2% → 動感模糊 角度匹配結構方向 距離 5px → 疊加 10%，參數化可隨時調整，無解析度依賴。

應用拓展與變體設計

• 色系變體：替換色板快速生成「玫瑰金」「鉑金」「古銅色」「鈦金灰」版本
• 風格變體：
  • 扁平化：移除斜面浮雕，保留色塊關係
  線稿風：保留輪廓線，移除填充，描邊模擬筆觸
  鏤空風：移除填充，僅保留描邊+內發光
• 動態化：After Effects 中路徑修剪動畫 (Trim Paths) 實現「生長」動效
• 3D 映射：導出 SVG 載入 C4D/Blender 擠出厚度，渲染真實金屬 PBR 材質

避坑指南

• ❌ 單圖層疊加所有高光陰影 → ✅ 分層疊加，每層單一職責
• ❌ 羽化過大導致邊緣模糊 → ✅ 羽化 ≤ 結構寬度 1/10，蒙版手動控制過渡
• ❌ 顏色直接拾取不建立色板 → ✅ 嚴格使用預定義色板，保證系列一致性
• ❌ 忽略透視關係 → ✅ 彎曲段落必須遵循透視縮放（近大遠小、近寬遠窄）

中國風花紋設計的精髓在於「韻律與節制」——線條的起承轉合、粗細變化、疏密關係，都應服務於整體氣韻流動。建議臨摹《芥子園畫傳》花紋譜、敦煌藻井紋樣、明清傢俱紋飾，將傳統裝飾語言內化為數位筆觸邏輯，方能創作出既有傳統神韻又具現代設計質感的作品。