• TOP
  • CATEGORY
    クリエイター
  • TITLE
    前回はキーフレームによるシェイプのアニメーションを行ってきましたが、アニメーションする為に設定すべきキーフレームが最低限で済むのは「補完機能」がある為でした。今回は、この補完機能についてもっと詳しく見ていきたいと思います。
CATEGORY
クリエイター

【Adobe AfterEffects初心者必見!】アニメーションロゴを作る為には? 【キーフレームの補完機能編】

  • DATE
    2019.01.16
  • WRITTEN BY
    あおい

ZEFT G27RF

219,800円(税込)

編集部が選ぶおすすめのBTO PC!
高FPSでのゲームプレイや実況、動画編集をすべて一台で。万能型スペックのゲーミングPCです。

12コアのCore i7×RTX3060Ti×32GBメモリを組み合わせにより、ゲーム+αの用途でも活躍するゲーミングPC。

>> 関連記事 :Adobe AfterEffects:アニメーションロゴを作る為には? 【キーフレームとモーションコントロール編】


  • ZEFT

    G27RF


    ・フルHD解像度×平均144以上のFPSを維持してApex Legendsをプレイできるスペック。本格派ゲーマー向け。

  • サイコム

    Lepton WS3500Z790-A/D5 Stream Box


    ・配信者向けハイエンド水冷PC

  • STORM

    PG-PXT13


    ・最高グレードの4090を採用しており4Kゲーミングで究極の性能を実現します。

  • arkhive

    GC-I9G49R AG-IC24Z79AGL9-FT


    ・特徴的なフロントデザインで優れたエアフローを実現するFractal Design製ケースを採用!高速NVMe Gen4 SSDデュアル搭載に加え、帯域幅が向上したDDR5メモリーを搭載!

  • THIRDWAVE

    Magnate GE


    ・大容量ミドルタワーケースにフルサイズのグラフィックボードを後付可能

キーフレーム間の補完機能とは?

では、キーフレームの補完機能について説明していきますが、その前におさらいしておきましょう。もし、補完機能が無かったらアニメーションの設定はどうなるでしょうか?例えば、1秒間に30フレームの画像があるとしたら、10秒間かけてA地点からB地点に移動するアニメーションを作る場合、キーフレームは300も作らないといけません。

気が遠くなりますね。キーフレームの補完機能があるおかげで、最低2つのキーフレームで上記の動きができてしまいます。もう少し具体的に言うと、例えば0秒にキーフレームを作って座標0として、10秒に2つ目のキーフレームを作って座標100とすると、1秒の時点ではいくつになりますか?

そう、10分の1進んでいるはずなので、座標10にいるはずですね。このようにコンピュータが計算をして、その時間にどの位置にいるのかを自動的に割り出す機能、これがキーフレームの補完機能です。

 

 

 

キーフレームの補完機能には種類がある?

こんな便利なキーフレームの補完機能ですが、A地点からB地点まで単純に一定に動くだけでは面白みがありません。実は、設定により様々な動きを再現することができます。また、補完機能には「時間補完法」と「空間補完法」がありますが、今回はタイムライン上の時間に影響するアニメーションを見ていくので時間補完法にて説明していきます。

 

リニア補完:

これは、キーフレーム間を一定の変化率で補完していく方法です。前回作成した四角が動くアニメーションで使った最もスタンダードな補完方法です。動きが一定なので機械的な印象になります。

 

ベジェ補完:

これは、キーフレーム間の変化率を可変することによって緩急をつけることができる補完方法です。キーフレーム間の移動をグラフ上で確認できるグラフエディタを表示することで、ベジェ補完した二つのキーフレームに「方向ハンドル」が表示され、この方向をカスタマイズすることにより複雑な動きを再現することもできます。

 

自動ベジェ補完:

キーフレーム間をスムーズな曲線で結んで、変化率をスムーズにする補完方法です。

 

連続ベジェ補完:

基本的に自動ベジェ補完と同様ですが、方向ハンドルを手動で設定することができます。

 

停止補完:

これは、今までと異なりキーフレーム間の補完を行いません。代わりに一つ目のキーフレームの値を次のキーフレームまで保持するというものです。

 

 

 

難しいことを考えずに使えるキーフレーム補完

いろんな補完方法があってよく分からない…という方もいらっしゃるのではないでしょうか。そうゆう時は、難しいことは考えず「イージーイーズ」という機能を使ってみてください。これはキーフレームの起点(イン)や終点(アウト)を自動的にスムーズに動かしてくれる機能です。

例えば、車が停止状態から加速する時はアクセルを踏むことで徐々に加速しますよね、これが「イージーイーズイン」です。逆に止まる時はブレーキを踏むことで徐々に速度が落ちていき最終的には止まります。これは「イージーイーズアウト」です。

これは、対象のキーフレームを選択してボタンを一つ押すだけで設定できるので是非とも覚えておいて頂きたい機能です。

こちらは前回作成したアニメーションに「イージーイーズイン」と「イージーイーズアウト」を設定した結果のアニメーションです。スムーズに加速してスムーズに止まっているのが分かります。このようにキーフレームの補完は設定次第で様々な動きを実現できるという訳です。

>> 関連記事 :Adobe AfterEffects:アニメーションロゴを作る為には? 躍動感を出すには【モーションブラー編】

 

 

 

まとめ

今回は、キーフレームの補完方法について見てきました。キーフレームとキーフレーム補完法は切っても切れない密接な関係にありますので、是非とも併せて覚えておいてください。もちろん、AfterEffects に限らず 3DCGにも補完法が使われますので、この考え方を理解することは十分な価値があります。次回はアニメーションをよりカッコよくする為に躍動感を付ける方法をお伝えしていきたいと思います。

今おすすめのBTOパソコン

これまでの比較・検証を踏まえて、BTOおすすめ人気ランキングを発表します。なお、それぞれの検証項目に重み付けをしてランキングを作成しました。

※11月30日時点の価格
商品
価格 CPU GPU メモリー SSD HDD 電源
ZEFT

G27RF

Corei7-12700 RTX 3060Ti 32GB (16GBx2枚) 500GB (M.2) 750W Gold
サイコム

Lepton WS3500Z790-A/D5 Stream Box

Core i7 13700K RTX3060Ti 32GB 1GB 750W GOLD
STORM

PG-PXT13

Core i7-13700K RTX4090 16GB 1TB 1200W GOLD
arkhive

GC-I9G49R AG-IC24Z79AGL9-FT

Core i9-13900KF RTX 4090 32GB 1TB+2TB 1200W
THIRDWAVE

Magnate GE

Core i7-12700 16GB 500GB 550W BRONZE

BACK TO LIST

見た目良し!スペック良し!なサイコムのBTOパソコンを、女性自作erでもあるストリーマー・つつまるがレビュー!【PR】

自作erも納得の性能!eスポーツキャスター・平岩康佑がGALLERIA(ガレリア)のBTOパソコンをレビュー【PR】

FPSプロゲーマー・GorouがツクモのゲーミングPC「G-GEAR Aim」をレビュー!Apexでの無双プレイもお任せ【PR】

FPS界屈指の実力派・GreedZzも納得!arkのゲーミングPC「arkhive」の性能をApexで体験【PR】

FPS初心者にこそおすすめ!プロゲーマー・keptがパソコン工房のゲーミングPC「LEVEL∞」の実力をApexで試してみた 【PR】

Apexプレデター・Lightも大満足!FRONTIERのBTOパソコンの実力を検証してみた【PR】

【エルデンリング】推奨Ping値・重いときにラグを減らす方法まとめ

【FF14】Ping値の確認方法とレイテンシが高いときの対処法

【原神】Ping値の確認方法とレイテンシが高いときの対処法

【フォートナイト】Ping値の確認方法とレイテンシが高いときの対処法

【Apex Legends】Ping値の確認方法とレイテンシが高いときの対処法

原神に必要な通信速度(回線速度)・Ping値・ラグ改善のコツまとめ

フォートナイトに必要な通信速度(回線速度)・Ping値・ラグ改善のコツまとめ

Apex Legendsに必要な通信速度(回線速度)・Ping値・ラグ改善のコツまとめ

ELDEN RING(エルデンリング)の推奨スペック&ベンチマークとおすすめグラボまとめ

FF15の推奨スペック&ベンチマークとおすすめグラボ・CPU・ゲーミングPCまとめ