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

更新於 發佈於 閱讀時間約 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


留言
avatar-img
留言分享你的想法!
Fei-avatar-img
發文者
2024/11/02
📓翻新進度報告書24.11.02-第三章完成(🟢)提及了這篇文章,趕快過去看看吧!
Fei-avatar-img
發文者
2024/09/02
Ae 常用的 6 個表達式提及了這篇文章,趕快過去看看吧!
avatar-img
🛸 Fei 起來的動態館 🛸
85會員
96內容數
嗨~我是 Fei,動態設計師。 會在這裡放一些跟動態製作(Ae)相關的文章,歡迎來看看喔! - 合作信箱|x.fei.4044@gmail.com
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
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
Blessing : nama站在小新手旁邊看起來又更不良了xd Phreeoni : 你要對我們家小妹做什麼! Blessing : xdddd Superme : 都站起來跳舞 Blessing : 是陛下 Superme : 免禮 Blessing : 為什麼新手不會站起來
Thumbnail
Blessing : nama站在小新手旁邊看起來又更不良了xd Phreeoni : 你要對我們家小妹做什麼! Blessing : xdddd Superme : 都站起來跳舞 Blessing : 是陛下 Superme : 免禮 Blessing : 為什麼新手不會站起來
Thumbnail
廣場時間聽到一群孩子們的笑聲與叫聲,發生了什麼事呢?原來是幼小班的孩子在遊戲啦!老師帶孩子們玩「請你跟我這樣做」,,我們一起來聽孩子要做什麼吧! 老師:請你跟我這樣做,小手摸頭上。 伯睿:老師我也想要說。 老師:好呀,那你們準備好要進行下一個了嗎?請你們我這樣做,請問伯睿你要怎麼做? 伯
Thumbnail
廣場時間聽到一群孩子們的笑聲與叫聲,發生了什麼事呢?原來是幼小班的孩子在遊戲啦!老師帶孩子們玩「請你跟我這樣做」,,我們一起來聽孩子要做什麼吧! 老師:請你跟我這樣做,小手摸頭上。 伯睿:老師我也想要說。 老師:好呀,那你們準備好要進行下一個了嗎?請你們我這樣做,請問伯睿你要怎麼做? 伯
Thumbnail
透過書中的例子,創造出更多不同親子的肢體遊戲,讓親子關係更進一層樓。書中提及人體本身就是一個遊樂場,可以變換各種姿勢,並且提到和孩子一起共讀的過程中,洋溢著笑容。
Thumbnail
透過書中的例子,創造出更多不同親子的肢體遊戲,讓親子關係更進一層樓。書中提及人體本身就是一個遊樂場,可以變換各種姿勢,並且提到和孩子一起共讀的過程中,洋溢著笑容。
Thumbnail
繪本《花開了》有特殊折頁設計,往上翻開會有種子發芽、長大、開花的過程,搭配各種關於花的手指謠、兒歌、肢體活動、手作、花朵感官活動,讓幼兒理解開花過程、花的美。
Thumbnail
繪本《花開了》有特殊折頁設計,往上翻開會有種子發芽、長大、開花的過程,搭配各種關於花的手指謠、兒歌、肢體活動、手作、花朵感官活動,讓幼兒理解開花過程、花的美。
Thumbnail
精靈小姊姊打了個響指,環境突然丕變,「小朋友~上課囉!」,她說:「要完成任務(限,斟酌觀看!),要從心念意識著手!」。 我整個人嚇了一跳,這視覺上的變化也太震撼了吧! 有點分神!
Thumbnail
精靈小姊姊打了個響指,環境突然丕變,「小朋友~上課囉!」,她說:「要完成任務(限,斟酌觀看!),要從心念意識著手!」。 我整個人嚇了一跳,這視覺上的變化也太震撼了吧! 有點分神!
Thumbnail
炎熱的天氣,與孩子在廣場上坐下,跟孩子們玩遊戲,問問孩子小手可以玩什麼呢?於是我們玩起了另類的老師說喔。 老師:小手拍拍,拍什麼?拍腳腳。小手拍拍,拍什麼?拍頭頭。 柏宇:老師我也要~ 老師:小手拍拍,拍什麼? 柏宇:拍肩膀。 小朋友:小手拍拍,拍什麼? 妍希:拍鞋子。 小朋友
Thumbnail
炎熱的天氣,與孩子在廣場上坐下,跟孩子們玩遊戲,問問孩子小手可以玩什麼呢?於是我們玩起了另類的老師說喔。 老師:小手拍拍,拍什麼?拍腳腳。小手拍拍,拍什麼?拍頭頭。 柏宇:老師我也要~ 老師:小手拍拍,拍什麼? 柏宇:拍肩膀。 小朋友:小手拍拍,拍什麼? 妍希:拍鞋子。 小朋友
Thumbnail
希望天下父母也可以樂在其中。
Thumbnail
希望天下父母也可以樂在其中。
Thumbnail
散步中的阿妮突然停了下來,用充滿夢幻的迷濛眼神說:『馬麻,你看,小精靈在天空畫畫給我看耶!』很認真看了很久,還停下來開心和小精靈一起作畫,轉圈圈給小精靈看.........哎唷,怎麼會有這麼夢幻的精靈小孩呀? | date:2013/04/30 | age:3y | ---------------
Thumbnail
散步中的阿妮突然停了下來,用充滿夢幻的迷濛眼神說:『馬麻,你看,小精靈在天空畫畫給我看耶!』很認真看了很久,還停下來開心和小精靈一起作畫,轉圈圈給小精靈看.........哎唷,怎麼會有這麼夢幻的精靈小孩呀? | date:2013/04/30 | age:3y | ---------------
Thumbnail
你會『#撒嬌』嗎? 『#撒嬌』是一種溝通的藝術,那麼就不會侷限於「說話」,可能是一種肢體語言、眼神、動作,基本上是屬於人與人的之間互動元素。 那你發現你會 #撒嬌 了吧!!XD (這是一種從小就會的技能,不分男女 XD) 只是你有沒有常常用而已唷~一出生的嬰兒天生就會,他看你會笑,他摸你、抓
Thumbnail
你會『#撒嬌』嗎? 『#撒嬌』是一種溝通的藝術,那麼就不會侷限於「說話」,可能是一種肢體語言、眼神、動作,基本上是屬於人與人的之間互動元素。 那你發現你會 #撒嬌 了吧!!XD (這是一種從小就會的技能,不分男女 XD) 只是你有沒有常常用而已唷~一出生的嬰兒天生就會,他看你會笑,他摸你、抓
Thumbnail
大叔也是繼續嗡嗡嗡~ 會持續畫下去喔! 接下來是小碎花革命! #小碎花革命 #學姐穿小碎花明明就很好看
Thumbnail
大叔也是繼續嗡嗡嗡~ 會持續畫下去喔! 接下來是小碎花革命! #小碎花革命 #學姐穿小碎花明明就很好看
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News