【AE】モーション周期表のWave実践編｜中心から波紋が広がる動きの作り方

Wave実践編は、「平面レイヤーの作成 → 電波（Radio Waves）の適用 → パラメータ調整 → 作成ポイントとカラーで動きを追加 → 仕上げ」の5ステップで進めます。

※Waveの考え方から確認したい方は、理解編をご参考ください。

電波（Radio Waves）を使って、中心から波紋が放射状に広がるモーションを作る

Wave制作を始める前の準備

サナ

操作前に準備しておくことはありますか？

シン

電波（Radio Waves）は平面レイヤーに適用するエフェクトです。「波紋が描かれる土台」になる平面レイヤーを1枚作っておくと、あとの調整がかなり楽になりますよ。

電波（Radio Waves）を適用する前に、コンポジション、平面レイヤー、対象レイヤーの選択、エフェクトの場所を確認しておきます。

下準備1：コンポジションを作成する

新規コンポジションを作成しましょう。

練習用なので、次のような設定で問題ありません。

暗い背景にしておくと、波紋の線が見やすくなります。

下準備2：波紋を描く平面レイヤーを作る

Radio Wavesを適用するための平面レイヤーを作ります。

メニューから「レイヤー → 新規 → 平面」を選び、コンポジションと同じサイズで作成します。

電波（Radio Waves）は平面の色ではなく、線として波紋を描くので、平面の色は何でも構いません。

実践編1：平面レイヤーにRadio Wavesを適用する

サナ

平面レイヤーを作ったら、次は何をすればいいですか？

シン

作成した平面レイヤーを選択して、電波（Radio Waves）を適用します。

まずは細かい調整より、「波紋が出ているか」の確認を優先しましょう。

まずは、電波を使って波紋が広がる動きを作ります。

電波（Radio Waves）は、平面レイヤーを選択して「エフェクト → 描画 → 電波」の順に適用し、プレビュー再生で波紋を確認します。

手順1：平面レイヤーを選択する

タイムライン上で、先ほど作成した平面レイヤーを選択します。

※目的のレイヤーを選択できているか確認してから進めましょう。別のレイヤーを選んでいると、思った場所にRadio Wavesが適用されないので注意です。

手順2：電波（Radio Waves）を適用する

レイヤーを選択した状態で、次の順番で「電波」を適用します。

手順3：プレビューで波紋を確認する

電波（Radio Waves）を適用したら、プレビュー画面を再生してみてください。

初期状態でも、画面中央から多角形の波紋が外側に広がっていく動きが見えるはずです。

手順4：波形の種類は「多角形（Polygon）」にする

電波（Radio Waves）には「波形（Wave Type）」というパラメータがあります。

今回はシンプルな同心円の波紋を作りたいので、「多角形（Polygon）」のままにしておきます。

Q&A：波紋が「カクカクした多角形」に見える場合

サナ

波紋が円じゃなくて、六角形みたいなカクカクした形になっちゃいます……。

シン

これは電波の設定で、多角形の「辺の数（Sides）」が少なめになっていることが原因です。

辺の数を増やすことで、円に近づきますよ。

Q&A：「作成ポイント（Producer Point）」と「位置（Position）」の見分け方

サナ

波形の中心を動かしたいんですけど、似た項目がいくつかあって混乱します……。

シン

電波内の「作成ポイント」と、レイヤーの「位置（Position）」は役割が違うので、混同しないように注意しましょう。

今回の質問は、波形の中心を動かすことが目的なので、操作するのは「電波内の作成ポイント」です。

実践編2：周波数・拡張・寿命・開始幅／終了幅で見た目を整える

サナ

電波は適用できたんですけど、思っていた波紋と違うんですよね……。波紋ってだんだん消えていくイメージというか――。

シン

ポイントは「周波数（Frequency）」「拡張（Expansion）」「寿命（Lifespan）」「開始幅／終了幅（Start Width/End Width）」の4つです。
一気に触ると分からなくなるので、一つずつ操作しながら調整しましょう。

電波の見た目は、周波数・拡張・寿命・線幅を分けて調整すると整理しやすくなります。

周波数と拡張、寿命、線幅（開始幅と終了幅）を操作してみましょう。

周波数（Frequency）：波紋の密度を決める項目

周波数（Frequency）は、1秒間に何本の波紋を発生させるかを決める項目です。

値を上げると波紋同士の間隔が詰まり、にぎやかな見た目になります。下げると、ぽつりぽつりとした静かな波紋になります。

拡張（Expansion）：広がる速さを操作する項目

拡張（Expansion）は、波紋がどのくらいの速さで外側へ広がるかを決める項目です。

値を上げると波紋が一気に画面端まで広がり、勢いのある印象になります。

下げるとゆっくり広がり、静かな水面の波紋のような印象になります。

寿命（Lifespan）：「1本の波紋が消えるまでの長さ（秒数）」

寿命は、1つの波紋が発生してから消えるまでの秒数を決める項目です。

値を上げると同時に画面に残る波紋が増え、重なって見えます。

下げると1本ずつパッと消える印象になります。

開始幅／終了幅：波紋の開始時と終了時の線の太さを決める項目

線幅は、開始幅（Start Width）・終了幅（End Width）で調整します。

開始幅は「波紋が出た直後の線幅」、終了幅は「波紋が外まで広がったときの線幅」を意味します。

同じ値にすれば均一な線、違う値にすればだんだん太く（細く）なる線が作れます。

Q&A：波紋が重なりすぎて見づらい場合

サナ

いろいろ操作してみたら、波紋が見えなくなってしまいました。

シン

「寿命が長い」か「周波数が高い」かのいずれかの原因が考えられます。

波紋が消える前に次の波紋が重なっている状態のときに起きる現象です。

実践編3：作成ポイント（Producer Point）とカラーのキーフレームで動きを足す

サナ

電波を入れたことで、波紋のような見た目には近づいたのだけど……もっと「演出っぽい動き」にならないかしら？

シン

「作成ポイントを動かして発生位置を変える」方法と、「線の色をキーフレームで変化させる」方法を試してみてください。

電波は、作成ポイントと線の色をアニメーションさせると、波紋に演出としての動きを足せます。

手順1：作成ポイントにキーフレームを打って中心を動かす

作成ポイントにキーフレームを打って波紋の中心を動かしてみましょう。

これで、2秒かけて波紋の中心が画面中央から右上へ移動するような動きになります。

手順2：線の色にキーフレームを打って色変化を作る

「カラー」にキーフレームを打って、時間ごとに色を変化させてみましょう。

線（Stroke）グループ内の「カラー」にもキーフレームを打てます。

時間に応じて色を変化させると、波紋の「波の高まり」が色で表現できます。

色のキーフレーム間の補間は、グラフエディターで「イーズイン／イーズアウト」にすると、より滑らかに変化します。

手順3：エクスプレッションで動作を繰り返す

ずっと同じ動きを繰り返したい場合は、エクスプレッションを使うと便利です。

たとえば作成ポイントを画面内で円を描くように動かしたいときは、ストップウォッチマークをAltキー（Mac：Optionキー）を押しながらクリックし、次の式を入れます。

[960 + Math.sin(time*2)*200, 540 + Math.cos(time*2)*200]

Q&A：作成ポイントを動かしているのに波紋の中心が変わらない場合

サナ

作成ポイントの値を変えてみたのですが、画面の波紋の中心が動きません……。

シン

すでに広がってしまった波紋は中心に戻らないので、「今後発生する波紋の中心が変わる」動きになります。

古い波紋がフェードアウトしてから動きを観察すると、変化がはっきりと見えますよ。

Q&A：エクスプレッションでエラーが出る場合

サナ

`Math.sin(time*2)` を入れたのにエラーになりました。

シン

まずはスペルと記号を確認しましょう。ここが一番多いです。

仕上げ：加算モードとグローで波紋を発光させる

Radio Wavesだけでも波紋は作れますが、発光感や水面のような透明感を強めたい場合は、平面レイヤーの描画モードを「加算」に変更すると、波紋が背景に対して明るく浮かび上がります。

さらにふんわりした発光を足したい場合は、グロー（エフェクト → スタイライズ → グロー）を重ねます。Radio Waves本体で波紋の形と動きを整えてから、最後にグローと加算モードで雰囲気を作るのが安定します。

まとめ：Waveは「平面 → 適用 → パラメータ → 動き → 仕上げ」の順番で考える

Waveは、平面レイヤーを作り、Radio Wavesで見た目を整えてから、作成ポイントとカラーの変化を加えると扱いやすくなります。

うまくいかない場合は、この3つをチェックする

ここまでの手順通りに進めても、思った通りに動かない場合は、以下の3点を順番に確認してください。

次に読むおすすめ記事

Waveの基本的な作り方がわかったら、次は関連する表現も確認しておくと、使いどころが広がります。