After Effectsでシンプルなオーディオスペクトラムを作る方法

「音楽に合わせて映像を動かす」ことをやってみたくて調べたところ、After Effectsを使うとオーディオスペクトラムが簡単に作れることが分かりまして、早速作ってみました。

After Effectsについてよく分かってない方でも、シンプルなものであればサクッと作れますので、参考になれば幸いです。

After Effectsで作るオーディオスペクトラム幅いっぱい型

まずオーディオスペクトラムとは何を指しているかというと、こちらの動画の中央に浮かんでいる円形のグラフみたいなものです。

上記のオーディオスペクトラムはいろいろと加工してますが、今回はシンプルなものの作り方に留めておきます。

まずは新規コンポジションを作成します。ショートカットは「⌘＋N」です。画面の大きさやフレームレートはお好みで良いですが、僕は「1920×1080 / フレームレート29.97」にしてます。デュレーションは楽曲の長さに合わせます

「⌘＋Y」で平面を作成します。適当な名前を付けておきましょう。

「エフェクト＆プリセット」の検索欄で「オーディオ」と検索し、オーディオスペクトラムを表示させて、先ほど作った平面にドラッグ＆ドロップして適用させます。

ここでアニメーションさせるトリガーとなる楽曲データをタイムラインに放り込んでおきます。

オーディオスペクトラムを適用した平面に戻り、一番上にある「オーディオレイヤー」の2つあるプルダウンの左側で、先ほど放り込んだ楽曲のデータを指定します。

これで楽曲に合わせて動くオーディオスペクトラムが作成できました。ここからは好みでパラメーターをいじっていきましょう。

主に触りたいのはこの辺り。

主要なパラメーターについてテキストでも解説しておきますね。

開始・終了ポイント	左の値を「開始：0 / 終了：1920」に設定すると画面幅いっぱいに広がる。
終了周波数	高域まで指定すると派手に見えないことが多いので、500あたりから調整するのがおすすめ。
周波数バンド	線の数。1000を超えたあたりから液体状に見えてくるので見せたいデザインをここで決める。
最大高さ	文字通り高さを決める。デザインによって調整。
太さ	周波数バンドの太さ。こちらもデザインに強い影響を与えるパラメーター。
内側のカラー・外側のカラー	色を指定。
表示オプション	デジタル・アナログライン・アナログドットから選択。デザインを決める要素。
サイドオプション	両側・片側(内)・片側(外)から選ぶ。こちらもどのように見せたいかによって選択。