After Effectsのグラフエディターについてお探しですね。
広告
After Effectsのグラフエディターで、プロっぽい動きを作ろう
After Effectsでキーフレームを打っただけのアニメーションって、なんだか機械的でカクカクした印象になりませんか？プロが作ったような滑らかで気持ちいい動きにするには、位置やサイズを変えるだけじゃなくて、「どこで速くなって、どこで遅くなるか」という速度の調整が大事なんです。
この記事では、After Effectsのグラフエディターの基本的な使い方から、速度グラフを使った自然な動きの作り方まで、初心者の方にも分かりやすく説明していきます。
グラフエディターって何？なんで大事なの？
After Effectsのグラフエディターは、キーフレーム間の動きをグラフで見ながら、速度や変化を細かく調整できる機能です。
普通のタイムライン表示だと、キーフレームがどこにあるかは分かるんですけど、その間でオブジェクトがどんなふうに加速して、どう減速しているのかまでは直感的に分かりにくいんですよね。
グラフエディターを使えば、ただ「動いた」「大きくなった」というだけじゃなくて、重さや勢い、余韻のあるアニメーションが作れるようになります。
例えば、画面の外からテキストがスーッと入ってくる動きを作るとします。
一定の速度で移動させると、なんだか単調で安っぽく見えちゃうんです。
でも、最初は速く入ってきて、最後にゆっくり止まるように調整すると、見ている人の目に自然で気持ちいい動きとして映ります。
こういう「最初は速い」「最後は遅い」っていう速度の変化を、目で見ながら調整できるのがグラフエディターの便利なところです。
After Effectsには「イージーイーズ」っていう便利な機能があるんですけど、それだけで完璧な動きになるわけじゃないんです。
イージーイーズは自動で加減速をつけてくれる機能なんですが、動きのキレとか余韻を細かく作り込むには、速度グラフを直接いじる必要があります。
プロのモーショングラフィックスでは、キーフレームの位置だけじゃなくて、グラフの山の高さや傾き、ハンドルの長さまで意識して動きを作るのが普通なんです。
グラフエディターを使いこなせるようになると、表現の幅が広がるだけじゃなくて、動きが不自然に見える原因も見つけやすくなります。
急にガクッと止まる、途中で変な間ができる、スピード感が足りない…こういう問題って、グラフを見ると原因が分かりやすいんです。
つまり、グラフエディターは上級者向けの難しい機能というより、アニメーションの質を安定させるためのチェックツールでもあるんですね。
グラフエディターの基本的な使い方
グラフエディターを開くには、まずタイムライン上でアニメーションをつけたレイヤーを選んで、調整したいプロパティのキーフレームを表示させます。
位置、スケール、不透明度、回転など、キーフレームが打てる項目なら基本的にグラフエディターで調整できます。
それから、タイムライン上部にあるグラフのアイコンをクリックすると、普通のキーフレーム表示からグラフ表示に切り替わります。
グラフエディターには主に「値グラフ」と「速度グラフ」っていう2種類があります。
値グラフは、時間が経つにつれて数値がどう変化しているかを示すグラフです。
例えば位置のY座標が上から下に変わる、スケールが100%から120%に変わる、みたいな数値そのものの動きを見るのに向いてます。
一方で速度グラフは、キーフレーム間でどれくらいの速さで変化しているかを示すグラフです。
最初に覚えておいてほしいのは、速度グラフを使う場面がめちゃくちゃ多いってことです。
特にモーショングラフィックスやテキストアニメーションでは、動きの印象を決めるのは値そのものより速度の変化なんです。
位置がどこからどこへ移動するかは同じでも、速度グラフの形が違えば、動きは全然別物に見えます。
プロっぽいキレのある動きとか、柔らかく止まる動きは、速度グラフの調整で作ると考えると分かりやすいですよ。
表示の切り替えは、グラフエディター下部にある「グラフの種類とオプション」から行います。
ここで「速度グラフを編集」か「値グラフを編集」を選べます。
自動選択になってる場合、選んだプロパティによって表示が変わることがあるんですけど、最初のうちは自分で速度グラフに切り替えて確認するのがおすすめです。
あと、グラフが見づらいときは「グラフの高さを自動ズーム」とか「選択したプロパティを表示」を使うと、目的の線が見つけやすくなります。
基本的な操作としては、キーフレームを選んで、表示されるベジェハンドルを左右に伸ばしたり縮めたりして調整します。
ハンドルを長くすると、そのキーフレーム付近の加減速が滑らかになって、短くすると変化が急になります。
グラフ上の点がキーフレーム、線の傾きや山の形が速度の変化を表してるって考えると、最初は理解しやすいと思います。
細かい数値より、まずはグラフの形とプレビューの動きを見比べることが上達の近道です。
速度グラフで自然なイージングを作る手順
速度グラフを調整する前に、まず基本となるキーフレームを2つ以上設定します。
例えば、テキストを左から中央へ移動させる場合、スタート位置とゴール位置に「位置」のキーフレームを打ちます。
この状態だと、初期設定では一定速度に近い動きになりやすくて、動き出しも止まり方もちょっと硬く見えちゃいます。
そこでキーフレームを選択して、右クリックから「キーフレーム補助」の中の「イージーイーズ」を適用して、加減速のベースを作ります。
イージーイーズを適用したら、グラフエディターを開いて、速度グラフに切り替えます。
速度グラフでは、縦方向が速度、横方向が時間を表します。
グラフの山が高いほどその瞬間の速度が速くて、低いほど遅いってことです。
つまり、山を高くすればキビキビした動きになるし、山を低くなだらかにすれば落ち着いた動きになります。
プロっぽい動きを作るには、この山の位置と形を意識するのが大事なんです。
基本的な調整の考え方は、スタート側とゴール側のどっちに余韻を持たせるかを決めることです。
例えば、勢いよく登場してピタッと止めたい場合は、スタート直後に速度が上がって、終わる直前で急に減速するようなグラフにします。
逆に、ふわっと動き出して自然に止めたい場合は、スタートとゴールのハンドルを長めにして、速度の変化を滑らかにします。
どっちが正解ってわけじゃなくて、映像の雰囲気や素材の重さに合わせて選ぶのが大切です。
速度グラフを調整するときは、こんな流れで進めると失敗しにくいですよ。
– キーフレームを打って、まずは普通の動きを確認する
– イージーイーズを適用して、加減速の基礎を作る
– 速度グラフでハンドルを調整して、山の高さと位置を整える
– RAMプレビューで実際の見え方を確認して、必要に応じて微調整する
特に大事なのは、グラフだけ見て完成って判断しないことです。
速度グラフの形がきれいでも、映像全体のテンポに合ってなかったら違和感が出ちゃいます。
背景の動き、BGMのリズム、前後のカットとのつながりによって、ベストな速度は変わるんです。
グラフエディターは正解の形を作る機能じゃなくて、自分が作りたい印象に近づけるための調整道具として使うのが実践的です。
あと、位置アニメーションでは「次元を分割」を使うと調整しやすくなる場合があります。
位置プロパティは普通、X軸とY軸がまとめて扱われてるんですけど、次元を分割するとX位置とY位置を別々に調整できるんです。
横移動だけ、縦移動だけの速度を個別に管理できるから、複雑な動きでもグラフが読みやすくなります。
ただ、全部のアニメーションで必要ってわけじゃないので、動きが思い通りにコントロールしにくいときの選択肢として覚えておくと便利ですよ。
プロっぽく見せるコツと、やりがちな失敗
プロっぽい動きを作るうえで大事なのは、全部の動きに同じイージングをかけないことです。
最初のうちは、どのキーフレームにも同じようにイージーイーズをかけちゃいがちなんですけど、それだけだと単調な印象になっちゃいます。
軽いテキスト、重いロゴ、弾むアイコン、滑る背景では、それぞれ必要なスピード感が違うんです。
素材の重さや役割を考えて、動き出しと止まり方を変えることで、映像全体に説得力が生まれます。
例えば、軽いテキストは短い時間でサッと動かすと相性がよくて、速度グラフの山もちょっと高めに作るとキレが出ます。
一方で、大きなロゴや写真みたいに重さを感じさせたい素材は、急に動かすと不自然に見えちゃうから、加減速をやや長めに取ると安定します。
動きの物理的な説得力を意識すると、見てる人は無意識に「自然な動き」として受け取りやすくなるんです。
これは単なる装飾じゃなくて、映像の見やすさにも関わる大事なポイントです。
よくある失敗の一つが、速度グラフのハンドルを極端に伸ばしすぎることです。
ハンドルを長くすると滑らかな動きになるんですけど、伸ばしすぎると動き出しが遅すぎたり、止まる直前に変な粘りが出たりします。
あと、キーフレーム間の距離が短いのに強いイージングをかけると、動きが詰まって見えることがあります。
気持ちいい動きを作るには、グラフの形だけじゃなくて、キーフレーム同士の時間間隔も合わせて調整する必要があるんです。
もう一つの失敗は、全部の動きに余韻を入れすぎることです。
余韻のある動きは高品質に見えやすいんですけど、使いすぎるとテンポが悪くなっちゃいます。
特にSNS動画とか広告動画みたいに短時間で情報を伝える映像では、動きがゆっくりしすぎると見てる人が内容を把握する前に離脱しちゃう可能性があります。
大事な文字やロゴはしっかり見せつつ、装飾的な要素はテンポよく動かすとか、役割に応じた速度設計が必要なんです。
速度グラフで迷ったときは、こんな基準で調整すると判断しやすくなりますよ。
– キレを出したい動きは、速度の山を高めにして移動時間を短くする
– 柔らかく見せたい動きは、ハンドルを長めにして加減速を滑らかにする
– 重さを出したい素材は、急発進・急停止を避けて余裕のある動きにする
– テンポを優先する場面では、過度な余韻を削って全体のリズムを整える
最終的には、グラフエディターの調整は「見た目の気持ちよさ」を確認しながらやる作業です。
数値やグラフの形に正解があるわけじゃなくて、映像の目的によって適切な動きは変わります。
企業VPなら落ち着いた加減速、YouTubeのテロップならテンポのいい動き、モーショングラフィックスならメリハリの強い動きが合うことが多いです。
自分が作りたい印象を先に決めて、その印象に合わせて速度グラフを整えると、調整の方向性がブレにくくなります。
まとめ
After Effectsでプロの動きを作るには、キーフレームを打つだけで満足しないで、グラフエディターで速度を設計することが欠かせません。
まずはイージーイーズで基本の加減速を作って、速度グラフで山の高さ、ハンドルの長さ、止まり方を調整してみてください。
慣れてくると、同じ素材でも速度のつけ方だけで印象がガラッと変わることに気づけます。
グラフエディターは最初こそ難しく見えるかもしれないですけど、動きの質を一段上げるための超実用的な機能の一つです。
ぜひ使ってみてくださいね！
広告
