更新於 2024/12/16閱讀時間約 4 分鐘

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

【搞什麼系列】番外1-文字顯示當前數值

【搞什麼系列】番外1-文字顯示當前數值


叮咚! 村長的補課時間!

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


文字圖層顯示數值

多個數值連結單一數值

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

文字工具>隨意輸入文字


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

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

拖動錨點置中

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


打開文字圖層的 Opacity Alt+滑鼠左鍵點擊左方小碼表,右方會出現預設的表達式。

預設表達式


直接將右方的預設表達式刪掉,輸入 60 ,文字圖層的 Opacity 就會直接變成 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)

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

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

顯示位置數值


村長做法的小提示:

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
📌更新會比 IG 晚一天 ➡️ YouTube
📌追蹤✅、點❤️、分享🔗、收藏📂


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


分享至
成為作者繼續創作的動力吧!
© 2025 vocus All rights reserved.