《AE教學》不斷上升的數字!三位數逗號教學!

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

今天要來教大家如何用指令自動產生每三位數字後的逗號。


首先建立 New Compsition之後,

用文字工具先隨便打一串數字。

N

按住 Ctrl + alt + Home 把圖層中心點對齊中央,

再按 Ctrl + Home 把圖層對齊Comp中央。

用文字工具選取數字,

點擊右鍵 > Reveal Source Text In Timeline。

這時塗層下方出現了Source Text列可調整。

alt + 左鍵點選左邊的小碼錶,

進入輸入指令的指令框。

再指令框輸入:

 

num = value;

function addCommas(x) {

return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

}

addCommas(num)

 

這串指令裡的value就是用文字工具所打的數字,

依據value的位數,每三個數字就自動補上逗號,

你也可以將(\d{3})內的3改為4,

變成每4位數補一個逗號。

 

如果上列指令顯示錯誤,可以嘗試將括號內的","刪除重新打上。

輸入完畢,

可以發現剛剛打的數字已經出現三位數逗號了。

可以再換成其他數字試試看,

哇,屢試不爽。

我幫替文字圖層加入Slide。

Slide是一個空白效果,

可以將想要的參數Parent到Slide上進行調整,

我們選取value之後用Parent工具連接Slide。

如果出現錯誤訊息的話可以回頭檢查是否指令有誤,

或是著在num = effect("Slider Control")("Slider")後

打上 .value。

將Slide數值在0秒到5秒分別設定

0 和 1000000 。

撥放後可以發現,

小數點肆無忌憚的亂跳。

這時我們在第一排指令分號前補上.value.toFixed()

來修正小數點,這串指令可以自動將小數點數四捨五入為整數。

現在數字看起來舒服多了。

最後可以再加上一些效果或是其他文字,

成品就像這樣:

有些時候會看到一些複雜的指令,

其實可以觀察一下指令的數字或是單字,

尋找是否和畫面有些關聯在去做拆解、分析,

理解指令碼的含意其實不會太困難~

 

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

非經授權請勿轉載本網站原創內容,盜用必究

若想得到更多教學資訊,歡迎加入六指淵學生社團


《立即分享》
Loading Facebook Comments ...