天天看點

用AE兩種方法制作進度條#視訊剪輯

作者:阿曉設計師X

兩種方法用AE制作數值随動進度條。

今天教大家用兩種方法制作數值随動的進度條,半分鐘就能學會。

·首先還是要先繪制進度條,用矩形工具拉出外框裡面的進度條。用鋼筆工具畫一個兩點路徑調整描邊,讓它填滿方框就好了。最後用文字工具打上數字。

·現在選擇鋼筆畫出來的進度條圖層,在下方點選内容後面的添加圖示,選擇修剪路徑,打上關鍵幀,制作出進度條前進的動畫效果。

用AE兩種方法制作進度條#視訊剪輯

·那麼文字如何随進度條自動改變?

→第一種方法選擇數字層,按住滑鼠拖動原文本後的漩渦按鈕,将原文本連結到進度條圖層下。剛打過關鍵針的修剪路徑選項中,拖動時間軸看看,文字是會變了,但是後面還跟着一串小數。解決這個問題也簡單。

用AE兩種方法制作進度條#視訊剪輯

→按住Alt,點選修剪路徑修改項前面的碼表,添加一個整數表達式,不用自己打。

→點選小播放鍵,找到JavaScript Math,選擇Math.round(value),效果就做好了。不過這種方法隻适用于顯示100以内的數字。

用AE兩種方法制作進度條#視訊剪輯

·如果需要顯示更大的數值就要用到第二種方法,還是這三個圖層,同樣制作好進度條動畫,但是要為文字層添加上表達式控制中的滑塊控制效果。接着為滑塊控制打上關鍵針,比如這裡需要顯示的是從0到1000。

用AE兩種方法制作進度條#視訊剪輯

→之後同樣的方法将原文本連結到滑塊出現小數的問題。别忘了還是要為滑塊添加上先前的整數表達式,就是這樣。

你還可以通過調整滑塊或修剪路徑的關鍵針,制作出不勻速的更真實的進度條效果。很簡單吧!

繼續閱讀