最初はいまいちピンときませんよねAfterEffectsで何か動きを付けたいときにはキーフレームというものを使いますよね。最初はその使い方がいまいちピンとこないはずです。そこで今回はこのキーフレームについて書いていきたいと思います。Effectsでキーフレームを打ってみるイージングを設定しようエクスプレッションを使って複雑な動きを付けるキーフレームって何なの?どうやって使うの?って思っている方はどんなことができるのか参考にしてみてください。キーフレームについて見ていきましょうキーフレームとはそもそもキーフレームとはどんな時に使うものなのか?っていうことだけど、動きを付けたいときにキーフレームを使います。キーフレームを付けるとどんな感じになるの?レイヤーに四角い点が付きますね。シェイプレイヤーの0秒地点と3秒地点に位置プロパティに対してキーフレームを打つとこんな感じです。左から右に動くようなキーフレームの打ち方になるけど、再生するとこんな感じ。0秒地点・・・画面の左側に位置するようにキーフレームを設定3秒地点・・・画面の右側に位置位置するようにキーフレームを設定この秒数ではこの位置、この秒数ではこの位置っていうのを決めているんだね上記ならそうですねこれはシェイプの位置プロパティに対して適用した例だけど、他のプロパティに対しても考え方は同じでこの秒数ではこの値に設定っていうことをキーフレームでは行っています。AfterEffectsでキーフレームを打ってみる例えば不透明度にもキーフレームを打ってみる位置プロパティに対してしか打っていなかったキーフレームを不透明度に対しても打ってみます。レイヤーを開いて不透明度の左にあるボタンをクリックするとキーフレームを打つことができる。点滅しながら右に移動するようになったねキーフレームの打ち方次第で色々変わりますこんな風にキーフレームは複数のプロパティに対して加えていくことができます。複雑なアニメーションになればなるほど、キーフレームの数は多くなっていきますね。イージングを設定しようイージングって何?動きを滑らかにするものですね同じアニメーションでイージングありとなしを比べてみましょう。設定方法は簡単で、設定したいキーフレームを右クリックしてイージーイーズを選択すればOK。(選択してF9の方が便利だよ)イージーイーズ・・・加速と減速の両方(これを使う場合が多いと思う)イージーイーズイン・・・加速イージーイーズアウト・・・減速イージーイーズを設定するとキーフレームが砂時計の形になります。それぞれ設定してみてどんな動きになるのか確かめてみるのがいいと思います。イージングを好みに設定するイージーイーズを設定することはよくあるけど、この滑らかな動きは自分でもっと好みに設定することができます。キーフレームを選択してグラフエディターを出してみましょう。なんやこのグラフこれがキーフレームで設定したアニメーションの動きを表しています適当にグラフを動かしてみると、アニメーションの動きも変わってくれることが分かりますね。ちなみにイージーイーズがかかったキーフレームたちをグラフエディタで見ると、直線ではなく始まりと終わりが滑らかになっているのが分かりますね。より好みに設定したいときはグラフエディターいじるといいのねはいより好みのイージングにしましょうグラフエディターをいじるとアニメーションの動きが色々変わって面白いです。好みのアニメーションになるようにいじってみるといいでしょう。エクスプレッションを使って複雑な動きを付ける正直イージーイーズ設定していれば、それっぽい動きになると思うのでそれだけでもいいかなと思いましたが、エクスプレッションについても書いておきます。エクスプレッションとはエクスプレッションはプログラムを使ってアニメーションを制御するもので、より複雑な動きなんかを実現するときには有用です。いうアニメーションを自分でキーフレームを打って作るとなると大変ですよね。100)というプログラムを仕込んだだけです。wiggleは振動っぽい動きをさせたいときに使えるもので、上記だと10回/秒で100ピクセル振動させるっていう指定になります。このエクスプレッションはかなりの種類がありますが、例えばこんなのがあります。一度どんなものがあるのか気になったら調べてみるといいですよ。エクスプレッションの適用方法エクスプレッションを設定したいときにはそれぞれのプロパティの左側にあるボタンをAltキーを押しながらクリックします。するとプログラムを入力する箇所が出てくるので、そこに入力してやればいいだけです。これだけで複雑な動きを作れるのは便利だねそうですね、入力するだけですからね何か複雑な動きを作りたいときに、そういったエクスプレッションが何かないか調べてみるといいです。したらキーフレームをそこまで打たなくても実現できるかもしれません。まとめAfterEffectsのキーフレームについてちょっと書いてみたけどどうだったろうか。キーフレーム使えば、AfterEffeectsでは動きを付けられるんだなぐらいは分かってもらえればいいかなと思っている。今回はこんな内容でした。Effectsでキーフレームを打ってみるイージングを設定しようエクスプレッションを使って複雑な動きを付けるキーフレーム打ちまくっていろんなアニメーション作ってみてください。...AfterEffectsAfterEffectsでGIF動画を書き出す方法を紹介します。AfterEffectsでGIF動画として書き出すっていうことをこの記事ではやっていきます。何かを作る際の参考になりそうな情報を記載します。