growing number 數字成長

歲月演進


Text → Animate → Character Offset
Animator 1 → Range Setector → Advanced → Units → Index
然後設定 , 四位數 ,控制最後位元數
Animator 1 → Range Setector →
Start / 3  End / 4 
Animator 1 → Character Offset / 0 → 71


控制 十位數
Text → Animate → Character Offset
Index
Start / 2  End / 3
Animator 2 → Character Offset / 0→1 ~  6→7 手動key

控制 百位數
Text → Animate → Character Offset
Index
Start / 1  End / 2
Animator 3 → Character Offset / 0→1 手動key

控制 千位數
Text → Animate → Character Offset
Index
Start / 0  End / 1
Animator 4 → Character Offset / 0→1 手動key




數字成長 


文字變化要由 Source Text 修改
但無法設定數字成長
這就要靠 Expression
給一個 Adjustment Layer 1
Effect → Expression Controls → Slider Control
Slider / 100 →10000

再由 Source Text ( Shift + Alt + = )  
然後點蚊香的 icon 連結到 Slider
這樣數字自然會跳動成長啦~
如果設定的時間,沒有選好,會出現有小數的數字,
此時到 Source Text → Expression: Source Text 裡
n= thisComp.layer("Adjustment Layer 1").effect("Slider Control")("Slider") ;
r= Math.round(n); // 出現的數值,永為整數


金額成長



金額這種東西,超過3位數就會出現 "，"
這~~ 還好有神人 Colin Braley 提供了 http://forums.creativecow.net/readpost/2/889951


//begin code

startTime = 0; //seconds
endTime = 5; //seconds
beginCount = 0;
endCount = 2000;
hasCommas = true;
//--dont modify below here----------------
function addCommas ( s ){
if( s.length <= 3 )
return s;
else
return s.substring(0 , 3) + "," + addCommas(s.substring(3, s.length));

}
function reverse( s ){
newStr = "";
for(i = s.length-1; i >= 0; i--)
newStr += s.charAt(i)
return newStr;
}

val = Math.round (linear(time, startTime, endTime, beginCount, endCount) );
if( hasCommas )
reverse (addCommas(reverse( val + "" )))
else
val

//end code
//Oct 21, 2006  Colin Braley


startTime 開始秒數  (好像沒什麼用?)
endTime   結束秒數
beginCount開始數值
endCount  最後數值

hasCommas 要 "，" true / 不要"，" false

//--dont modify below here----------------
不要修改下列設定

Try it!

File download http://ge.tt/403X37f/v/0

2 Comments

  1. rz9:22 下午, 4月 29, 2019

    請問如何把非字型的數字(0~9的數字圖檔),也可以套用表達式;讓數字可以成長到想要位數後再倒數到歸零??謝謝!!(例:成長到99999後,再倒數變0)

    回覆刪除
  2. ae8:23 下午, 5月 05, 2019

    這 我不會寫 Expression 上網查了一下 好像也沒類似的教學 那 我就用土煉鋼法 圖片排序好 組Comp 下去處理囉~

    回覆刪除