《PR教學》簡易進度條製作教學!手機充電、下載進度、載入畫面效果

哈囉!又到了快樂的教學時光,

今天要來教大家如何再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以上):

分享在 facebook
分享至FB
分享在 telegram
分享至TG

解鎖站內所有需密碼的內容

時事特效教學 | 讓你學會最新特效

隨機文章