萬盛學電腦網

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

Illustrator 繪製逼真燭光效果:漸層網格與羽化模擬火焰動態光影

本教程展示如何在 Illustrator 中純向量方式繪製逼真燭光:蠟燭本體漸層建模、火焰核心漸層網格模擬溫度分布、外焰羽化漸變、光暈疊加、投影落地,全程無位圖,輸出可無限縮放的向量燭光素材,適合圖標、插畫、動畫關鍵幀制作。

繪製步驟圖解

教程以動態圖形式展示每一步操作,關鍵節點如下:

  1. 蠟燭本體:圓角矩形/矩形組合,線性漸層(奶白→米黃→淺灰)模擬蠟質,頂部不平整邊緒(鋼筆微調)表現燃燒痕跡。
  2. 燭芯:細長圓角矩形,深灰漸層,頂端圓角。
  3. 火焰核心(內焰):橢圓/水滴形,漸層網格(3×3):
    • 中心節點:高亮黃 #FFF8A0 (最高溫)。
    • 中間環:橙 #FF9900。
    • 外緣節點:深橙/紅 #CC3300 → 透明。
  4. 火焰外焰:較大水滴形,徑向漸層(中心橙紅→邊緣透明),高斯模糊 8-12px,不透明度 60%,混合模式「螢幕」。
  5. 光暈/光照範圍:大橢圓,徑向漸層(中心淡黃透明→邊緣全透明),高斯模糊 20-30px,不透明度 30%,模式「疊加」,置於蠟燭本體下方。
  6. 投影:橢圓黑色,高斯模糊 5px,不透明度 40%,置最底層。
  7. 動態變化(可選):火焰核心網格節點逐幀微移 + 外焰形狀變形 → 輸出 SVG/SMF 序列 → 導入 AE/Animate 做呼吸動畫。

關鍵技法總結

  1. 漸層網格模擬溫度場:火焰非單一顏色,而是溫度連續分布。網格節點對應等溫線,中心最熱(黃白)、外圍遞降(橙紅)。
  2. 多層疊加重構火焰結構:內焰(網格/銳利) + 外焰(徑向漸層/模糊/螢幕) + 光暈(大範圍模糊/疊加) + 投影,四層疊加重現火焰光學結構。
  3. 混合模式是關鍵:「螢幕」模式讓發光體疊加時亮度相加,符合光學疊加原理;「疊加」增強對比;「正片疊底」用於陰影。
  4. 羽化/模糊邊緣柔化:火焰無硬邊緣,高斯模糊(8-30px)必不可少。

延伸應用

  • 壁爐火焰:橫向延展火焰形狀,增加木柴紋理(鋼筆+漸層)。
  • 打火機火焰:縮小尺寸,藍色內焰(高溫) + 透明外焰。
  • 魔法火球:球體網格 + 粒子效果(符號噴槍工具噴射微小發光圓)。
  • 動畫導出:各層分組命名 → 輸出 SVG → CSS/SMIL 動畫或 AE 驅動。
copyright © 萬盛學電腦網 all rights reserved