萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 手繪教學

Photoshop 制作動感火苗/火焰:路徑描邊與混合模式高效寫實技法

教程簡介

火焰/火苗是數位繪畫中極具表現力的元素,傳統塗抹工具雖自由但耗時且難控制。本教程介紹一套「鋼筆勾勒輪廓 → 選區羽化填色 → 圖層混合模式疊加高光」的標準化流程,能快速產出結構清晰、光影豐富、可動畫化的火焰效果,適合遊戲特效、海報合成、UI 裝飾等場景。

最終效果

核心製作邏輯:火焰解剖學

一簇逼真火焰由以下層級疊加構成 (由外向內):

  1. 外焰/陰影層:暗紅/深橙大面積羽化塊,混合模式「正常/正片疊底」,定義整體輪廓與陰影面。
  2. 中焰/主色層:中等亮度紅/橙 (如 #D92005、#E13F00),羽化 10-20px,混合模式「正常/變亮」,構建火焰主體色塊。
  3. 內焰/高溫核心:亮橙/黃 (如 #FFE535、#FFE214),小範圍羽化 (5-10px),混合模式「顏色減淡/線性減淡」,表現高溫核心發光。
  4. 微觀高光/火星:極小白/黃點/線,疊加模式「顏色減淡/線性減淡」,增加顆粒感與動態感。

標準化單條火焰製作 SOP (可複製套用)

  1. 新建圖層組「火焰_01」。
  2. 外焰:鋼筆勾勒外輪廓尖頂寬底形狀 → 轉選區 → 羽化 20px → 填充 #D92005 → 不透明度 70%。
  3. 次級外焰:鋼筆勾勒稍小形狀 → 羽化 10px → 填充同色。
  4. 第三外焰:鋼筆勾勒更小形狀 → 羽化 15px → 填充同色。
  5. 外層高光:鋼筆勾勒比外焰稍小選區 → 羽化 10px → 填充 #FFE535 (橙黃)。
  6. 核心高光:鋼筆勾勒細長尖頂選區 → 羽化 5px → 填充 #FFE214 → 混合模式「顏色減淡」。
  7. 內焰增強:鋼筆勾勒中間火焰輪廓 → 羽化 20px → 填充 #E13F00 → 混合模式「變亮」(關鍵:不影響下層顏色,僅提亮)。
  8. 側邊高光條:鋼筆勾勒細長選區 → 羽化 8px → 填充橙黃。
  9. 中心高光:鋼筆勾勒核心高光區 → 羽化 5px → 填充橙黃 → 「顏色減淡」。

複雜火焰群構建策略

  • 主火焰:按上述 SOP 製作 1 條大火焰作主視覺。
  • 次級火焰:複製主火焰組,Ctrl+T 縮放/旋轉/扭曲 變化形態,修改部分鍵高光層顏色/不透明度。
  • 細火焰/火星:同 SOP 但輪廓更細碎,畫筆大小 1-2px 手繪補充飛濺火星。
  • 層級管理:所有火焰組置於大組「火焰群」內,統一添加調整圖層 (色彩平衡、亮度/對比度) 控制整體色溫與對比。

後期色調統一與輸出

  1. 色彩平衡調整圖層:陰影加紅/黃、中間調加紅/黃、高光加黃/紅 → 統一暖色調。
  2. 亮度/對比度:對比度 +20 左右,增強發光體積感。
  3. 可選:添加「雜色」(單色、2%) 疊加模式「疊加」增加膠片顆粒感。
  4. 導出:關閉背景 → PNG 透明背景供合成 / 保留背景 → JPG 完整場景。

進階技巧與變體

  • 藍焰/綠焰/魔法火:只需修改填充色相 (Hue/Saturation 調整圖層剪貼至火焰組) 即可整體換色,高光色同步偏移 (藍焰高光用青/白,綠焰高光用黃綠/白)。
  • 燭火/打火機火:單一主火焰 + 穩定的藍色內核 (鋼筆勾小三角形、羽化、填藍、顏色減淡)。
  • 爆炸/噴焰:多條火焰從中心輻射,外焰大、內焰小,添加徑向模糊濾鏡增強爆發感。
  • 動畫就緒:將每條火焰的「外焰/中焰/內焰/高光」分層命名規範,導入 After Effects 通過「波浪扭曲/渦流/位移」實現火焰擺動燃燒動畫。

避坑指南

  • ❌ 羽化過大 → 火焰變模糊團 → 羽化值參考:外焰 15-20px、中焰 10-15px、高光 5-10px、微高光 1-3px。
  • ❌ 混合模式亂用 → 顏色突變/灰暗 → 嚴守「外焰正常/正片疊底、中焰正常/變亮、高光顏色減淡/線性減淡」原則。
  • ❌ 圖層不分組 → 無法整體調色/動畫 → 強制規範:每條火焰一組,群組命名 `flame_01_main` `flame_02_secondary`。
  • ❌ 忽略光源一致性 → 高光方向混亂 → 專案開始前設定全局光角度 (如左上 135°),所有高光/投影/斜面角度聯動。

這套「路徑+羽化+混合模式」火焰工作流,將不可控的自然現象轉化為可參數化、可複用、可動畫的標準化資產生產線。建議練習者先完成單條火焰 SOP 練習 5 次,再挑戰火焰群組合,最終嘗試制作 3 秒循環燃燒動畫,徹底掌握火焰數位表現的核心邏輯!

copyright © 萬盛學電腦網 all rights reserved