Premiere Pro 教學

如何在 Premiere Pro 製作圖表動畫

用 Pen Tool 畫出圖表、上色,再在 Premiere Pro 用 Linear Wipe 關鍵影格由左到右顯示,最後讓動作更平順。

Motion GraphicsPremiere Pro
A bright green line graph with a darker green stroke rising across a white background, animated in Premiere Pro

觀看教學影片

步驟 1:用 Pen Tool 畫出圖表

先準備一個簡單的背景,例如時間軸上的白色 Color Matte。在工具列選擇 Pen Tool(快速鍵 P),然後在 Program 監看視窗中,點選圖表要開始的角落。

繼續點擊來新增節點,跟著折線的起伏走。每點一下就會新增一個節點,Premiere 會自動幫你連起來。在圖表結尾處,你可能需要先在畫面內點一下,再把節點拖到畫面邊緣之外,讓線條乾淨地延伸出畫面。

在 Premiere Pro 的 Program 監看視窗中用 Pen Tool 繪製圖表形狀

步驟 2:封閉形狀

想要有填色的圖表,就必須把最後一個節點連回第一個節點。在 Program 監看視窗稍微縮小顯示,才能點到畫面外的節點,然後點選第一個節點來封閉形狀。這樣就會得到一個灰色的填色形狀。

步驟 3:設定填色與外框樣式

選取形狀圖層並開啟 Effect Controls。展開 Shape 設定,找到 Appearance。點選 Fill 旁邊的色塊,挑選喜歡的顏色(影片中使用的是亮綠色),再按 OK。

你也可以開啟 Stroke,為它選擇不同的顏色並按 OK。別忘了調高外框寬度,因為預設值很細。顏色更強烈的外框,能讓圖表頂端邊緣更醒目。

如果之後想調整圖表,請保持選取形狀圖層與 Pen Tool。這樣就能移動任何節點來改變線條。

步驟 4:套用 Linear Wipe 效果

要讓圖表動起來,請開啟 Effects 面板並搜尋 wipe。在 Video Effects > Transition 底下,把 Linear Wipe 拖曳到形狀圖層上。

Premiere Pro 的 Effects 面板,搜尋框輸入 wipe,Transition 底下的 Linear Wipe 已反白

用 BetterFX 更快:不必開 Effects 面板。按下 BetterFX 快速鍵,輸入 Linear Wipe 的前幾個字母,再按 Enter,就能套用到選取的素材。取得 BetterFX

步驟 5:為 Transition Completion 建立關鍵影格

選取圖層並前往 Effect Controls。確認播放指標位於素材的最開頭。點選 Transition Completion 旁的碼表開始建立關鍵影格,將數值設為 100%,並把 Wipe Angle 設為 270。這樣擦除會從左邊開始,所以一開始圖表是隱藏的。

現在把播放指標往後移動一點,並將 Transition Completion 設為 0%。Premiere 會建立第二個關鍵影格,圖表就會在兩者之間由左到右顯示出來。想讓動畫更快,就把第二個關鍵影格拖近第一個;想放慢,就拖遠一些。

Premiere Pro 的 Effect Controls,顯示 Linear Wipe、Transition Completion 關鍵影格與速度圖表

步驟 6:讓動作更平順

想讓顯示更流暢,請選取兩個 Transition Completion 關鍵影格,在其中一個上按右鍵並選擇 Ease In。接著再次選取關鍵影格,選擇 Ease Out。現在圖表會平緩地開始與結束,而不是以固定速度移動。

Premiere Pro 關鍵影格右鍵選單,Ease In 已反白

用 EaseFlow 更滑順:選取關鍵影格,一鍵套用真正的緩動曲線,不必再拖曳貝茲曲線把手。了解 EaseFlow

如果想要更細緻的控制,可以展開 Transition Completion 設定來開啟速度圖表,並調整曲線,直到顯示效果令你滿意。想看更深入的說明,請閱讀我們的教學如何在 Premiere Pro 為關鍵影格加入緩動。

步驟 7:用 Feather 柔化邊緣

如果想讓顯示時的前緣更柔和,請稍微調高 Linear Wipe 裡的 Feather 數值。擦除的邊緣會變模糊,圖表在移動時就像是淡入出現。

Premiere Pro 中調高 Feather 的 Linear Wipe,讓圖表前緣變得柔和

如果只想保留線條,也可以關閉填色。這樣動畫就會像一條簡單的線稿,從畫面一端畫過去。

小技巧

  • 多加一些節點。用 Pen Tool 加越多節點,線條就越自然、越不規則。
  • 配合你的品牌。從頻道或品牌的色票中挑選填色與外框顏色。
  • 讓數字跳動。把圖表與我們的數字計數動畫搭配,就能做出完整的數據場景。

FAQ

如何在 Premiere Pro 為折線圖加上動畫?

用 Pen Tool 畫出圖表,套用 Linear Wipe,並將 Transition Completion 從 100% 到 0% 建立關鍵影格。

為什麼我的圖表從錯誤的那一側顯示?

請調整 Wipe Angle。數值 270 會讓圖表從左邊顯示出來。

如何讓圖表動畫更平順?

選取兩個關鍵影格,套用 Ease In 與 Ease Out,再到速度圖表中微調曲線。

想要幾分鐘就能編輯的現成版本嗎?取得 Smooth Graph Animation 專案,省去從頭設定的功夫。