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

更新 發佈閱讀 4 分鐘
【搞什麼系列】番外1-文字顯示當前數值

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


叮咚! 村長的補課時間!

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


文字圖層顯示數值

多個數值連結單一數值

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

文字工具>隨意輸入文字

文字工具>隨意輸入文字


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

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

拖動錨點置中

拖動錨點置中

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


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

預設表達式

預設表達式


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

透明度60

透明度60


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

按住 Source Text 的迴紋拖曳至 Opacity 上,原本輸入的文字(000000),就會變成 Opacity 的數值。

文字顯示表達式

文字顯示表達式

Ae 的表達式是可以做四則運算的,如果把 Opacity 的表達式改成 (60-40)*4

四則運算 (60-40)*4

四則運算 (60-40)*4

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


連結 Rotation

將 Rotation 右後方的迴紋拖曳至 Opacity

Rotation 連結至 Opacity

Rotation 連結至 Opacity

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


連結 Scale

將 Scale 右後方的迴紋拖曳至 Opacity

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
或寄信至 [email protected]


留言
avatar-img
留言分享你的想法!
avatar-img
🛸 Fei 起來的動態館 🛸
90會員
96內容數
嗨~我是 Fei,動態設計師。 會在這裡放一些跟動態製作(Ae)相關的文章,歡迎來看看喔! - 合作信箱|[email protected]
2024/08/05
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第八章-畢業考試,搞什麼系列,最終章,學會了你就可以從新手村畢業囉! Ae 表達式(expression) - Math ˙如何只出現整數? ˙Math.round() ˙Math.ceil() ˙Math.floor()
Thumbnail
2024/08/05
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第八章-畢業考試,搞什麼系列,最終章,學會了你就可以從新手村畢業囉! Ae 表達式(expression) - Math ˙如何只出現整數? ˙Math.round() ˙Math.ceil() ˙Math.floor()
Thumbnail
2024/07/01
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第七章-懸賞,快來幫幫村長!學會 Ae 表達式 - function ˙function (函數)是什麼? ˙函數應用在文字圖層上 ˙函數應用在 Position 上 ˙將位置限制在 Composition 範圍內
Thumbnail
2024/07/01
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第七章-懸賞,快來幫幫村長!學會 Ae 表達式 - function ˙function (函數)是什麼? ˙函數應用在文字圖層上 ˙函數應用在 Position 上 ˙將位置限制在 Composition 範圍內
Thumbnail
2024/06/03
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇 3,主要是一些概念的補充,介紹陣列。
Thumbnail
2024/06/03
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇 3,主要是一些概念的補充,介紹陣列。
Thumbnail
看更多
你可能也想看
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第八章-畢業考試,搞什麼系列,最終章,學會了你就可以從新手村畢業囉! Ae 表達式(expression) - Math ˙如何只出現整數? ˙Math.round() ˙Math.ceil() ˙Math.floor()
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第八章-畢業考試,搞什麼系列,最終章,學會了你就可以從新手村畢業囉! Ae 表達式(expression) - Math ˙如何只出現整數? ˙Math.round() ˙Math.ceil() ˙Math.floor()
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第七章-懸賞,快來幫幫村長!學會 Ae 表達式 - function ˙function (函數)是什麼? ˙函數應用在文字圖層上 ˙函數應用在 Position 上 ˙將位置限制在 Composition 範圍內
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第七章-懸賞,快來幫幫村長!學會 Ae 表達式 - function ˙function (函數)是什麼? ˙函數應用在文字圖層上 ˙函數應用在 Position 上 ˙將位置限制在 Composition 範圍內
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇 3,主要是一些概念的補充,介紹陣列。
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇 3,主要是一些概念的補充,介紹陣列。
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇 2,主要是一些概念的補充,介紹了運算(賦值運算子、比較運算子、算術運算子、邏輯運算子……)。
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇 2,主要是一些概念的補充,介紹了運算(賦值運算子、比較運算子、算術運算子、邏輯運算子……)。
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第六章 請勇者們前往驅離地鼠。學習 if / else 如何使用! ˙if/else 是什麼 ˙Checkbox 控制 Opacity ˙Null Object 控制 Opacity ˙Position 控制 Opacity
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第六章 請勇者們前往驅離地鼠。學習 if / else 如何使用! ˙if/else 是什麼 ˙Checkbox 控制 Opacity ˙Null Object 控制 Opacity ˙Position 控制 Opacity
Thumbnail
Excel 是許多人日常工作中不可或缺的工具之一,它提供了許多便利的功能來幫助我們處理數據和表格。其中,自動填入編號是一個常見的需求,例如填入連續的序列編號或特定的數字序列。在本文中,我們將介紹一個快速且方便的方法來實現這一目標,即使用 ALT 快捷鍵組合。
Thumbnail
Excel 是許多人日常工作中不可或缺的工具之一,它提供了許多便利的功能來幫助我們處理數據和表格。其中,自動填入編號是一個常見的需求,例如填入連續的序列編號或特定的數字序列。在本文中,我們將介紹一個快速且方便的方法來實現這一目標,即使用 ALT 快捷鍵組合。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News