萬盛學電腦網

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

Flash 製作月夜蝙蝠飛行動畫:漸層背景、元件嵌套與導引層動畫

效果預覽

深藍漸層夜空、發光月亮升起、蝙蝠拍動翅膀飛入畫面、在月前盤旋、逐漸飛遠消失、再從遠處飛出離場。完整展示:漸層背景、元件嵌套、翅膀拍動、導引層路徑、朝向路徑、縮放透視。

製作流程

1. 夜空背景(漸層矩形)

  • 矩形工具畫舞台大小矩形
  • 混色器:線性漸層、深藍→黑、垂直方向(下藍上黑)
  • 對齊面板:相對舞台、匹配寬高、水平垂直置中

2. 月亮(放射漸層發光)

  • 新圖層「moon」,橢圓工具 Shift 畫正圓
  • 混色器:放射漸層、黃→白、調整色標位置
  • 漸層變形工具調整光暈大小位置
  • 第 20 幀關鍵幀,建立動作補間(月亮升起)
  • 第 1 幀月亮移至畫布外下方

3. 蝙蝠元件製作(嵌套結構)

  1. Ctrl+F8 新建「bat」MC
  2. 身體:橢圓工具 Shift 畫黑正圓
  3. 耳朵:鋼筆工具畫三角形 → 黑色填充 → 選取工具調整形狀 → Ctrl+D 複製 → 修改→變形→水平翻轉 → 對齊放頭部兩側
  4. 翅膀:鋼筆工具畫輪廓 → 黑色填充 → 選取工具調整 → F8 轉「wing」MC
  5. 進入「wing」MC:第 1、2、3、4 幀全 F6 關鍵幀
    • 第 2 幀:自由變形向上收攏
    • 第 4 幀:自由變形向下展開
    → 形成拍動循環
  6. 回「bat」MC:拖入兩個「wing」,一個水平翻轉,對稱放置

4. 主場景動畫佈局(100 幀)

  • 三圖層:背景、moon、bat,第 100 幀全 F5 延長
  • 月亮層:第 20 幀關鍵幀 + 動作補間(升起)
  • 蝙蝠層:
    • 第 21 幀關鍵幀:拖入「bat」,調整大小位置(畫面外下方、較大)
    • 第 35 幀關鍵幀 + 動作補間(飛入月前)
    • 第 21 幀:蝙蝠在畫面外下方、放大(近大遠小透視)
    • 第 45、60 幀關鍵幀 + 補間(盤旋)
    • 第 60 幀:自由變形縮至極小(飛遠)
    • 第 61 幀 F7 空白關鍵幀(消失)
    • 第 70、90 幀貼上第 60 幀(複製幀)+ 補間(再次飛入/飛出)
    • 第 90 幀:蝙蝠移至畫面外上方、放大(飛出畫面)

核心技術點

導引層朝向路徑

蝙蝠沿路徑飛行時,勾選幀屬性「沿路徑定向」,蝙蝠自動旋轉朝向切線方向,極大增強真實感。

元件嵌套層級

bat (MC)
├── 身體 (形狀)
├── 耳朵 L/R (形狀)
├── wing L (MC) → 內部 4 幀形狀補間拍動
└── wing R (MC, 水平翻轉)

翅膀獨立 MC 可獨立循環拍動,主時間軸只管位移/縮放/旋轉,關注點分離。

透視縮放原則

  • 近大遠小:飛入時大、飛遠時小
  • 配合 Y 軸位移:越高(遠)越小
  • 自由變形工具 (Ctrl+T/Q) 直觀調整

關鍵幀節奏設計

階段幀範圍動作視覺重點
月亮升起1-20垂直上升建立場景、光源
蝙蝠飛入21-35從下外飛入、縮小透視感、翅膀拍動
月前盤旋35-60繞月飛行、逐漸縮小導引層朝向、遠近變化
飛遠消失60-61縮至點、空白幀自然消失
再次飛入/出70-100複製片段、鏡像反向循環延長觀賞

進階強化建議

  • 星星閃爍: 背景層加入隨機閃爍小白點(AS 控制)
  • 月光神射線: 月亮後方放射狀漸層線條、Alpha 動畫
  • 蝙蝠群: 複製多個 bat MC、錯開時間、隨機路徑
  • 聲音設計: 翅膀扇動聲、夜風聲、環境音
  • 互動版: 滑鼠控制月亮位置、蝙蝠跟隨/躲避
copyright © 萬盛學電腦網 all rights reserved