Animation

歡迎來到動畫的世界！

在本章中，我們將探索靜態圖像如何變得栩栩如生。無論是簡單的彈跳球，還是複雜的角色動作，動畫的核心就是欺騙人類的眼睛，使其產生「物體在移動」的視覺錯覺。我們會深入淺出地拆解其技術原理、動畫師常用的工具，以及如何為你的專案選擇合適的檔案格式。別擔心，即使剛開始聽起來有點技術性，我們會運用許多日常生活中常見的類比，讓學習變得簡單易懂！

12.1 基礎知識：動畫是如何運作的

影格率 (fps)

動畫是由一連串靜態圖像快速連續播放而成的。每一張獨立的圖像稱為影格 (Frame)。這些圖像播放的速度稱為影格率 (Frame Rate)，以每秒影格數 (frames per second, fps) 作為測量單位。

這就像翻頁書一樣。如果你慢慢地翻動頁面，畫面的動作看起來會很生硬；如果你快速地翻動，畫面的動作就會變得順暢自然。

現實生活例子：大多數電影使用 \( 24 \ fps \)，而許多電子遊戲則為了追求額外的流暢度，會以 \( 60 \ fps \) 運行。如果影格率太低，動畫看起來就會「卡頓」或出現「延遲」。

小試身手：動畫的計算

想知道你的動畫總共需要多少個影格嗎？使用這個簡單的公式：
\( Total \ Frames = Duration \ (seconds) \times Frame \ Rate \ (fps) \)
例如：一段 10 秒、每秒 30 影格的動畫，總共需要 300 個影格！

關鍵影格 (Keyframes)

關鍵影格 (Keyframe) 是發生重要變化的影格。它標誌著動作或變換的起點或終點。在過去，資深動畫師會負責繪製關鍵影格，而助理動畫師則負責繪製兩者之間的所有過渡畫面。

補間動畫 (Tweening)

補間動畫 (Tweening) 是在兩個關鍵影格之間自動生成影格的過程。現在，電腦軟體可以自動為我們完成這項工作！

運作原理：如果你將第一個關鍵影格設在螢幕左側的圓形，並將另一個關鍵影格設在螢幕右側的圓形，軟體會自動生成中間的影格（即補間），讓圓形看起來平滑地滑動過去。

洋蔥皮功能 (Onion Skinning)

這是動畫軟體中一項很有用的功能，讓你在繪製當前影格時，可以看到前一個和下一個影格模糊的「殘影」。

類比：想像你在很薄的描圖紙上作畫，你可以看到下方頁面上的草稿，這能幫助你精確判斷動作的下一步該畫在哪裡。

重點總結：動畫僅僅是快速播放的連續影格。關鍵影格定義了起點與終點，補間動畫填充中間的間隙，而洋蔥皮功能則幫助動畫師掌握動作的軌跡。

12.2 動畫技巧

分層 (Layering)

就像影像編輯一樣，分層 (Layering) 讓你將動畫的不同部分放在獨立的層級上。

例如：你可以設有一個保持不動的「背景層」、一個負責移動的「角色層」，以及一個角色走在後面的「前景層」（如樹木）。

這非常關鍵，因為這意味著當某個小東西移動時，你不必重繪整個場景！

移動補間 (Motion Tweening) 與形狀補間 (Shape Tweening)

電腦協助我們製作動畫主要有兩種方式：
1. 移動補間 (Motion Tweening)： 當物體從 A 點移到 B 點、旋轉或改變大小時使用。物體本身保持不變（例如：一輛汽車橫過螢幕）。
2. 形狀補間 (Shape Tweening / Morphing)： 當一個形狀變成另一個形狀時使用。

你知道嗎？卡通中看到一個人變成一隻狼的過程就是形狀補間（變形）。電腦會計算如何拉伸第一個形狀的線條以符合第二個形狀。

遮罩 (Masking)

遮罩 (Mask) 的作用就像「模板」或「觀察孔」。它允許你隱藏圖層的某些部分，只顯示遮罩形狀內部的内容。

類比：想像透過鑰匙孔看房間。你只能透過那個特定的孔洞看到室內。如果你移動鑰匙孔（遮罩），房間可見的區域也會隨之改變。這常用於聚光燈特效，或讓文字看起來像被顏色「填滿」一樣。

重點總結：圖層讓內容條理分明，補間處理移動或變形，而遮罩則控制觀眾看到的範圍。

12.3 匯出與檔案格式

當你的動畫製作完成後，你需要將其儲存為觀眾可以播放的格式。選擇錯誤的格式可能會導致檔案過大無法下載，或者畫質看起來慘不忍睹。

常見動畫格式：

1. GIF (.gif)： 非常適合色彩較少、時間短的簡單動畫。支援廣泛，但不支援聲音且影像品質較低。
2. SWF (.swf)： 最初用於 Adobe Flash。它是「向量式」的，意味著放大時依然清晰。但由於現代網頁瀏覽器大多不再支援，目前已很少使用。
3. MP4 (.mp4)： 影片的「黃金標準」。它支援高畫質、聲音，且壓縮效率極高（在保持品質的同時縮小檔案大小）。
4. MOV (.mov)： 由 Apple 開發。品質非常高，但產生的檔案通常比 MP4 大得多。

小貼士：我該選擇哪種格式？

- 網頁上的簡單迷因 (meme)？ 使用 GIF。
- 帶有音樂的高畫質卡通？ 使用 MP4。
- 專業剪輯？ 使用 MOV。

重點總結：務必根據你的需求選擇檔案格式。對於大多數 AS Level 的作業來說，MP4 通常是畫質與檔案大小之間最完美的平衡點。

避免常見錯誤

- 忘記關鍵影格： 如果你的動畫不動，檢查一下你是否確實設置了第二個關鍵影格！電腦需要「起點」和「終點」才能創造動作。
- 影格率太低： 如果你的動畫看起來像幻燈片，請調高 fps（但請記住，這會增加檔案大小）。
- 搞混補間類型： 如果你試圖對一個形狀的變化（例如正方形變成圓形）使用移動補間，是不會成功的。記得要用形狀補間！

最終總結清單

- 我是否了解 fps 是用來控制流暢度的？
- 我能否解釋關鍵影格與補間動畫的區別？
- 我是否知道洋蔥皮功能是用來觀察鄰近影格的？
- 我能否指出為什麼分層能讓動畫製作更簡單？
- 我是否知道 MP4 是目前最主流的動畫格式？

做得好！你已經掌握了 9626 教學大綱中關於動畫的核心概念。繼續多加練習軟體操作，這些專業術語很快就會成為你的直覺！