After EffectsのWiggle理解編で、wiggle式を使えば式ひとつでランダムな揺れを作れることを説明した会話型図解
Wiggleは、不規則な揺れを自動で作れるAfter Effectsのエクスプレッションです。

モーション周期表のWiggleの定義・使う式(wiggle)・まず押さえる2項目(freq・amp)を1枚にまとめた結論サマリ図解

 

この記事でできること

モーション周期表のWiggleの動き基本的な作り方がわかる

wiggle式の主要パラメータ(freq・amp)の読み方がわかる

Wiggleと相性のよい使いどころがわかる

※「Wiggle」をすぐに実践したい方はこちらをご参照ください。

モーション周期表のWiggleは「ランダムで不規則な揺れ」の動き

After Effectsのrandom()がカクカクした揺れ、wiggle()がなめらかで不規則な揺れになる違いを比較した解説図解
モーション周期表「Wiggle」の特徴
  • キーフレームを打たなくても、不規則な揺れを自動で作れる
  • 揺らしたいプロパティにエクスプレッションを入れるだけで再現できる
  • 手ブレ・浮遊・ちらつきのような、人の手では打ちにくい自然な揺れが作れる

モーション周期表では、9族「Random(ランダム)」系の動きとして整理されています。

Wiggleは、値が時間的になめらかにつながるため、自然な揺れを表現しやすいエクスプレッションです。

Wiggleは「wiggle式(エクスプレッション)」で作る

サナ
サナ

wiggleって「揺れる」イメージはあるんですけど、どうやって作るんですか?

キーフレームをたくさん打つ必要があるのでしょうか……。

シン
シン
揺らしたいプロパティに「wiggle」の式を追加するだけで作れます。

キーフレームをたくさん打たなくても、自動で不規則な揺れを続けてくれますよ。

After Effectsでwiggle式を使う3ステップ(プロパティを選ぶ→Alt+クリックで式を開く→wiggle式を入力)を説明した操作方法図解「プロパティを選ぶ → Alt+クリックで式を開く → wiggle式を入力」の3ステップで設定できます。キーフレームを手で打たなくても、式だけで揺れを自動生成できるのがWiggleの特徴です。

 

Wiggleが活躍する場面とは?

wiggleが向いている4つの使用シーン(手持ちカメラ風の手ブレ/浮遊感/ライトのちらつき/複数レイヤーのバラつき)を並べた用途別図解
  • 手持ちカメラのような、自然な手ブレを足したいとき
  • ロゴやイラストに、ふわふわとした浮遊感を出したいとき
  • ライトやネオンの、ちらつき・明滅を表現したいとき
  • たくさんのレイヤーに、少しずつ違うばらつきを持たせたいとき

wiggle式の主要パラメータの読み方

サナ
サナ
式の中に数字を入れるんですよね?

でも、この数字ってそれぞれ何を表しているんですか?

シン
シン

最初は「freq(揺れの速さ)」と「amp(揺れの大きさ)」の2つだけ覚えれば大丈夫ですよ。

「wiggle(freq, amp)」の順に書くので、まずはこの2つを押さえておきましょう。

wiggle式は、正確には「wiggle(freq, amp, octaves, amp_mult, t)」の形で書きます。

ただし、最初はfreq(揺れの速さ)とamp(揺れの大きさ)の2つだけ覚えれば問題ありません。

wiggle式の引数(freq・amp・octaves・amp_mult・t)の役割と、まず触る2項目(freq・amp)を整理した解説図解
値の目安

wiggle(2, 30)

たとえば、位置に適用した場合、1秒に約2回、30px程度の幅で揺れます。(octaves=1、amp_mult=0.5、t=timeは省略したままで問題ありません)
※細かい数値の調整方法と「なぜその値なのか」は実践編で扱います。

※After Effectsのバージョンやプロパティの種類によって、表示や挙動が異なる場合があります。

うまく反映されない場合は、適用先のプロパティが数値または配列で扱えるものか確認してください。

Randomとwiggleの違いとは?

ランダムな値を返す式には「random()」もあります。

random()は値が不連続に変化しやすいのに対し、wiggleは時間的になめらかにつながった揺れを作れます。

自然な手ブレや浮遊感を表現したい場合は、wiggleが向いています。

サインエクスプレッション(Math.sin)とwiggleの違いとは?

規則正しいくり返しの揺れ(一定周期で行ったり来たり)を作りたい場合は、wiggleではなくサインエクスプレッション(Math.sin)が向いています。

まとめ|押さえる3つのポイント

Wiggleを押さえる3つのポイント

① モーション周期表のWiggleは「ランダムで不規則な揺れ」の動きとして捉える。キーフレームを1つずつ手で打つ動きとは別軸で、式ひとつで揺れ続ける

② 作り方は「プロパティ+wiggle式」。ストップウォッチをAlt+クリックし、wiggle(2, 30)のように入力する

③ 慣れるまではfreq(揺れの速さ)とamp(揺れの大きさ)の2つだけ覚えれば十分

次は実践編|wiggleで自然な揺れを作ってみよう

理解編でwiggleのfreq・ampを押さえた読者を、実践編で実際に手を動かす段階へ誘導する会話型図解
次の実践編では、プロパティへの式の入れ方から、freq・ampの調整、1軸だけ揺らす書き方までを順を追って手を動かしながら確認していきます。