wiggle表達式介紹及應用教程

更新 發佈閱讀 6 分鐘
raw-image

wiggle是一個非常有用的表達式,用於給層的屬性添加隨機抖動效果。這個表達式特別適合於創建自然、隨機的運動,例如攝像機的手持效果、文字的抖動、或者任何需要不規則運動的場景。


基本語法

wiggle(frequency, amplitude)

  • frequency:每秒鐘的抖動次數。
  • amplitude:抖動的幅度。
  • 基礎應用

假設你想讓一個圖層的位置隨機抖動,每秒抖動 2 次,每次的幅度為 50 像素。你可以在位置屬性中添加以下表達式:wiggle(2, 50)

  • 應用於旋轉

如果你想讓一個圖層的旋轉隨機抖動,每秒抖動 3 次,每次的幅度為 10 度,可以在旋轉屬性中添加:wiggle(3, 10)

  • 應用於透明度

同樣,你可以讓一個圖層的透明度隨機變化,每秒變化 1 次,變化幅度為 20%:wiggle(1, 20)


raw-image

----------------------------------------------------------------------------

*限制單一維度的抖動

raw-image

如果你只想讓某一個維度抖動,例如只讓X軸位置抖動,可以使用以下表達式,假設你的圖層位置是 [x, y],並且你希望只讓 X 軸擺動,而 Y 軸保持不變

  1. 選擇圖層的 位置 屬性,並按住 Alt 鍵(Windows)或 Option 鍵(Mac),點擊位置的碼錶圖標來打開表達式編輯器。
  2. 在表達式編輯器中輸入以下代碼:


raw-image



這樣,圖層的位置就會在 Z 軸上隨機擺動,而 X 和 Y 軸保持固定。

使用這些表達式,你可以輕鬆地控制 wiggle 只在一個維度上進行擺動,從而創建你所需要的動畫效果。


x = wiggle(3, 50)[0]; // 取得 wiggle 的 X 值 

y = transform.position[1]; // 保持 Y 值不變

[x, y]


*添加衰減

如果你想讓抖動隨時間衰減,可以使用一些複雜的表達式。例如,下面這個表達式會讓抖動在 5 秒內逐漸減弱:

raw-image




pathPosition = thisComp.layer("Path Layer").position;
wiggleEffect = wiggle(2, 30);
[pathPosition[0] + wiggleEffect[0], pathPosition[1] + wiggleEffect[1]]



*與其他表達式結合

你也可以將 wiggle 與其他表達式結合使用。例如,你可以讓一個物體在沿著一個路徑運動的同時添加抖動效果:

使用 wiggle 表達式可以為你的動畫添加更多的隨機性和自然感,使你的作品更加生動和有趣。希望這些資訊對你有幫助!

freq = 3;
amp = 50;
decay = 1.0; // 衰減速率

t = time;
w = wiggle(freq, amp);
[w[0] * Math.exp(-decay * t), w[1] * Math.exp(-decay * t)]


*循環擺動

創建一個在指定時間內循環的 wiggle 效果。這個表達式應該實現的是:在指定的時間段內(secondsToLoop),生成一個平滑的隨機抖動,然後循環這個效果。

raw-image


frequency = 2; // 每秒擺動次數
amplitude = 40; // 擺動的像素數量
secondsToLoop = 3; // 循環時間(以秒為單位)

t = time % secondsToLoop;
wiggle1 = wiggle(frequency, amplitude, 1, 0.5, t);
wiggle2 = wiggle(frequency, amplitude, 1, 0.5, t - secondsToLoop);
linear(t, 0, secondsToLoop, wiggle1, wiggle2)




raw-image


frequency 和 amplitude 定義了 wiggle 的頻率和幅度。

  • secondsToLoop 定義了循環的時間段。
  • t = time % secondsToLoop 計算當前時間在循環周期內的位置,確保 t 在 0 和 secondsToLoop 之間。
  • wiggle1 和 wiggle2 創建了兩個 wiggle 效果,分別對應當前循環周期的開始和結束時的抖動。
  • linear(t, 0, secondsToLoop, wiggle1, wiggle2) 使用線性插值在 wiggle1 和 wiggle2 之間創建平滑過渡,實現循環效果。

這樣可以確保你的 wiggle 效果在每個 secondsToLoop 週期內循環,創造出平滑的循環動畫。

如果喜歡這則文而對你有幫助到你的話,點擊連結歡迎贊助我一杯咖啡:)
https://ko-fi.com/jan1lab

原始貼文:https://www.jan1lab.com/blog/jan1-ae-expressionwiggle

留言
avatar-img
JAN1 LAB 動畫實驗室
8會員
13內容數
JAN1 動畫實驗室,專業創造角色IP,包括動畫、漫畫、遊戲等不同領域。我們致力於創造有趣、充滿魅力的角色,並透過精湛的技藝,將這些角色帶入不同的媒體平台,打造出具有廣泛影響力的IP。 https://www.jan1lab.com/
2024/07/18
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理,逐步解說了創建過程。通過這些建議,你將能夠創建一個既細緻又富有動畫效果的手繪風格場景,為你的動畫作品增添獨特的魅力和視覺吸引力。
Thumbnail
2024/07/18
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理,逐步解說了創建過程。通過這些建議,你將能夠創建一個既細緻又富有動畫效果的手繪風格場景,為你的動畫作品增添獨特的魅力和視覺吸引力。
Thumbnail
2024/07/17
本文介紹了在After Effects中使用表達式為圖層添加延遲效果的方法,通過根據層的索引相對於其父層的索引來計算延遲時間,並應用到層的位置屬性上,可以創建連續的延遲效果,使每個層根據其索引值產生不同的延遲,形成鏈條效應。
Thumbnail
2024/07/17
本文介紹了在After Effects中使用表達式為圖層添加延遲效果的方法,通過根據層的索引相對於其父層的索引來計算延遲時間,並應用到層的位置屬性上,可以創建連續的延遲效果,使每個層根據其索引值產生不同的延遲,形成鏈條效應。
Thumbnail
2024/07/09
在 After Effects 中,彈跳效果(Bounce Expression)可以讓層看起來像是受到彈簧或重力的影響,常用於創建自然的運動效果。這些表達式可以應用於位置(Position)、比例(Scale)、透明度(Opacity)等屬性。
Thumbnail
2024/07/09
在 After Effects 中,彈跳效果(Bounce Expression)可以讓層看起來像是受到彈簧或重力的影響,常用於創建自然的運動效果。這些表達式可以應用於位置(Position)、比例(Scale)、透明度(Opacity)等屬性。
Thumbnail
看更多
你可能也想看
Thumbnail
債券投資,不只是高資產族群的遊戲 在傳統的投資觀念中,海外債券(Overseas Bonds)常被貼上「高資產族群專屬」的標籤。過去動輒 1 萬甚至 10 萬美元的最低申購門檻,讓許多想尋求穩定配息的小資族望而卻步。 然而,在股市波動劇烈的環境下,尋求穩定的美元現金流與被動收入成為許多投資人
Thumbnail
債券投資,不只是高資產族群的遊戲 在傳統的投資觀念中,海外債券(Overseas Bonds)常被貼上「高資產族群專屬」的標籤。過去動輒 1 萬甚至 10 萬美元的最低申購門檻,讓許多想尋求穩定配息的小資族望而卻步。 然而,在股市波動劇烈的環境下,尋求穩定的美元現金流與被動收入成為許多投資人
Thumbnail
透過川普的近期債券交易揭露,探討債券作為資產配置中「穩定磐石」的重要性。文章分析降息對債券的潛在影響,以及股神巴菲特的操作策略。並介紹玉山證券「小額債」平臺,如何讓小資族也能低門檻參與海外債券市場,實現「低門檻、低波動、固定收益」的務實投資方式。
Thumbnail
透過川普的近期債券交易揭露,探討債券作為資產配置中「穩定磐石」的重要性。文章分析降息對債券的潛在影響,以及股神巴菲特的操作策略。並介紹玉山證券「小額債」平臺,如何讓小資族也能低門檻參與海外債券市場,實現「低門檻、低波動、固定收益」的務實投資方式。
Thumbnail
解析「債券」如何成為資產配置中的穩定錨,提供低風險高回報的投資選項。 藉由玉山證券的低門檻債券服務,投資者可輕鬆入手,平衡風險並穩定財務。
Thumbnail
解析「債券」如何成為資產配置中的穩定錨,提供低風險高回報的投資選項。 藉由玉山證券的低門檻債券服務,投資者可輕鬆入手,平衡風險並穩定財務。
Thumbnail
相較於波動較大的股票,債券能提供固定現金流,而玉山證券推出的小額債,更以1000 美元的低門檻,讓學生與新手也能參與全球優質企業債投資。玉山E-Trader平台即時報價、條件式篩選與清楚的交易流程等特色,大幅降低投資難度,對於希望分散風險、建立穩定現金流的人來說,玉山小額債是一個值得嘗試的理財起點。
Thumbnail
相較於波動較大的股票,債券能提供固定現金流,而玉山證券推出的小額債,更以1000 美元的低門檻,讓學生與新手也能參與全球優質企業債投資。玉山E-Trader平台即時報價、條件式篩選與清楚的交易流程等特色,大幅降低投資難度,對於希望分散風險、建立穩定現金流的人來說,玉山小額債是一個值得嘗試的理財起點。
Thumbnail
Ae 小技巧:Motion Tile 連續圖 / 背景 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Motion Tile 連續圖 / 背景 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
最近在嘗試使用不同的AI生圖方式混合出圖的方式,採用A平台的優點,並用B平台後製的手法截長補短,創造出自己更想要的小說場景,效果不錯,現在以這張圖為例,來講一下我的製作步驟。
Thumbnail
最近在嘗試使用不同的AI生圖方式混合出圖的方式,採用A平台的優點,並用B平台後製的手法截長補短,創造出自己更想要的小說場景,效果不錯,現在以這張圖為例,來講一下我的製作步驟。
Thumbnail
Ae 小技巧:CC Bend It 彎曲 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:CC Bend It 彎曲 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
wiggle是一個非常有用的表達式,用於給層的屬性添加隨機抖動效果。這個表達式特別適合於創建自然、隨機的運動,例如攝像機的手持效果、文字的抖動、或者任何需要不規則運動的場景。
Thumbnail
wiggle是一個非常有用的表達式,用於給層的屬性添加隨機抖動效果。這個表達式特別適合於創建自然、隨機的運動,例如攝像機的手持效果、文字的抖動、或者任何需要不規則運動的場景。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Orbit 環繞效果 + 物件面對鏡頭 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Orbit 環繞效果 + 物件面對鏡頭 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
介紹如何使用 Warp 效果來製作箱子擠壓效果!
Thumbnail
介紹如何使用 Warp 效果來製作箱子擠壓效果!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News