基礎の基礎 アニメーション

【キー・空間補間法】思うように動かない時に設定を確認してみよう!

超解読AE! |空間補間法の違いと設定方法
位置にアニメーションを付けて動かしたときに思うような軌道を描いてくれないのですが、何か対策はありますか?
A子さん
E太郎
もしかすると、キーフレームの「空間補間法」の設定が原因かもしれません。ビギナーさんだと意外と見落としやすい設定だったりするので、今日は一緒にチェックしてみましょう!

キーフレームの補完法の種類

以前、アニメーションの調整方法について解説した記事でキーの補間について説明しました。

  • リニア
  • ペジェ
  • 停止

実は、このキーフレームの設定以外にAEでは「空間補間法」というものも設定できるようになっています。

空間補間法にも「リニア」と「ペジェ」があり、使い分けることで動きの感じが変わったりします。

E太郎
今回は空間補間法の違いと、設定方法について確認していきましょう!

空間補間法の違いと設定方法

空間補間法の違い

空間補間法の2種類の違いを実際にアニメーションしたもので見比べてみましょう。

ただの丸いシェイプを三角に移動させているだけの単純なアニメーションです。

点線で作った三角形の3つの「角」がキーを打った位置です。

空間補間法・リニア

空間補間法・リニア

空間補間法・ペジェ

空間補間法・ペジェ

位置に設定しているキーフレームはどちらも同じ「♦のリニアキー」で、タイミングなども全く同じなのですが、「空間補間法・ペジェ」の方が動きが少し膨らんでいます。

これが空間補間法の違いで「リニア」はキーからキーへまっすぐ直線的に進むのに対して、「ペジェ」は丸く滑らかな軌道になるように補間してくれます。

「直線を描きたかったのに、何だか膨らんだ動きになってしまう・・・」と感じている人はこの設定を直してあげるとうまくいくと思いますので確認してみてくださいね。

E太郎
作りたい動きのイメージによっては使い分けしたほうがきれいに軌道を作ることが出来るのでしっかり覚えておきましょう!

設定方法

補間法設定ウィンドウ

設定をしたいキーを選択した状態で

メニューのアニメーション > キーフレーム補間法 を選ぶか

Windows : Ctrl + Alt + K

MacOS : Command + Option + K

で設定ウィンドウが開きます。

出てきたウィンドウの真ん中の項目「空間補間法」で変更が出来ます。

リニアは1つですが、ペジェは

  • ペジェ
  • 連続ペジェ
  • 自動ペジェ

の3種類あります。

ペジェ

ノーマルなペジェ

通常の「ペジェ」です。

ハンドルを動かすとわかりやすいのですが、片側ずつ調整ができます。

前(もしくは後ろ)のキーがリニアだったりすると片側はまっすぐなまま、片側をカーブに出来たりするので便利です。

 

連続ペジェ

連続ペジェ

ハンドルを動かしたときに、通常の「ペジェ」とは違い反対側も自動で調整をしてくれるペジェです。

全体的にカーブな軌道を作りたい時はこちらを使用するときれいに出来るかと思います。

自動ペジェ

自動ペジェ

基本的に自動調整してくれるペジェです。

ハンドルがついていないように見えるのですが、実は小さい〇でハンドルが表示されています。

(ハンドルを触って調整するとそのキーは「連続ペジェ」になります)

E太郎
基本は正直どれでも良いかなという印象ですが、使いやすいものをお好みで使ってみてください!

環境設定で基本がどちらか設定できる

環境設定で初期の補間方法が設定できる

空間補間法は「最初に動きを付けたときリニアとペジェどちらにするか」を環境設定で指定しておけます。

メニューの編集 > 環境設定 > 一般設定 で

初期設定の空間補間法にリニアを使用

にチェックを入れると動きを付けたときに、リニアになるようになります。

この設定は初期状態だとチェックがついていないはずなので、通常はペジェになるのですがビギナーのうちは意外と使いにくかったりするのでリニアにしておいた方がおすすめです。

(もちろん、使いやすい方をお好みで使ってOKです!)

E太郎
知らないとなかなか気にしない項目ですが、このチェック一つで結構動きが違ったりするので是非確認してみてください!

まとめ:作りたい動きに合わせて使い分けてみて!

時間の補間法は理解していましたが、空間補間法までは知らなかったので確認してみます!
A子さん
E太郎
アニメーションに慣れてくると理解できますが、なかなか最初は気が回らないポイントのひとつです。ぜひ活用してみてくださいね!

アニメーションについて理解を深める!

超解読AE! |グラフエディターは簡単!動きを理解していれば今日からアニメーションが生き生きと生まれ変わる!
【グラフエディター】グラフの見方がわかればアニメーションは簡単になる!

続きを見る

-基礎の基礎, アニメーション
-, ,