更新於 2024/11/16閱讀時間約 5 分鐘

《Ae教學-index》【搞什麼系列】第五章-學習煉金術_AE表達式(expression)

【搞什麼系列】第五章-學習煉金術 (index)

【搞什麼系列】第五章-學習煉金術 (index)


隱藏 BOSS 副本:地下龍城
副本難度:★★★★☆
此副本難度較大,你確定要進入副本嗎?
進入 | 取消

你毫不猶豫按下進入,進入副本後,映入眼簾的是一條巨大的藍色龍。你提著劍向他衝去,經過一翻打鬥,你終於擊敗副本中的藍色巨龍。原本你歡欣鼓舞,突然,喀鐺!你手上的劍斷裂。

(離開副本,回到新手村)

嗨! 勇者! 我是新手村村長 Fei! 看你手上的劍斷了,你是來詢問怎麼修理的嗎? 修理也是直接找戴林(鍛造師),他會幫你把武器修好! 不過我建議如果要去更加兇險的地方,可以去中心旁邊的河畔市集看看有沒有更適合自己的裝備喔!

不過市集需要用金幣交易,金幣除了交易買賣中取得外,也可以用煉金術煉出來喔!不過煉金術只有資質不錯的勇者才能學習成功。接下來我會教你基礎的使用方式,之後就要自己摸索囉!預祝你成功!


1. 新手的主線任務

index (索引/指數) 是什麼?

創建新圖層後,# 欄顯示的便是該圖層的 index

index 是什麼?


index 應用在 Rotation 上

村長手上拿著一片花瓣,並開始對它施咒……index*45

(以下範例中心點定位在圖形下方的中間)

index 應用在 Rotation 上

在 Rotation 輸入完 index*45 後,圖形的 index 是 1,所以 1*45 後是 45,圖形旋轉 45 度


繼續複製圖層,可以讓圖形持續旋轉。

一朵花就出來啦!

每複製 1 層,就會多旋轉 45 度

每複製 1 層,就會多旋轉 45 度。運算方式看上圖,index 為 3,所以 3*45=135。


index



index 應用在 Position 與 Scale 上

分離 Position 的軸向, X Position 原始位置為 0 ,並使用 value + index*400;

分離 Position 的軸向

在 X Position 使用表達式


Scale 輸入

var x = transform.scale[0];
var y = wiggle(2,50)[1];
[x,y]




Ctrl + D 複製圖層 3 層。




index 應用在 Position 與 Scale 上


恭喜你完成新手的主線任務-煉金術
任務獎勵:煉金術卷軸
(道具。記載著煉金術的用法,用來學習煉金術。煉金術能做的事情很多,最常的用法是用來製作市集交易用的金幣。努力學習讓自己致富吧!)


----------嘿!基礎你學完了!如果還想繼續升級,請往下看!----------




2.小進階技巧

如何製作Fake 3D? (偽3D圖形)

開啟需要製作 Fake 3D 圖層的3D圖層 (3D layer) (直接匯入Ai檔案也可以)

開啟 3D 圖層

原本的 Z 軸位置為 0

控制 ScaleZ 增加厚度


value+[0,0,index];

Position 就會直接是 index

用 index 控制 Z 軸的 Position


旋轉視角:Alt+滑鼠左鍵

複製圖層

複製圖層

可以發現複製的每一層 Z 軸的值都會和 index 相同。
因此可以做出厚度的感覺

複製圖層增加厚度


用 Slider 控制厚度 (偽 3D 圖形)

新增 Null Object 添加 Slider Control

新增 Null Object


Effects > Slider Control 拖曳進 Null Object


因為現在的 index 為 2,因此 index-2 ,可以讓圖層位置不會偏移

value+[0,0,index-2];

修正 Z 軸偏移


接下來將 index-2 前後加上 (),再輸入*
value+[0,0,(index-2)*];

輸入完 *,文字輸入點會停留在 * 之後,接著將表達式的迴紋連結至 Slider 這個數值上

用 Slider 控制數值

就會出現以下程式碼

value+[0,0,(index-2)*thisComp.layer("控制厚度").effect("Slider Control")("Slider")];


最後只要複製圖層,然後調整 Slider,找到你想增加的厚度就完成了!

複製圖層,調整Slider


小加分:可以將厚度圖層用 Color Control 統一控制顏色,以便之後修改喔!

Color Control 拖曳至 Null Object(空物件),並將 Color 改為厚度需要顯示的顏色。
並新增 Fill 至厚度圖層,然後將 Fill 的表達式綁定到 Color Control 上再將Fill效果複製到所有的厚度圖層上。

用 Color Control 控制厚度顏色


Fake 3D 硬幣,試著做看看!



✴️村長的宣傳時間✴️

📌最新動畫作品在這 ➡️ instagram
📌更新會比 IG 晚一天 ➡️ YouTube
📌追蹤✅、點❤️、分享🔗、收藏📂


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


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