Premiere Pro 教學

如何在 Premiere Pro 製作圖示旋轉動畫

在 Premiere Pro 用兩個 Rotation 關鍵影格讓標誌或圖示旋轉,再加上緩動處理,讓動作先加速、再平順地停下來。

Motion GraphicsPremiere Pro
A dark blue app icon spinning against a bright teal and purple animated background in Premiere Pro

觀看教學影片

步驟 1:加入圖示並開啟 Effect Controls

將圖示放到時間軸上。背景透明的 PNG 或 SVG 效果最好,你可以把它放在背景片段或色彩遮罩的上方。點選圖示片段將其選取,然後開啟 Effect Controls 面板(Window > Effect Controls)。如果 Motion 區段是收合的,請將它展開。若想先調整圖示的大小與位置,可以使用 Scale 與 Position。

步驟 2:設定第一個 Rotation 關鍵影格

將播放磁頭移到片段開頭,也就是你希望旋轉開始的位置。在 Motion 中,點選 Rotation 旁的碼表圖示。這樣就會建立第一個關鍵影格,數值為 0。

Premiere Pro 的 Effect Controls,片段開頭已啟用 Rotation 碼表,Program Monitor 中的圖示呈直立狀態

步驟 3:在稍後的時間點旋轉圖示

將播放磁頭往前移到旋轉應該結束的位置。若想要快速旋轉,大約一秒是不錯的起點。接著修改 Rotation 的數值。Premiere Pro 除了角度之外也會計算完整圈數,所以你可以輸入包含多圈的數值,做出快速的多圈旋轉動畫。影片中,圖示在停下之前轉了好幾整圈。第二個關鍵影格會自動出現,播放片段就能看到圖示旋轉。

Premiere Pro 的 Program Monitor 中旋轉到一半的圖示,以及 Effect Controls 中的 Rotation 關鍵影格

圈數多一點會讓旋轉更快、更狂野,圈數少一點則更沉穩。如果結束在整數圈,圖示最後會再度回到直立狀態,通常看起來最乾淨。

步驟 4:檢查兩個關鍵影格

請看 Effect Controls 面板右側的關鍵影格區域。你應該會在 Rotation 那一行看到兩個菱形:一個在開頭,一個在旋轉結束的位置。拖曳任一個都能改變旋轉所需的時間。兩個關鍵影格越靠近,旋轉就越快。

Premiere Pro 的 Effect Controls 中的兩個 Rotation 關鍵影格,以及 Program Monitor 中已旋轉的圖示

步驟 5:在圖表中讓旋轉更平順

直線式的旋轉速度固定,看起來可能很僵硬。點選 Rotation 旁的小箭頭,開啟數值與速度圖表。選取關鍵影格,按右鍵並選擇 Temporal Interpolation > Ease In 與 Ease Out。接著拖曳貝茲曲線控制點來調整曲線形狀。起初快速、再逐漸減速到停止的曲線,就能做出經典的旋轉後緩緩停下的感覺。

Premiere Pro 的 Effect Controls 中,用來讓圖示旋轉更緩和的 Rotation 數值與速度圖表

用 EaseFlow 更順:選取關鍵影格,一鍵套用真正的緩動曲線,不必再手動拖曳貝茲曲線控制點。查看 EaseFlow

小技巧

  • 進場與出場都旋轉。按住 Alt(Mac 為 Option)並拖曳關鍵影格即可複製,因此你可以在片段結尾加上對應的旋轉。
  • 善用錨點。Rotation 會繞著 Anchor Point 旋轉,所以請把它留在圖示正中央,除非你想要偏離中心的擺動效果。
  • 加入縮放。在圖示旋轉的同時,為 Scale 設定從小到完整大小的關鍵影格,就能做出彈出的效果。我們的緩動教學會告訴你如何進一步修飾。

常見問題

如何在 Premiere Pro 讓圖示旋轉?

選取圖示,在開頭加入一個 Rotation 關鍵影格,往前移動並修改 Rotation 數值。Premiere Pro 會自動在兩個關鍵影格之間產生旋轉動畫。

如何讓旋轉變快或變慢?

把兩個關鍵影格靠近就會更快,拉遠則更慢。在相同時間內使用更大的 Rotation 數值,也會讓旋轉變快。

為什麼我的圖示繞著錯誤的點旋轉?

Rotation 是以 Anchor Point 為中心。請調整 Anchor Point 的數值,讓該點位於圖示的正中央。

這類動畫搭配適當的緩動效果最好看,而 EaseFlow 讓你一鍵就能套用真正的曲線。取得適用於 Premiere Pro 的 EaseFlow