Premiere Pro 教學

如何在 Premiere Pro 製作載入條效果

在 Premiere Pro 中,使用矩形形狀和 Scale Width 關鍵影格,製作一條填滿影片底部的動態進度條。

Motion GraphicsPremiere Pro
Red progress bar along the bottom of an aerial river shot in Premiere Pro

觀看教學影片

步驟 1:繪製矩形

把素材放到時間軸上,並將播放頭移到最開頭。在工具列中按住形狀工具,選擇 Rectangle Tool。接著在 Program Monitor 中按住並拖曳,在畫面任何位置畫出一個矩形。Premiere 會把它作為 Graphic 片段,放在素材上方的軌道。

Premiere Pro Program Monitor 中,空拍畫面上畫了一個灰色矩形,V2 上的 Graphic 片段位於三個影片片段上方

步驟 2:把進度條放到底部邊緣

按 V 切換到 Selection Tool,把矩形拖到畫面底部。用控制點拉伸它,直到橫跨整個畫面寬度,並調整成你喜歡的粗細。細的進度條比粗的更俐落。開啟對齊畫面邊緣的吸附功能,可以幫你精準對齊。

步驟 3:讓圖形和影片一樣長

進度條必須貫穿整部影片才有意義。在時間軸上,拖曳 Graphic 片段的尾端,直到對齊最後一個片段的結尾。在影片中,這個圖形涵蓋了下方的三個片段。

Premiere Pro 時間軸上,V2 的 Graphic 片段被拉長到 V1 三個影片片段的結尾

步驟 4:更改顏色

選取圖形後,開啟 Effect Controls,展開 Shape (Shape 01),再展開 Appearance。點擊 Fill 的色票開啟 Color Picker,選擇你要的顏色。影片中使用的是亮紅色,不過你也可以配合品牌色,或用滴管工具從素材中吸取顏色。Stroke 保持關閉,進度條會比較乾淨。

Premiere Pro Effect Controls 中,Shape Appearance 的 Fill 設為紅色,Program Monitor 底部有一條紅色進度條

步驟 5:設定錨點並關閉 Uniform Scale

要讓進度條由左向右延伸,它必須從左邊緣開始縮放。在 Effect Controls 的 Vector Motion 下,把 Anchor Point 移到進度條的左端(影片中是調整 Anchor Point 的數值,並讓 Position 配合)。接著取消勾選 Uniform Scale。這會解鎖 Scale Width,讓你只改變寬度而不影響高度。

步驟 6:為 Scale Width 製作動畫

移到圖形的第一個影格,點擊 Scale Width 旁的碼表,把數值設為 0,讓進度條一開始是看不見的。接著跳到圖形的最後一個影格,把 Scale Width 設為 100。Premiere 會自動建立第二個關鍵影格。按空白鍵播放,就能看到進度條在整部影片中由左向右填滿畫面。

Premiere Pro Effect Controls 中,Uniform Scale 已取消勾選,Scale Width 的碼表已啟用,Fill 顏色為紅色

用 EaseFlow 更流暢:選取 Scale Width 關鍵影格,一鍵套用真正的緩動曲線,不必再手動拖曳 Bezier 控制把手。認識 EaseFlow

小技巧

  • 想要真正的進度條,就保持線性。等速增長的進度條會和播放頭同步;加了緩動的進度條則是慢慢開始、慢慢結束,感覺更像載入動畫。
  • 製作簡短的載入動畫。把圖形剪短成幾秒,並在這段時間內為 Scale Width 製作動畫,就能得到適合片頭或轉場的快速載入條。
  • 加上第二條進度條。複製圖形、更改顏色,再放到第一條後面,就能做出一條讓進度條填滿的軌道。

常見問題

如何在 Premiere Pro 製作載入條?

用 Rectangle Tool 畫一個矩形,把 Anchor Point 移到左邊緣,取消勾選 Uniform Scale,然後為 Scale Width 加上從 0 到 100 的關鍵影格。

為什麼我的進度條是從中間而不是從左邊開始延伸?

因為 Anchor Point 還在形狀的中央。把 Anchor Point 移到進度條的左端,縮放就會從那裡開始。

我可以把它當作 YouTube 或 TikTok 的影片進度條嗎?

可以。把進度條放在畫面底部,將圖形拉長到整部影片的長度,並在這段時間內讓 Scale Width 從 0 變化到 100。

想要幾下點擊就能用的現成動態圖形嗎?來看看我們為 Premiere Pro 設計的動態圖形範本。瀏覽範本