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

步驟 2:把進度條放到底部邊緣
按 V 切換到 Selection Tool,把矩形拖到畫面底部。用控制點拉伸它,直到橫跨整個畫面寬度,並調整成你喜歡的粗細。細的進度條比粗的更俐落。開啟對齊畫面邊緣的吸附功能,可以幫你精準對齊。
步驟 3:讓圖形和影片一樣長
進度條必須貫穿整部影片才有意義。在時間軸上,拖曳 Graphic 片段的尾端,直到對齊最後一個片段的結尾。在影片中,這個圖形涵蓋了下方的三個片段。

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

步驟 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 會自動建立第二個關鍵影格。按空白鍵播放,就能看到進度條在整部影片中由左向右填滿畫面。

用 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 設計的動態圖形範本。瀏覽範本








