After Effectsでアニメーション作成|地球を中心に月を移動させよう!

回る アニメーション

今回は、上の動画のような地球の周りを月が回るアニメーションをAfter Effectsで作成します。

応用を効かせることによって、様々な場面で活用できますので是非マスターしていきましょう!

1.アニメーションの準備

まずはアニメーションの準備をします。

プロジェクトファイルに素材を準備します。今回は「イラストAC」の素材を利用しています。

検索・ダウンロード制限がございますが、無料でダウンロードできるサイトとなっています。気に入った方は有料会員になりましょう。

有料会員になりますと、営利目的で作成される商業印刷物やホームページ、動画にも、無料のまま自由にご利用できます。加工(切り抜きや色変更)も自由にできますのでillustratorやAfterEffectsとの相性は抜群です。

今後アニメーションを本格的にやっていきたいけど、イラストに自信のない方は一度試してみてはいかがでしょうか?

他にもフリー素材をダウンロードできるサイトがございますので、そちらから素材を準備しましょう。下記に一部のフリー素材サイトを載せています。他にも色々なフリー素材サイトがございますので、是非探してみましょう!

2.背景、地球、月の配置

新規コンポジションを作成します。コンポジション名は「地球の周りを月が回る」としましょう。縦横比は1920×1080、デュレーションは10秒くらいで設定します。ここはお好みで設定して頂きまして大丈夫です。

コンポジションの準備が整いましたら、背景、地球、月を配置していきます。

ドラッグ&ドロップ

blank

背景素材をプロジェクトファイルからタイムラインにドラッグ&ドロップします。

スケールの調整

画面に収まるように大きさを調整していきます。

blank

画面の四角を引っ張り、素材を画面に収まるように調整していきます。Shiftキーを押しながら行うと、縦横比を維持しながら拡大縮小できます。オブジェクトの拡大は、画像によって拡大しすぎると荒くなってしまいます。拡大のしすぎには注意しましょう。

blank

タイムラインからも素材の大きさの変更を行えます。

トランスフォーム→スケールと数値を動かし、大きさの調整を行えます。

ショートカットキーはsになります。scale(大きさ)のsと覚えると覚えやすいです。

同じように月と地球も配置していきます。地球は画面の中心に配置し、月は地球の周りを回れる大きさと距離に配置しましょう。

ちょうどいい場所が決まりましたら次に進みます。

3.アンカーポイントの位置を調整

回転

blank

次は月を回転させていきます。回転とは角度をつけるトランスフォームです。トランスフォーム→回転と数値を動かしていきます。数値を+(プラス)で上げると右回り、数値を−(マイナス)にすると左回りに回転していきます。

ショートカットキーはrとなります。rotation(回転)のrと覚えると覚えやすいです。

blank

しかし、上記で表示されている動画をご覧いただいてもわかるように、月はその場所で回転するだけとなっています。地球の周りを回転させるにはどうしたらいいのでしょうか?

アンカーポイントを地球の中心に移動させる

blank

そこで、月のアンカーポイントを地球の中心に移動させる必要があります。アンカーポイントツールに持ち替えて、アンカーポイントが地球の中心に来るように移動させていきます。

アンカーポイントは、そこを軸にオブジェクトのプロパティを変化させていく点のことです。スケール調整や回転など様々な場面でプロパティを調整して「おかしいな?」と感じる時は、一度アンカーポイントの位置を確認しましょう!

blank

少しづつ数値を動かしていくと地球を中心に月が回転していくのがわかります。これで地球の周りを月が回るようになりました。

アンカーポイントはAfterEffectsに限らず、Premiere、EDIUS、FinalCutなど様々な編集ソフトでも使いますので、ここでしっかりと覚えておきましょう。

月以外にも惑星などで試して練習してみてもいいかもしれませんね。お好みの素材を使うと楽しく練習できますよ!

4.実際に動きをつける

キーフレームの位置を調整

次にキーフレームを打っていきます。実際にキーフレームを打って動きを付けていきます。

blank

まずはタイムライン上にある回転の時計マークをクリックします。すると0秒のところでキーフレームが打たれます。

blank

ざっくりでいいので、何秒後かにまたキーフレーム打ちます。左が何回転するか、右は何度傾くかの指標になります。逆回転させたい場合は-(マイナス)入力しましょう。

今回は-1回転で行います。

blank

時間軸を最初に戻し、スペースキーで再生します。キーフレームの感覚によって速度が変化します。 間隔を狭めると速度が速くなり、逆に感覚を広げると速度が遅くなります。キーフレームの位置を調整し、自分がちょうどいいと思えるスピードになるよう調整していきましょう。

解像度の変更

blank

パソコンがカクつく場合は上記の動画を参考に解像度を落としましょう。画面の画質は荒くなりますが、1/4ぐらいにすると軽くなり動きがスムーズになります。

編集を進めるうちにパソコンが重くなり、カクつく場面が増えてきます。解像度を落とし作業を行い、確認したい場面の時に、解像度を戻すと作業がスムーズに行えます。

プラグイン

有料プラグインになりますがDeep Glowを使うとキレイに仕上がります。Flash Back Japanで購入できます。

AE標準のグローより遥かにキレイなグローを生成してくれます。標準のグローで物足りない人は検討してみてはいかがでしょうか。

地球を反対方向に回転させましょう

blank

月が周る方向と逆向きに、地球を反対側に回転させます。反対側に回すことによってより臨場感が生まれます。

こちらも月と同じ手順でキーフレームを打っていきます。キーフレームを同じ位置に持っていき、数値は月と反対の数値を入れていきます。こちらもお好みで数値を調整して速度を決めていきましょう。

最後に時間軸を最初に戻し、スペースキーで再生します。気になる部分が出てきたら、月の大きさや地球の配置、回転速度など、今まで作成したところの微調整を行いましょう。自分の思い通りの動画ができたら完成となります!

まとめ

いかがでしたでしょうか?

今回使用したアニメーションは様々な用途で使用できます。応用していくことで、どんどんいろんな動きを再現できるようになりますので、たくさん編集をして慣れていきましょう!最初は難しく感じるかもしれませんが、わからなくなった時は、1つ前に戻り、確認しながら進めていきましょう。

ミュージックビデオでよく見る地球の周りを歌詞がぐるぐる回るかっこいい表現もできます。是非チャレンジしてみてください。

お疲れ様でした! 

動画で復習しましょう!

関連記事一覧

今回は、上の動画のようなUFOが動くモーションをシェイプツールを使って表現していきます。シェイプツールは複雑な動きを付ける上で欠かせません! アニメーション制作やモーショングラフィックス作成時にも何かと必要となってくると思います。 また、アニメーション制作をこれから始めたい方や、AfterEffectsをもっと使いたい方にも学びやすいチュートリアルとなっておりますので、是非一緒にチャレンジして行き...

この記事では、2021年8月の最新バーションのAdobe製品を使用しております。追加の情報などは、別の記事で解説いたします。 今回はAfter Effectsに標準搭載されている、「ペンツール」とモーションを使用して複雑に見える、かっこいいモーションを簡単に作っていきたいと思います。 After Effectsにはプラグインなどを導入することもできますが、基本的な機能やエフェクトだけでも、目をみは...

今回は、上の動画のような波形ワープを使って、ロケットの後ろにゆらめくモーションを作成する方法を解説します。 初心者の方でも簡単に出来る内容となっています。また、応用を効かせることによって、車の排ガスのゆらめきや、オブジェクトが移動する時の軌跡、トランジションなど、様々な場面で使用できます。 波形ワープを使うことによって制作の幅がグッと広がりますので、一緒にマスターしていきましょう!! 1.アニメー...

今回は、上の動画のようなAfter Effectsの基本的な使用方法である自動方向の説明をします。やまなりにロケットが進み、常に進行方向を向き飛んでいくアニメーションを作成していきます。 自動方向はモーショングラフィックスを作成する時など、様々な場面で使用できます。このチュートリアルを行うことによって映像制作の幅が広がると思います。また、映像制作や編集を始めたばかりの人も、取り掛かりやすい内容とな...

この記事では、2021年8月の最新バーションのAdobe製品を使用しております。追加の情報などは、別の記事で解説いたします。 今回はAfter Effectsで「After Effectsというテキスト」にアニメーションを付けます。 Premiere Proのエフェクトだけでは難しいこともAfter Effectsを使用することで、とても簡単に制作できます。After Effects初心者の方にも...

今回は、上の動画のような手書き風の文字が小刻みに揺れるモーションを作成していきます。可愛い感じのモーションが作れますので、可愛いアニメーション制作を作りたい方や英語を揺らしてカリフォルニアっぽいミュージックビデオを作りたい方は、是非こちらのチュートリアルをチャレンジしましょう!! テキストからシェイプレイヤーを作成する方法なども一緒に覚えられますので楽しくやっていきましょう! 1.アニメーションの...

今回は、After Effectsの基本的な機能を使用して、キャラクターのバウンドモーションを制作していきます。 今回の操作を応用させることによって、様々なアニメーションを制作することができますので、ぜひ覚えてくださいね。 今回は、After Effectsを使用しています。これは、Premiere Proとの操作や設定の仕方を比較してもらおうと考えたからです。以前、落下のモーション制作については...

この記事では、2021年8月の最新バーションのAdobe製品を使用しております。追加の情報などは、別の記事で解説いたします。 今回はAfter Effectsを使用して、簡単に制作できるモーショングラフィックスを制作していきたいと思います。 テキストアニメーションのアクセントとして使用することもできますし、モーショングラフィックスの基礎を学べますので、ぜひ最後までよろしくお願いいたします。 今回制...

この記事では、2021年8月の最新バーションのAdobe製品を使用しております。追加の情報などは、別の記事で解説いたします。 今回はAfter Effectsを使って、花が咲くモーションを作成したいと思います。広告動画などのワンアクセントにオススメのモーションです。 イラストが動くアニメーションは、図形と比べて難しい印象があるとは思いますが、After Effects標準搭載の基本的な機能を使用し...