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

更新於 發佈於 閱讀時間約 5 分鐘
【搞什麼系列】第五章-學習煉金術 (index)

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


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

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

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

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

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


1. 新手的主線任務

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

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

index 是什麼?

index 是什麼?


index 應用在 Rotation 上

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

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

index 應用在 Rotation 上

index 應用在 Rotation 上

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


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

一朵花就出來啦!

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

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

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


index

index



index 應用在 Position 與 Scale 上

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

分離 Position 的軸向

分離 Position 的軸向

在 X Position 使用表達式

在 X Position 使用表達式


raw-image

Scale 輸入

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



raw-image


raw-image

Ctrl + D 複製圖層 3 層。




 index 應用在 Position 與 Scale 上

index 應用在 Position 與 Scale 上


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


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




2.小進階技巧

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

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

開啟 3D 圖層

開啟 3D 圖層

原本的 Z 軸位置為 0

控制 ScaleZ 增加厚度

控制 ScaleZ 增加厚度


value+[0,0,index];

Position 就會直接是 index

用 index 控制 Z 軸的 Position

用 index 控制 Z 軸的 Position


旋轉視角:Alt+滑鼠左鍵

旋轉視角:Alt+滑鼠左鍵

複製圖層

複製圖層

複製圖層

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

複製圖層增加厚度

複製圖層增加厚度


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

新增 Null Object 添加 Slider Control

新增 Null Object

新增 Null Object


Effects > Slider Control 拖曳進 Null Object

Effects > Slider Control 拖曳進 Null Object


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

value+[0,0,index-2];
修正 Z 軸偏移

修正 Z 軸偏移


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

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

用 Slider 控制數值

用 Slider 控制數值

就會出現以下程式碼

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


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

複製圖層,調整Slider

複製圖層,調整Slider


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

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

raw-image
用 Color Control 控制厚度顏色

用 Color Control 控制厚度顏色


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

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



✴️村長的宣傳時間✴️

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


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


嗨~我是 Fei,動態設計師。 會在這裡放一些跟動態製作(Ae)相關的文章,歡迎來看看喔! - 合作信箱|x.fei.4044@gmail.com
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇,主要是一些基礎的概念的補充,介紹了在 Composition 內使用文字工具,操作錨點工具和圖層置中畫面等功能。
【這個系列,目標是以比較輕鬆的方式讓大家一起學習Ae表達式。】 - 第四章 出門探險,必備燈! ˙random( 最大值 ) ˙random( 最小值 , 最大值 ) ˙random() 應用在 Scale 上 ˙gaussRandom() 是什麼?
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 - 第三章 種下屬於自己的"魔力幼苗",並用咒語(wiggle)灌溉他! ˙wiggle( , ) 是什麼? ˙wiggle 不同頻率,相同振幅 ˙wiggle 相同頻率,不同振幅 ˙wiggle 應用在 Opacity 上
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 - 第二章 不小心掉入了副本裡,該怎麼辦?一起來通關吧! ˙time; 是什麼? ˙time.toFixed(); 修正顯示到小數點第幾位數 ˙time; 應用在 Rotation 上 ˙time; 應用在 Position 上
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第一章我們就將迎來新夥伴喔!一起來學習loop怎麼用吧~ ˙ loopIn() 與 loopOut() ˙ loop 類型 ˙ 參數修飾詞 ˙ loopInDuration() 和 loopOutDuration()
【這個系列,以遊戲打怪升等拿秘笈的表達方式,讓大家能用比較輕鬆的方式學習 Ae 表達式。】 - 各位新人勇者好,我是Fei。剛接任《搞什麼世界》新手村的村長。 為了能讓勇者們能夠順利闖蕩這個世界,我會將自己學習到的咒語寫成秘笈,交給各位勇者,希望能輔助你們更順利地從新手村畢業!
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇,主要是一些基礎的概念的補充,介紹了在 Composition 內使用文字工具,操作錨點工具和圖層置中畫面等功能。
【這個系列,目標是以比較輕鬆的方式讓大家一起學習Ae表達式。】 - 第四章 出門探險,必備燈! ˙random( 最大值 ) ˙random( 最小值 , 最大值 ) ˙random() 應用在 Scale 上 ˙gaussRandom() 是什麼?
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 - 第三章 種下屬於自己的"魔力幼苗",並用咒語(wiggle)灌溉他! ˙wiggle( , ) 是什麼? ˙wiggle 不同頻率,相同振幅 ˙wiggle 相同頻率,不同振幅 ˙wiggle 應用在 Opacity 上
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 - 第二章 不小心掉入了副本裡,該怎麼辦?一起來通關吧! ˙time; 是什麼? ˙time.toFixed(); 修正顯示到小數點第幾位數 ˙time; 應用在 Rotation 上 ˙time; 應用在 Position 上
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第一章我們就將迎來新夥伴喔!一起來學習loop怎麼用吧~ ˙ loopIn() 與 loopOut() ˙ loop 類型 ˙ 參數修飾詞 ˙ loopInDuration() 和 loopOutDuration()
【這個系列,以遊戲打怪升等拿秘笈的表達方式,讓大家能用比較輕鬆的方式學習 Ae 表達式。】 - 各位新人勇者好,我是Fei。剛接任《搞什麼世界》新手村的村長。 為了能讓勇者們能夠順利闖蕩這個世界,我會將自己學習到的咒語寫成秘笈,交給各位勇者,希望能輔助你們更順利地從新手村畢業!
你可能也想看
Google News 追蹤
Thumbnail
大家好,我是woody,是一名料理創作者,非常努力地在嘗試將複雜的料理簡單化,讓大家也可以體驗到料理的樂趣而我也非常享受料理的過程,今天想跟大家聊聊,除了料理本身,料理創作背後的成本。
Thumbnail
哈囉~很久沒跟各位自我介紹一下了~ 大家好~我是爺恩 我是一名圖文插畫家,有追蹤我一段時間的應該有發現爺恩這個品牌經營了好像.....快五年了(汗)時間過得真快!隨著時間過去,創作這件事好像變得更忙碌了,也很開心跟很多厲害的創作者以及廠商互相合作幫忙,還有最重要的是大家的支持與陪伴🥹。  
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
這篇內容,將會講解什麼是表達式(Expression),什麼是陳述式(Statement)。有了這些概念,各位會更容易理解,要如何設計程式碼。
Thumbnail
大家好,我是woody,是一名料理創作者,非常努力地在嘗試將複雜的料理簡單化,讓大家也可以體驗到料理的樂趣而我也非常享受料理的過程,今天想跟大家聊聊,除了料理本身,料理創作背後的成本。
Thumbnail
哈囉~很久沒跟各位自我介紹一下了~ 大家好~我是爺恩 我是一名圖文插畫家,有追蹤我一段時間的應該有發現爺恩這個品牌經營了好像.....快五年了(汗)時間過得真快!隨著時間過去,創作這件事好像變得更忙碌了,也很開心跟很多厲害的創作者以及廠商互相合作幫忙,還有最重要的是大家的支持與陪伴🥹。  
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
這篇內容,將會講解什麼是表達式(Expression),什麼是陳述式(Statement)。有了這些概念,各位會更容易理解,要如何設計程式碼。