2024-02-05|閱讀時間 ‧ 約 24 分鐘

《Ae教學》【搞什麼系列】番外1-文字顯示當前數值_AE表達式(expression)

AE表達式(expression)-文字顯示當前數值

AE表達式(expression)-文字顯示當前數值

叮咚! 村長的補課時間!

【番外篇主要是一些基礎的概念的補充。】


文字圖層顯示數值

多個數值連結單一數值

使用【文字工具】在Composition內隨意輸入文字,選擇置中文字。(後面會依照表達式更改文字內容,所以這邊隨意輸入,不會影響結果。)

文字工具>隨意輸入文字


再來這步為非必要步驟,沒做的話也不會影響表達式,但為了方便、美觀,先把文字層的錨點居中工具列。

選擇【錨點工具】,進行錨點的拖動可以勾選【Snapping】讓錨點能更好的吸附位置。將錨點從原本的位置,拖曳到中間。

拖動錨點置中

錨點置中除了可以使用錨點工具拖曳外,也可以使用快捷鍵【Ctrl+Alt+Home】。
另外,圖層置中畫面快捷鍵【Ctrl+Home】。


打開文字圖層,對著 Transform 裡的 Opacity (透明度) Alt+滑鼠左鍵點擊左方小碼表,右方會出現預設的表達式。

預設表達式


直接將右方的預設表達式刪掉,輸入" 60 ",文字圖層的透明度就會直接變成60。

透明度60


其他的數值有沒有辦法連接透明度的表達式呢?

按住 Source Text 右後的連結點拖曳置 Opacity 上,原本輸入的文字(000000),就會變成 Opacity 的數值。

文字顯示表達式

而 Ae 的表達式是可以做四則運算的,如果把 Opacity 的表達式改成

(60-40)*4

四則運算 (60-40)*4

運算結果為80,所以文字圖層的透明度就會是80%。而 Source Text 有連結 Opacity,所以就會顯示運算過後的結果(80)。


連結 Rotation

將 Rotation 右後方的連結點拖曳置 Opacity

Rotation 連結至 Opacity

會得出結果 Rotation 為 80,所以文字圖層會旋轉 80 度!


連結 Scale

將 Scale 右後方的連結點拖曳置 Opacity

Scale 連結 Opacity

會得出結果 Scale 為 80,80%,所以文字圖層會縮放 80%!


當然也可以套用在其他數值上,如:Position、Anchor Point ...... 也都可以連結,多去試試吧!


用文字顯示當前位置(Position)

學完上面及前面課程,試著做出像下方的動圖一樣,
" 用文字顯示當前球的位置 "

----------換你試試看----------

顯示位置數值

村長做法的小提示:

x = thisComp.layer("追蹤物體的圖層名稱").transform.position[0].toFixed(0);
y = thisComp.layer("追蹤物體的圖層名稱").transform.position[1].toFixed(0);
[x,y]
村長的Tips (目前先簡單說明,之後還會再開一篇來介紹)
[] 用的是矩陣/數組的概念,簡單來說 [0] 就是取數組的第一位,上面案例也就是連結 x 軸的位置,[1] 就是取數組的第二位,也就是連結 y 軸的位置。


還在慢慢打上方的程式碼?怎麼用直接文字輸入點並拖曳產生程式碼,在之前第三章 wiggle 時有學過喔!
.toFixed(0) 在之前第二章 Time 時有學過,忘記的話可以去複習一下!


今天的筆記就到這邊,如果還有學到新東西會持續更新!


喜歡的話可以點喜歡!也可以分享出去招募更多勇者!
怕忘記的話也可以點收藏!熱烈歡迎留言交流互動!


以下是

村長的宣傳時間

歡迎私訊聯絡!在 instagram 有最新的作品供參考!
YouTube 更新每月動畫合集


合作請
私訊 Instagram
或寄信至 x.fei.4044@gmail.com


分享至
成為作者繼續創作的動力吧!
使用AE有一小段時間了,一直想學AE表達式(Expressions),但看到表達式就頭痛?這個系列目標是以比較輕鬆的方式讓大家一起學習AE表達式。
© 2024 vocus All rights reserved.