After Effects

【After Effects】キーフレームをコピペしなくてもアニメーションをループさせる方法!!

サムネイル

こんにちは。

皆さんはアニメーションをループさせたいと思った事はありませんか?

僕は今までアニメーションをループさせたいと思った時はキーフレームをコピペして対応していました。

でもそんな事しなくてもAfter Effectsなら簡単にアニメーションをループさせる方法があったんです!!

ジフ1

今回はその方法を解説したいと思います。

【今回の記事を見てわかる事】
・キーフレームをコピペしなくてもアニメーションをループさせる方法
それでは見ていきましょう。

エクスプレッションを利用してアニメーションをループさせる

After Effectsでアニメーションする時、目標物にキーフレームを打って動かす従来の方法とエクスプレッションで動かす方法があります。

エクスプレッションとはプログラミング言語のようなもので命令文を書き込む事によってアニメーションさせる事ができます。

アニメーションをループさせる方法もエクスプレッションを利用します。方法は以下の通りです。

①まずはキーフレームを打つ
②キーフレームにエクスプレッションを追加する
③プロパティからループ文を選択する
上記の手順となります。
それでは解説していきます。

①まずはキーフレームを打つ

まず最初に従来のやり方通りキーフレームを打ちます。

ループの土台となる動きをキーフレームで作りましょう。

今回僕は適当に、位置にキーフレームを打ってテロップを上下に揺らしてみます。

ブログ1

皆さんも動きの土台となるキーフレームを打ってみてください。

②キーフレームにエクスプレッションを追加する

ここからが重要です。

まずはキーフレームを全選択します。

キーフレームを選択した状態にすると青色に変わりますので

全てのキーフレームが青色になるようにしてください。

ブログ2

その状態でストップウォッチを【option】キーを押しながら左クリックします。

ブログ3

そうすると…

ブログ4

エクスプレッションを追加できるようになりました。

③プロパティからループ文を選択する

あとは「このキーフレームをループさせて!!」という命令文を追記します。

追記と言っても実際はプロパティから選択するだけです。

まずはアニメーションの追加ボタンをクリックしてください。

ブログ5

そして「Property」>「loopOutDuration(type = “cycle”, duration = 0)」という項目を選択してください。

ブログ6

するとエクスプレッションの項目に文が追記されます。

ブログ100

あとは何も無い所を左クリックしてエクスプレッションを終了させます。

これで完了です。

それでは実際に動きを見てみましょう。

ジフ1

このように動きをループさせる事ができました。

是非ご活用ください。

今回のまとめ

・エクスプレッションを利用すればアニメーションを簡単にループさせる事が可能
ABOUT ME
ぶいぶろ
30代。WEB系会社員。仕事の部署変更をきっかけに動画編集をやり始める。動画編集の面白さにハマり日々勉強中。