淺談 After Effects 動畫製作核心觀念——關鍵影格

動畫到底是怎麼動起來的?以及我推薦的自學資源!

HM
5 min readJul 2, 2017

擔任社群小編的實習生涯中,經常有製作影片的需求,原本以為自己可以用 PPT 動畫打天下,直到我膝蓋中了一箭(X)直到我接觸到 AE(O),才開始試著用 AE 製作動畫,讓我所產出的影片能夠更加完整。(以上廢話)

所以 AE 到底可以幹嘛?為什麼我該學他?

先來看看 Adobe 本人現身說法:

建立歎為觀止的動態圖形和視覺效果。此業界標準的動畫和創意合成應用程式可讓您設計並提供專業的動態圖形和視覺效果,以用於電影、電視、視訊和網頁等媒體。

  • Motion Graphics(動態圖像,為靜態的平面設計加上動態效果。)
  • Visual Effects(視覺特效,透過軟體演算模擬出仿真的特效。)

所以,After Effects 這個軟體主要常被用於製作「動態圖像」和「視覺特效」,兩者各有各不同的難處與學習門檻,也各自被廣泛應用在不同的素材或背景上。

進入正題:談 AE 製作動畫的核心概念——「關鍵影格」

在正式進入 AE 的世界之前,先簡單說明一下 AE 中的「物件」到底是如何動起來的:

  • objects 物件:一部動畫中會有很多元素,可能是圖形、線條、照片、文字等,這些我們要讓他動的東西,稱之為物件。(AE 和許多 Adobe 的其他程式一樣,是圖層導向的工具。)
  • properties 屬性(參數):可供改動的數值。每個物件都會有許多的參數,如:position 位置scale 大小rotate 旋轉opacity 透明度等。動態效果的本質其實就是參數的改變。(例:scale 100% -> 200% 就是將物件放大至兩倍)
  • keyframes 關鍵影格:關鍵影格指的是在「特定的時間點」設定「參數的數值」。(例:0秒 -> scale 100%,1秒 -> scale 200%)

總而言之,參數的改變帶來了縮放、移動等動態效果;關鍵影格則指定了這些參數出現的時間,將動態效果與時間相互搭配,就是所謂的「動畫」。而在 AE 中製作動畫,就是重複「調整參數(設置關鍵影格) -> 移到下個時間點 -> 調整參數(設置關鍵影格)…」的過程。

在0秒與1秒處設置關鍵影格,分別是:0秒 -> scale 100%,1秒 -> scale 200%

以上圖來說,我們調整的是「Shape Layer 1」這個圖層的參數,有沒有注意到,Scale 參數的前面有個小時鐘?只要參數前面有小時鐘 icon,就表示這個參數是可以設置關鍵影格的,同時也表示「這個參數的變化,是能呈現出動態效果特效的。

這麼一來就清楚多了,想要製作怎麼樣的動畫,就調整哪部分的參數:想要位移 -> 調整position,想要淡入淡出 -> 調整opacity …,然後根據想要的動畫長度,在時間點上設定關鍵影格。

一進來就迷路:AE 的功能這麼複雜,我該從哪開始學?

回想一下,自己還是個剛上大學的小大一,要製作大學生涯中第一份簡報,你打開大家都在用的 Powerpoint,呆坐在電腦前完全沒有頭緒,心裡想著:「這什麼鬼?」

總之,你先把同學整理的資料全部丟上去;覺得白底黑字實在不好看,於是你開始調整配色、加入圖片、更改背景…咦等等,背景怎麼改啊?為了好看的投影片背景,你只好找人問,或是上網找影片教學。

接觸 AE 其實也是類似的感覺,熟悉最最基本的功能與操作之後,就從「實作」開始吧!總之先讓這個圓形動起來再說,會了基本招數之後,你開始覺得只能上下左右移動好無趣,不知道能不能變換顏色?這時,你的下一步就是找人教你,或到 YouTube 搜尋「after effects color change tutorial」(沒錯,這種直白的關鍵字就是找得到你要的東西。)

簡而言之,你想做、需要做什麼類型的動畫,就去尋找那類動畫的教學資源,然後照著教學做一遍。看不懂也沒關係,就像讀一篇英文文章,通常不需要背過文章中所有單字,也能大概掌握文章內容的八成。

總之先照做,做出來再說,事後找出哪些概念是自己不懂的,想辦法尋求資源 or 找到人替你解惑。

以自身需求為方向、從實作中累積經驗。昨天不懂的那些,今天說不定就懂了;今天不懂的那些,明天說不定就懂了。

學習資源分享

作為一篇入門教學,以及站在一個「外行人」的角度來說,這篇文章只是想告訴你「關鍵影格」是產生動畫的基礎,「尋找資源」則是慢慢增進實力的方法。

以下整理了一些我在摸索 After Effects 時找到的學習資源:

--

--