《Ae教學-Time》【搞什麼系列】第二章-誤入副本_AE表達式(expression)

閱讀時間約 5 分鐘
AE表達式(expression)_time

AE表達式(expression)_time

「發生什麼事情?」糟糕!意識逐漸模糊......
「勇者!快醒醒啊!」
你睜開雙眼,看到村長正大力地搖醒你!
太好了!意識沒有完全渾沌!應該沒失憶吧?還認得我嗎?我是村長Fei。你帶著小吉到處跑,不小心卡進了副本裡了,你先好好休息,身體恢復了我再跟你說明副本的注意事項。


(一週後......)
勇者!這麼快就來找我了,體質真不錯!上週你誤入了副本裡,副本跟我們《搞什麼世界》的時間軸不一定一樣,進入到不一樣的時間軸空間裡,如果沒有使用控制時間的咒語,很容易造成意識渾沌及記憶錯亂。


1.新手的主線任務

為了讓你感知時間,我會先把時間具象化。語畢,村長拿出了兩個面板。

AE表達式-time

AE表達式-time

左邊是《搞什麼世界》的時間軸,右邊是副本時間軸,每個副本的時間軸不一定一樣,所以在進入副本的時候比須先控制住副本的時間軸,才不會讓過快或過慢的時間軸,影響到意識!

時間具象化的咒語,在文字圖層 ( Text layer )輸入

time;

time;

顯示的是《搞什麼世界》的時間軸,也就是主世界的時間。

控制時間的咒語,以秒為單位

而剛剛的副本時間軸是

time*2;

以秒為單位改變副本(composition)裡的時間,

time*2;

所以剛剛的副本的時間是主世界的2倍,也就是主世界過了 5 秒,副本裡就過了 10 秒。

你也來試試吧!村長交給你一個面板。


你在文字圖層 ( Text layer )施咒後

AE表達式-time;

AE表達式-time;

你:嗯?村長這個面板壞掉了?

村長:面板並沒有壞掉喔!因為副本的時間軸複雜,因此我們需要用咒語進行修正。

time.toFixed();

()內是限制數值後的小數到第幾位數

接著村長對著你手上的面板施咒......

time.toFixed(1);
AE-表達式-time.toFixed();

AE-表達式-time.toFixed();

你看,面板正常顯示了!如果要在更精確的話,可以改變 () 內的數值。至於如果要更有變化的運算,之後再慢慢地教你!先把基礎練好吧!


另外,time 的應用範圍不只在顯示數值上喔!time 運用在

Rotation (旋轉)

time-Rotation

time-Rotation

time*360;

time 是以秒為單位,所以應用在 Rotation 上,就是 1 秒會旋轉多少度,

time*360; 代表 1 秒旋轉 360 度,

time*90;

而 time*90; 代表 1 秒 90 度,也就是說 4 秒後,秒針才會走完一圈。

依照上面的邏輯,如果我想讓物體固定 4 秒轉一圈

time*360/4;
time*90;

其實效果一樣喔~你看

time-Rotation_360/4

time-Rotation_360/4

運用這個咒語,你就可以控制物體 "幾秒" 轉 1 圈了!


time 運用在

Position (位移)

這裡有個重點:time 是個一次只能指定一個屬性(方向)的咒語,但像是 Position 屬性是綁定在一起的,要怎麼分離方向?

AE-Separate Dimensions(分離方向)

AE-Separate Dimensions(分離方向)

在 Position 的地方,滑鼠右鍵,選取 Separate Dimensions (分離方向)

AE-分離單個方向

AE-分離單個方向

這樣就分離好了,就可以使用 time 囉!

X 軸每秒位移 250,Y 軸每秒位移 150

X 軸每秒位移 250,Y 軸每秒位移 150

raw-image
//X Position​
value+time*250

跟前面示範比較不同的是,初始位置不是 0,所以需要在time前面,加上 value,設定後面的運算初始位置設為原本位置 (x=200),如果沒設定的話,X Position 就是從 0 開始出發!

上圖設定 X Position 初始位置 (value = 200),每秒移動 250,所以 0 秒的時候位置為 200,1 秒位置為 450,2 秒為 700...持續運動下去......

//Y Position​
value+time*150

Y Position 初始位置 (value = 300),每秒移動 150,所以 0 秒的時候位置為 300,1 秒位置為 450,2 秒為 600...持續運動下去......


你:那紅底白框的球呢?不是說要time只能設定單向嗎?

raw-image

村長:沒錯!雖說只能設定單向,但其實可以直接用 [ x , y ] 直接去指定位移數值,效果是一樣的,但我認為分離方向對於後來如果有更複雜的運算或咒語,比較好上手!

time* [ x , y ]

time* [ x , y ]

value+time*[250,150]
恭喜你完成新手的主線任務-初入副本
任務獎勵:初心面板
(道具。能快速確認時間軸,並調整副本時間。注意:因為做工比較粗糙,無法運算過於精確或改變過於龐大的副本。可以在各個初級副本裡機率性找到強化的零件,集齊強化零件後,可找戴林(鍛造師)進行強化。下一階段為:<中心面板>。)

村長的施法時間!

----------嘿!基礎你學完了!很棒~記得勤加練習!----------

如果村長有學到 time 的新知識也會持續更新這篇喔!

進階技能小提示:ValueAtTime、posterizeTime(framesPerSecond),想繼續進修的勇者,可以先預習!


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


以下是村長的宣傳時間

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


合作請
私訊 Instagram
或寄信至 [email protected]



14會員
31內容數
#設計 #動畫 #接案 嗨~我是 Fei,動態設計師。Instagram 更新作品中。 合作信箱|[email protected] - 已發佈文章 1. 搞什麼系列-從0開始學AE表達式 更新:每月的第一個星期一 以輕鬆的方式讓大家一起學習Ae表達式。 2. 培養動態靈感 不需軟體基礎,來看作品,增加靈感。
留言0
查看全部
發表第一個留言支持創作者!