哈囉！又到了快樂的教學時光，

今天要來教大家如何再PR簡易的做出進度條效果！

首先點選File > New > Legacy Title，

新增一個Legacy Title。

在Legacy Title的視窗中點選工具列的圓角矩形工具。

在畫面中央拉出一個圓角長條。

接著跳出來到Project視窗複製一個Title物件。

雙擊Title物件的Icon來到剛才的視窗，

這次先將圖形的Fill選像取消勾選並點擊Stroke > Outer Strokes > Add，

新增外框線。

調整外框線的顏色。

並在Legacy Title視窗中調整物件的大小位置。

現在我們有內部的實心物件以及外部的框線物件了。

我們替內部的實心物件新增一個Venetian Blinds效果。

在Venetian Blinds中可以調整Transition Completion來調整分隔的寬度，

Direction調整旋轉角度、Width調整寬度，

讓進度條調整為自己喜歡的樣式。

目前看起來像這樣：

接下來我們要讓它動起來！

我們替實心物件再加入Crop效果。

再Crop調整Right參數，設置兩個關鍵影格來讓物件一開始看不見之後慢慢往右邊延伸，

因為物件在中間的關係參數並不是設定100%到0%，需要自行拉動參數並觀察正確的數字。

這邊我們是設定從75%到24%，這兩個數字剛好代表進度條的兩邊頂點。

目前效果看起來像這樣：

接著新增一個Color Matte。

將Color Matte，放置最底下的圖層。

替Color Matte加入Timecode效果。

再Timecode中先將底下的色塊透明度調整為0%。

接下來點選Format選擇Frames，

點選Timecode Source選擇Clip，

讓數字呈現只有單個數字的狀態。

接著將時間軸拉到100格的位置，

也就是Timecode剛好顯示100的時間點。

用裁切工具(快捷鍵C)把Color Matte再數字100以後的部分裁掉。

右鍵Color Matte > Nest，

將整個塗層包括效果群組。

並對Nest右鍵 > Speed/Duration…。

在Speed/Duration視窗中的Duration中輸入進度條剛好跑完的時間，

我們一開始設定讓進度條5秒時跑完，這邊就輸入500，

PR會自動換算為5秒00楨。

設定好了之後按OK，並將時間軸移到Nest的最後一格。

對Nest右鍵 > Add Frame Hold。

Add Frame Hold會裁切目前的圖層並且將右側的圖層轉換為靜止的，

我們可以拉長右側的物件來延長靜止時間。

目前進度條的雛型就完成囉！

可以替進度條的顏色更改一下、加上%，

甚至也可以複製另一個內部實心物件調整為不同顏色，

在想要變色的時機加入Cross Dissolve效果，

就能做出變色的感覺囉！

此教學專案檔下載(cc 2018以上)：