《Ae教學-wiggle》【搞什麼系列】第三章-幼苗_AE表達式(expression)

更新於 2024/12/03閱讀時間約 6 分鐘
【搞什麼系列】第三章-幼苗 (wiggle)

【搞什麼系列】第三章-幼苗 (wiggle)


嗨!我是新手村村長Fei!很高興今天又看到你了!在村外往東300公尺有一個魔力充沛的小花園,今天要交付你的主線任務——種下屬於自己的"魔力幼苗",並用咒語(wiggle)灌溉他,讓小幼苗更有生命力!而隨著你的冒險進度的增加,小幼苗也會跟著你一起成長茁壯!期望你的幼苗最後能成為參天大樹或美麗的花!


1. 新手的主線任務

wiggle( , ) 是什麼?


擺動(頻率,振幅)
( )裡第一個值為速度,就是每秒擺動幾次;第二個值為強度,就是擺動正負到多少pixel 。

村長使用<翻譯蒟蒻>
wiggle(5,100) | 這個擺動每秒擺動5次,每次擺動範圍 -100~100 pixel


wiggle 不同頻率,相同振幅

村長的施法時間
村長對著左邊球的 Position 使用 wiggle(5,100)

Ae表達式(expression)_ Position 使用 wiggle(5,100)

Ae表達式(expression)_ Position 使用 wiggle(5,100)

對右邊球的 Position 使用 wiggle(50,100)

頻率(每秒擺動幾次)_5與50的差別

頻率(每秒擺動幾次)_5與50的差別

結論:右邊的球每秒擺動的頻率較高,所以看起來速度較快


wiggle 相同頻率,不同振幅

村長對著左邊球的 Position 使用 wiggle(5,100)
對右邊球的 Position 使用 wiggle(5,250)

振幅(擺動範圍)_100與250的差別

振幅(擺動範圍)_100與250的差別

結論:右邊的球振幅較大,從圖中可以看出移動範圍比左邊大


wiggle 應用在 Opacity 上

會有閃爍的效果。

球的 Opacity 為 100%,在 Opacity 使用 wiggle(5,100)
() 內前面的數值為閃爍的頻率, () 內後面的數值會在 100% 的正負 100 內擺動,而 Opacity 的數值最高為100%,所以此球 Opacity 擺動的範圍為 0-100% 之間。

球的 Opacity 為 50%,在 Opacity 使用 wiggle(5,20)
此球 Opacity 擺動的範圍為 30-70% 之間。

wiggle 應用在 Opacity 上

wiggle 應用在 Opacity 上


恭喜你完成新手的主線任務-種下幼苗
任務獎勵:幼苗種子
(道具。適合種植地點:東邊小花園。種下後會隨著你的冒險進度的增加,小幼苗也會跟著你一起成長茁壯!期望你的幼苗最後能成為參天大樹或美麗的花!)


種下屬於自己的"魔力幼苗"吧!種下之後也記得常常回來看看喔!

村長說完後,便往村裡的方向走去......

你呆呆地站在原地,看著手中的幼苗,耳邊傳來早已看不見身影的村長聲音,勇者啊!請繼續努力增強自己,幼苗會跟著你一起在這個世界茁壯、成長!手中的幼苗發散著微弱的光芒,你走到一個小空地,將它種下。


----------嘿!基礎你學完了!如果還想繼續升級,請往下看!----------
接下來的內容就不是基礎篇(主線任務)囉~


2. 小進階技巧

wiggle 怎麼單向擺動?

簡單的方式,是將 Position 進行 Separate Dimensions(分離方向),忘記的話可以到上一章,複習一下! 今天要教你的是另一個方法!

新增一個 Null Object (空物件)。

創建 Null Object (空物件)

創建 Null Object (空物件)


在 Effect & Presets 中找到 "Slider Control" (滑桿),並拖曳至剛剛創建的Null Object。

Effect & Presets 搜尋 Slider Control (滑桿)

Effect & Presets 搜尋 Slider Control (滑桿)


先在 shape 的 Position 表達式裡輸入 x =
並把文字輸入點放在 x = 後 ,然後再把表達式裡的迴紋,拖曳至Slider

raw-image


就會出現以下紅框裡的文字

raw-image
村長使用<翻譯蒟蒻>
這個Composition裡的layer("layer名字")裡的effect("effect名")("名字")
raw-image
x 軸綁定滑桿的數值,y 軸保持固定值 540

x 軸綁定滑桿的數值,y 軸保持固定值 540

//使用滑桿控制 (Slider Control) X軸的位置,後面結束記得加上";"
x = thisComp.layer("控制shape x軸").effect("Slider Control")("Slider");
y=540; //y軸固定數值540​,後面結束記得加上";"
[x,y] //[x,y]​用來宣告上面數值是矩陣

上下兩個顯示的效果一樣,只是上方方式如後續需要修改比較方便。

//使用滑桿控制 (Slider Control) X軸的位置  (同上面效果)
[thisComp.layer("控制shape x軸").effect("Slider Control")("Slider"),540]
改變滑桿數值,物體就會跟著數值大小移動

改變滑桿數值,物體就會跟著數值大小移動


raw-image

確認綁定好 y 軸後,在 Slider 中輸入

wiggle(5,100)

就能產生 x 軸單向擺動的效果!

raw-image



✴️村長的宣傳時間✴️

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


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


嗨~我是 Fei,動態設計師。 會在這裡放一些跟動態製作(Ae)相關的文章,歡迎來看看喔! - 合作信箱|x.fei.4044@gmail.com
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 - 第二章 不小心掉入了副本裡,該怎麼辦?一起來通關吧! ˙time; 是什麼? ˙time.toFixed(); 修正顯示到小數點第幾位數 ˙time; 應用在 Rotation 上 ˙time; 應用在 Position 上
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第一章我們就將迎來新夥伴喔!一起來學習loop怎麼用吧~ ˙ loopIn() 與 loopOut() ˙ loop 類型 ˙ 參數修飾詞 ˙ loopInDuration() 和 loopOutDuration()
【這個系列,以遊戲打怪升等拿秘笈的表達方式,讓大家能用比較輕鬆的方式學習 Ae 表達式。】 - 各位新人勇者好,我是Fei。剛接任《搞什麼世界》新手村的村長。 為了能讓勇者們能夠順利闖蕩這個世界,我會將自己學習到的咒語寫成秘笈,交給各位勇者,希望能輔助你們更順利地從新手村畢業!
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 - 第二章 不小心掉入了副本裡,該怎麼辦?一起來通關吧! ˙time; 是什麼? ˙time.toFixed(); 修正顯示到小數點第幾位數 ˙time; 應用在 Rotation 上 ˙time; 應用在 Position 上
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第一章我們就將迎來新夥伴喔!一起來學習loop怎麼用吧~ ˙ loopIn() 與 loopOut() ˙ loop 類型 ˙ 參數修飾詞 ˙ loopInDuration() 和 loopOutDuration()
【這個系列,以遊戲打怪升等拿秘笈的表達方式,讓大家能用比較輕鬆的方式學習 Ae 表達式。】 - 各位新人勇者好,我是Fei。剛接任《搞什麼世界》新手村的村長。 為了能讓勇者們能夠順利闖蕩這個世界,我會將自己學習到的咒語寫成秘笈,交給各位勇者,希望能輔助你們更順利地從新手村畢業!
你可能也想看
Google News 追蹤
Thumbnail
本文探討了複利效應的重要性,並藉由巴菲特的投資理念,說明如何選擇穩定產生正報酬的資產及長期持有的核心理念。透過定期定額的投資方式,不僅能減少情緒影響,還能持續參與全球股市的發展。此外,文中介紹了使用國泰 Cube App 的便利性及低手續費,幫助投資者簡化投資流程,達成長期穩定增長的財務目標。
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第八章-畢業考試,搞什麼系列,最終章,學會了你就可以從新手村畢業囉! Ae 表達式(expression) - Math ˙如何只出現整數? ˙Math.round() ˙Math.ceil() ˙Math.floor()
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第七章-懸賞,快來幫幫村長!學會 Ae 表達式 - function ˙function (函數)是什麼? ˙函數應用在文字圖層上 ˙函數應用在 Position 上 ˙將位置限制在 Composition 範圍內
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇 3,主要是一些概念的補充,介紹陣列。
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇 2,主要是一些概念的補充,介紹了運算(賦值運算子、比較運算子、算術運算子、邏輯運算子……)。
https://udn.com/news/story/7323/7284300?from=udn_ch2_menu_v2_main_index 蔣萬安訪新加坡二度失蹤? 隨行議員批:不要搞祕密外交 看來有人沒跟上「重要行程」,如果不是「秘密外交」,就是「黑箱作業」! 不懂!如果蔣萬安見李顯
在台北夜生活,您可以做以下活動: 1.探索夜市:台北有許多著名的夜市,如饒河街夜市、士林夜市、通化夜市等,您可以品嘗當地美食,購買特色商品,感受台北夜市的獨特氛圍。 2.享受夜景:台北有許多著名的夜景,如象山、信義區的台北101、陽明山等,您可以選擇登高遠眺,欣賞城市夜景的美麗。 3.聽音樂會:台北
Thumbnail
這篇很明顯,我相信有住在新北市的朋友都知道,這篇的靈感來源於板橋區每年萬聖節都會舉辦的變裝遊行派對,雖然我是沒有一起上街變裝啦哈哈~不過當年看到好多奇裝異服的裝扮就覺得很有趣,如果沒有特別舉辦這個活動,這些服裝走在路上會很恐怖、很嚇人,還有可能會被新聞報導出來哈哈。
Thumbnail
本文探討了複利效應的重要性,並藉由巴菲特的投資理念,說明如何選擇穩定產生正報酬的資產及長期持有的核心理念。透過定期定額的投資方式,不僅能減少情緒影響,還能持續參與全球股市的發展。此外,文中介紹了使用國泰 Cube App 的便利性及低手續費,幫助投資者簡化投資流程,達成長期穩定增長的財務目標。
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第八章-畢業考試,搞什麼系列,最終章,學會了你就可以從新手村畢業囉! Ae 表達式(expression) - Math ˙如何只出現整數? ˙Math.round() ˙Math.ceil() ˙Math.floor()
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第七章-懸賞,快來幫幫村長!學會 Ae 表達式 - function ˙function (函數)是什麼? ˙函數應用在文字圖層上 ˙函數應用在 Position 上 ˙將位置限制在 Composition 範圍內
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇 3,主要是一些概念的補充,介紹陣列。
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇 2,主要是一些概念的補充,介紹了運算(賦值運算子、比較運算子、算術運算子、邏輯運算子……)。
https://udn.com/news/story/7323/7284300?from=udn_ch2_menu_v2_main_index 蔣萬安訪新加坡二度失蹤? 隨行議員批:不要搞祕密外交 看來有人沒跟上「重要行程」,如果不是「秘密外交」,就是「黑箱作業」! 不懂!如果蔣萬安見李顯
在台北夜生活,您可以做以下活動: 1.探索夜市:台北有許多著名的夜市,如饒河街夜市、士林夜市、通化夜市等,您可以品嘗當地美食,購買特色商品,感受台北夜市的獨特氛圍。 2.享受夜景:台北有許多著名的夜景,如象山、信義區的台北101、陽明山等,您可以選擇登高遠眺,欣賞城市夜景的美麗。 3.聽音樂會:台北
Thumbnail
這篇很明顯,我相信有住在新北市的朋友都知道,這篇的靈感來源於板橋區每年萬聖節都會舉辦的變裝遊行派對,雖然我是沒有一起上街變裝啦哈哈~不過當年看到好多奇裝異服的裝扮就覺得很有趣,如果沒有特別舉辦這個活動,這些服裝走在路上會很恐怖、很嚇人,還有可能會被新聞報導出來哈哈。