設計思路總覽

變色龍圖標強調體積感、材質真實度、動態姿態。製作邏輯：**矢量骨架定結構 → 圖層樣式建體積/漸變 → 手繪光影補細節 → 矢量路徑造特徵 (尾巴/刺/眼) → 紋理疊加真實感 → 微結構 (疙瘩) 破規律 → 環境融合 (樹枝/投影)**。

最終效果

核心階段拆解

階段一：矢量骨架與基礎著色

• 320×320px 畫布，深灰背景。新建圖層草繪姿態 (可刪除)。
• 鋼筆路徑分部位勾勒：頭部、身體、四肢、尾巴基部 → 各部位建立獨立形狀圖層 → 填充高飽和基礎色 (綠/黃/藍/橙漸變)。
  

階段二：圖層樣式建立大體積與色相漸變

• 各部位圖層添加樣式：**斜面浮雕 (內斜面/淺深度) 模擬肌肉起伏** + **漸變疊加 (多色相流動) 模擬變色龍體色變化** + **內發光/投影** 定義邊緣厚度。
  
• 此階段解決 80% 體積感與色彩豐富度，剩餘 20% 靠手繪突破。

階段三：特徵結構矢量化 (尾巴/刺/眼)

• 螺旋尾巴：鋼筆繪製螺旋路徑 → 描邊路徑 (硬筆 3px) → 圖層樣式「漸變疊加」環繞色相 → 剪貼蒙版限制於尾巴形狀。
  
• 背刺/下巴刺：路徑繪製單刺 → 複製變換排列 → 群組添加統一樣式 (斜面浮雕淺 + 投影)。
• 眼睛系統：3 層矢量結構 — 眼白 (橢圓、內發光陰眼窩) + 瞳孔 (縮小圓、徑向漸變) + 雙層眼皮 (上/下眼皮路徑、斜面浮雕厚度)。
  

階段四：手繪光影修正結構轉折

• 新建圖層 (剪貼至身體組) → 低不透明度軟筆 (10-20%) 手繪：頭部投影頸部、背部圓潤過渡、下頜高光。解決樣式無法表達的局部結構轉折。
  

階段五：爬行動物紋理疊加 (關鍵真實感)

• 搜集「蛇皮/蜥蜴皮」高清紋理圖 → 置於身體組上方 → 混合模式「疊加/柔光」/不透明度 30-50%。
• **蒙版精修**：黑筆蒙版擦除邊緣/遠端紋理 (弱化)，白筆加強近端/焦點區紋理 (強化)，符合景深邏輯。
  
• 爪尖添加高光點 (白筆點擊)，增強前伸視覺張力。

階段六：微結構 — 皮膚疙瘩程序化分佈

• 橢圓形狀 4px + 圖層樣式「漸變疊加 (徑向白→透明) + 斜面浮雕 (外斜面/1px)」→ 單顆疙瘩元件。
• 複製數十顆 → Ctrl+T 隨機縮放/旋轉/位移 → 不透明度隨機 30-80% → 分散於身體表面。
  
• 尾巴卷曲內側補充投影層，增強空間遮擋關係。

階段七：環境融合 — 樹枝與背景

• 樹枝：鋼筆勾勒主幹分支 → 圖層樣式「斜面浮雕/漸變疊加/投影」→ 尖端銳化 (濾鏡 > 銳化 > 銳化) 強化「伸出畫面」感。
  
• 葉子：單獨繪製，質感簡略 (非焦點)。
• 合成：變色龍組 + 樹枝組 → 肩部投影 (新建圖層、黑筆、高斯模糊、不透明度 20%)。
  
• 背景：徑向漸變 (深綠→黑) + 雜色 (單色 3%) 模擬夜景景深。
  

方法論總結：圖標級寫實建模 7 步法

1. 矢量骨架分層 (部位獨立可動)
2. 圖層樣式建基礎體積色彩 (80% 完成度)
3. 矢量路徑造特徵結構 (尾巴/眼/刺/角)
4. 手繪光影補結構轉折 (突破樣式極限)
5. 真實紋理蒙版疊加 (遵循景深遠近虛實)
6. 微結構元件程序化分佈 (疙瘩/毛/鱗/孔)
7. 環境融合 (投影/接觸面/背景氛圍)

此流程適用於所有「單一生物/物體」寫實圖標設計，從 64px 到 1024px 無縫縮放。