運用多層不同速度移動營造景深效果

在 Flash CS3 中，將背景元素置於不同圖層並以差異速度移動，可模擬出 2.5D 視差效果，讓平面動畫擁有立體空間感。這是經典動畫（如《摩登原始人》）常用的背景循環技巧。

核心原理

• 圖片無縫銜接：背景圖寬度略大於舞台，複製並對齊左右邊緣，形成兩倍寬的無縫圖。
• 多層疊加與速度差：遠景層圖片較短、移動較慢；近景層圖片較長、移動較快。同樣幀數的補間動畫下，速度差產生 Z 軸深度感。
• 關鍵幀精準對齊：每層的最後一關鍵幀必須與第一幀畫面完全重合，確保循環播放無跳動。

製作步驟

1. 準備素材：繪製或匯入背景元素（岩石、樹木、植物等），確保左右邊緣可無縫銜接。
2. 建立圖層結構：由遠至近建立多個圖層（如：遠山、近山、地面、前景草叢）。
3. 設定補間動畫：
   • 在每層第 1 幀放置背景實例，複製至最後一幀並對齊。
   • 套用經典補間，調整各層移動距離：越遠的層移動距離越短。
4. 加入角色互動：中央角色原地跑步（壓扁拉伸動作），搭配前景元素高速移動，強化沉浸感。

圖 1：背景圖片左右對齊複製

圖 2：多層疊加與速度差示意

圖 3：關鍵幀對齊確保無縫循環

圖 4：最後幀與第一幀完美重合

圖 5：角色原地跑步動作

圖 6：加入前景層豐富層次

小技巧

繪製背景後，按住 Alt 拖動複製至右側，以原圖左邊對齊複製圖右邊，刪除多餘部分，即可快速獲得無縫銜接圖。

應用延伸

此技巧廣泛用於橫向捲軸遊戲、互動故事書、網頁橫幅動畫。掌握視差滾動，能為作品注入電影級的空間敘事張力。