AE Graph Editor 讓動畫真正「有韻律」的關鍵工具

更新 發佈閱讀 2 分鐘

你你動畫做完、keyframe 都下了,但總覺得畫面「有動但僵硬的感覺」?那你該打開的是Graph Editor,不是新特效。

raw-image

🚦 為什麼你需要 Graph Editor?

因為關鍵影格只決定「從哪裡到哪裡」,但動畫的自然流動感,其實取決於中間曲線。

舉個例子:

『一顆球從左到右移動,如果你直接設兩個 keyframe,它會均速移動,看起來很死板。

但現實裡的動作,是有「加速→最快→減速」這種節奏變化的,這種動態的快慢,就是 Graph Editor 的曲線來調整的。


AE 裡的 Graph Editor 有兩種模式:

1. Speed Graph(速度圖)
控制動畫「速度」的變化。
數值高代表快、低代表慢,線條弧度決定動畫的動能感。

2. Value Graph(數值圖)
控制動畫「位置或參數值」的變化。
更適合精細調整移動軌跡、彎曲變形或自定義變化方式。

「 可以根據不同場景切換使用 」

🧰 怎麼用?

  1. 選取你要調整的圖層 & keyframe
  2. 按下 timeline 上方的「Graph Editor」圖示
  3. 進入後,將 keyframe 設為「Easy Ease」(右鍵 > Keyframe Assistant)
  4. 拉動圖形的把手(Bezier handles)調整曲線形狀
raw-image


💡 補充 Tips

  • 多圖層動畫時,搭配 offset(時間錯開)使用 Graph Editor,有節奏層次感
  • 用 Speed Graph 處理彈跳、飛出入場會更自然
  • 用 Value Graph 控制 motion blur 時更準確

還有更多 AE 動畫表達技巧!
https://www.jan1lab.com/blog

免費註冊可獲得AE表達式代碼筆記,及原檔下載讓學習更快速!
https://www.jan1lab.com/learning


留言
avatar-img
留言分享你的想法!
avatar-img
JAN1 LAB 動畫實驗室
8會員
13內容數
JAN1 動畫實驗室,專業創造角色IP,包括動畫、漫畫、遊戲等不同領域。我們致力於創造有趣、充滿魅力的角色,並透過精湛的技藝,將這些角色帶入不同的媒體平台,打造出具有廣泛影響力的IP。 https://www.jan1lab.com/
2025/06/02
學習如何使用 After Effects 內建特效 Gaussian Blur 和 Simple Choker,搭配 Wiggle 和 Proximity 表達式,輕鬆做出擬真的液態動畫效果。教學步驟清晰,包含詳細參數設定與顏色轉換技巧,讓你快速上手!
Thumbnail
2025/06/02
學習如何使用 After Effects 內建特效 Gaussian Blur 和 Simple Choker,搭配 Wiggle 和 Proximity 表達式,輕鬆做出擬真的液態動畫效果。教學步驟清晰,包含詳細參數設定與顏色轉換技巧,讓你快速上手!
Thumbnail
2025/06/01
學會使用 After Effects 表達式,輕鬆創造畫面震動效果,營造震撼的影視氛圍。文章提供震動表達式程式碼、使用方法及應用技巧,讓你的影片製作更上一層樓。
Thumbnail
2025/06/01
學會使用 After Effects 表達式,輕鬆創造畫面震動效果,營造震撼的影視氛圍。文章提供震動表達式程式碼、使用方法及應用技巧,讓你的影片製作更上一層樓。
Thumbnail
2025/05/28
這篇文章教學如何在 After Effects 中使用簡單的表達式,創造出物件會根據距離控制點遠近而自動推開或吸引的互動式動畫效果,並延伸應用到 Opacity 和 Scale 的變化。文章詳細說明步驟、原理和表達式應用,並提供原始教學連結。
Thumbnail
2025/05/28
這篇文章教學如何在 After Effects 中使用簡單的表達式,創造出物件會根據距離控制點遠近而自動推開或吸引的互動式動畫效果,並延伸應用到 Opacity 和 Scale 的變化。文章詳細說明步驟、原理和表達式應用,並提供原始教學連結。
Thumbnail
看更多
你可能也想看
Thumbnail
在這篇文章中,我們將探討如何製作章節轉場動畫,讓您的作品更具吸引力。本文包含了準備素材、定義圖片、製作簡易動畫等步驟,適合初學者進行學習和操作。我們提供了必要的資源和範例,讓您能輕鬆上手。期待透過這篇教學,能讓您在創作中達到更高的境界!
Thumbnail
在這篇文章中,我們將探討如何製作章節轉場動畫,讓您的作品更具吸引力。本文包含了準備素材、定義圖片、製作簡易動畫等步驟,適合初學者進行學習和操作。我們提供了必要的資源和範例,讓您能輕鬆上手。期待透過這篇教學,能讓您在創作中達到更高的境界!
Thumbnail
插畫和動畫之間有著密切的關係,但並不是說一定要先有插畫才有動畫。插畫通常是靜態的圖像,用來表達一個概念、故事或角色,而動畫則是將這些靜態圖像連續播放,創造出動態效果。 在很多情況下,動畫的製作確實會從插畫開始。插畫可以用來設計角色、場景和故事板,這些都是動畫製作的重要步驟。例如,漫畫或插畫書經
Thumbnail
插畫和動畫之間有著密切的關係,但並不是說一定要先有插畫才有動畫。插畫通常是靜態的圖像,用來表達一個概念、故事或角色,而動畫則是將這些靜態圖像連續播放,創造出動態效果。 在很多情況下,動畫的製作確實會從插畫開始。插畫可以用來設計角色、場景和故事板,這些都是動畫製作的重要步驟。例如,漫畫或插畫書經
Thumbnail
在這篇文章中,我們將帶領讀者深入探討數位圖片管理的核心——「連結影像」與「嵌入影像」的使用技巧。這是每位從事視覺設計、版面編排和數位藝術的創作者必須掌握的基本知識。在進行數位設計時,如何選擇這兩種不同的圖片處理方式,不僅關係到作品的最終呈現,還直接影響到工作流程的效率和靈活性。 追尋影像的軌跡
Thumbnail
在這篇文章中,我們將帶領讀者深入探討數位圖片管理的核心——「連結影像」與「嵌入影像」的使用技巧。這是每位從事視覺設計、版面編排和數位藝術的創作者必須掌握的基本知識。在進行數位設計時,如何選擇這兩種不同的圖片處理方式,不僅關係到作品的最終呈現,還直接影響到工作流程的效率和靈活性。 追尋影像的軌跡
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:製作3D 方塊 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:製作3D 方塊 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Trim Paths 的應用 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Trim Paths 的應用 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:如何製作網格 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:如何製作網格 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
介紹如何使用 Warp 效果來製作箱子擠壓效果!
Thumbnail
介紹如何使用 Warp 效果來製作箱子擠壓效果!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News