After EffectsとCharacter Animatorでイラストを動かす連携術【2026年版】
kitagawatetsuro
白い鴉（しろいからす）
After EffectsのConvert Audio to Keyframesの使い方【2026年版】音声波形を自動でキーフレーム化する
kitagawatetsuro
記事内に商品プロモーションを含む場合があります
音楽のビートに合わせて図形を弾ませたり、声の音量に合わせてキャラクターの口や吹き出しを動かしたい……。そんな「音に合わせた動き」は、After Effects標準の「Convert Audio to Keyframes」機能でキーフレームを打たずに自動生成できます。
🎞 After Effects
🔰 中級
🎵 オーディオ連動
🔰 中級
🎵 オーディオ連動
✅ 結論：Convert Audio to Keyframesでヌルを作り、ピックウィップでつなぐだけ
「アニメーション」→「キーフレームアシスタント」→「Convert Audio to Keyframes」を実行すると、コンポジション内の音量変化がキーフレーム化された「Audio Amplitude」ヌルが作られます。動かしたいレイヤーのプロパティにこのヌルのスライダーをピックウィップでつなぐだけで、音に合わせて動く演出になります。
Audio Amplitude
ヌルの仕組みピックウィップで
つなぐ手順コピペで使える
エクスプレッションVTuber配信での
活用例
ヌルの仕組みピックウィップで
つなぐ手順コピペで使える
エクスプレッションVTuber配信での
活用例
📋 この記事の要約
「Convert Audio to Keyframes」は、音声レイヤーの音量変化を自動でキーフレーム化し、「Audio Amplitude」という名前のヌルオブジェクトを作ってくれる機能です。このヌルのスライダー値をエクスプレッションでピックウィップすれば、音に合わせて図形や画像を動かす演出が手動でキーフレームを打たずに作れます。VTuberの配信素材では、音量に反応するリアクション演出などに応用できます。
Table of Contents
🎵 Convert Audio to Keyframesとは
「Convert Audio to Keyframes」は、コンポジション内の音量変化を解析し、自動でキーフレーム化してくれるキーフレームアシスタント機能です。実行すると「Audio Amplitude」という名前のヌルオブジェクトが新しく作られ、その中に左チャンネル・右チャンネル・両チャンネルの3つのスライダーが、音量に合わせてキーフレーム済みの状態で入っています。
このスライダーの値そのものをアニメーションに使うのではなく、他のレイヤーのプロパティにエクスプレッションで参照させることで、「音に合わせて動く」演出を作ります。
💡 1つの音声だけを反映させたいポイント：この機能は「選択したレイヤーの音声だけ」を変換するのではなく、コンポジション内で音声がオンになっている全レイヤーの音をまとめて解析します。BGMとナレーションなど複数の音声レイヤーがある場合、特定の音だけに反応させたいなら、他の音声レイヤーの音声スイッチ（スピーカーアイコン）を一時的にオフにしてから実行しましょう。
こっこちゃん「音楽に合わせて手動でキーフレーム打つの、地味に大変で……」
白い鴉「それ、Convert Audio to Keyframesを使えば自動でできるよ。音量の波形をそのままキーフレームにしてくれるから、手打ちする必要がなくなるんだ」
🖱 基本の使い方
手順はシンプルです。
- コンポジションに音声ファイルを読み込み、タイムラインに配置する
- 反映させたくない音声レイヤーがあれば、そのレイヤーの音声スイッチ（スピーカーアイコン）をオフにしておく
- コンポジションパネルをアクティブにした状態で、メニューの「アニメーション」→「キーフレームアシスタント」→「Convert Audio to Keyframes」を選ぶ（音声レイヤーを右クリックしても同じ項目が出ます）
- 「Audio Amplitude」という名前のヌルオブジェクトが新しく作られる
- そのヌルを選択すると、Left Channel・Right Channel・Both Channelsという3つのスライダーエフェクトが確認できる
💡 「Both Channels（両チャンネル）」は左右の音量を合成した値なので、迷ったらまずこれを使うのがおすすめです。左右で違う演出を分けたい時だけLeft/Right Channelを使い分けます。
🔗 エクスプレッションで動きに反映させる
Audio Amplitudeのスライダー値は、そのままではただの数値です。動かしたいレイヤーのプロパティ（スケール・不透明度など）に、エクスプレッションのピックウィップ（渦巻きアイコン）でつなぐことで初めて「音に合わせて動く」演出になります。
- 動かしたいレイヤーのプロパティ（例：スケール）で、Alt（Windows）/ Option（Mac）を押しながらストップウォッチアイコンをクリックしてエクスプレッションを有効にする
- 表示されたピックウィップのアイコンを、Audio Amplitudeレイヤーの「Both Channels」のスライダー数値へドラッグしてつなぐ
音量にそのままスケールを合わせる
temp = thisComp.layer("Audio Amplitude").effect("Both Channels")("Slider"); [temp,temp]
音量を70〜150%の範囲にマッピングしてスケールを動かす
audioLev = thisComp.layer("Audio Amplitude").effect("Both Channels")("Slider"); linear(audioLev, 0, 50, 70, 150)
💡 2つ目の
linear()式は、音量の想定範囲（0〜50）を、実際に見せたいスケール範囲（70〜150）に変換してくれます。声が小さいのに動きが大きすぎる・逆に動きが物足りない時は、この0〜50の数値を自分の音声に合わせて調整しましょう。こっこちゃん「音が小さい時と大きい時で、動きの差があんまり感じられません……」
白い鴉「それ、linear()の数値の範囲が自分の声の音量と合ってないのかも。想定より小さい値にしてみると、動きの差がはっきり出やすくなるよ」
🎙 VTuber配信素材での活用例
この仕組みは、配信・切り抜き用の素材制作でよく使われます。
- 音量に反応する装飾：声の大きさに合わせて背景の光やパーティクルの大きさを変える演出
- 簡易的な口パク風エフェクト：立ち絵素材のリアクションアイコンやテロップ枠を、音量に応じて拡大縮小させる
- BGMに合わせたロゴ・OPアニメーション：音楽のビートに合わせてOP動画の要素を弾ませる
ただし、Live2Dモデル本体の口パクはこの機能ではなく、VTube Studio側のリップシンク機能で行うのが基本です。あくまで「後から動画編集ソフト側で加える演出」向けの機能だと考えてください。
❓ よくある質問
💡 Convert Audio to Keyframesの仕様はAdobe公式ヘルプ「Assorted animation tools in After Effects」にも詳しくまとまっています。
Q. Convert Audio to Keyframesを実行後、音声を差し替えたらキーフレームは自動で更新されますか？
A. されません。音声ファイルを差し替えた場合は、古いAudio Amplitudeヌルを削除し、新しい音声レイヤーに対してもう一度Convert Audio to Keyframesを実行する必要があります。
Q. 動きがガクガクしてなめらかになりません
A. 音量の変化がそのままキーフレームになるため、細かく振動しやすい傾向があります。エクスプレッションにsmooth()を組み合わせたり、生成したキーフレームを選択してイージングをかけると滑らかになります。イージングの基本はAfter Effects イージング入門を参考にしてください。
Q. エクスプレッション自体がよく分かりません
A. ピックウィップで繋ぐだけでも十分使えますが、仕組みから理解したい場合はAfter Effectsのエクスプレッション入門もあわせて読んでみてください。
📌 あわせて読みたい：After Effectsで音が出ない時の直し方
📋 まとめ
- Convert Audio to Keyframesは、音声の音量変化を自動でキーフレーム化し「Audio Amplitude」ヌルを作る機能
- ヌルのスライダー値をピックウィップでプロパティにつなぐことで「音に合わせて動く」演出になる
linear()で音量の範囲を見せたい動きの範囲にマッピングすると調整しやすい- 音声を差し替えたら、ヌルも作り直す必要がある
- Live2D本体の口パクはVTube Studio側の機能。この記事の手法は動画編集側の演出に使う
次に読む記事
エクスプレッションの基本から知りたい方はAfter Effectsのエクスプレッション入門、動きを滑らかにしたい方はAfter Effects イージング入門、テロップアニメーションと組み合わせたい方はAfter Effectsのテキストアニメーション入門もおすすめです。
