After Effectsのアニメーション制作|ロケットの軌跡を表現

アイキャッチ

今回は、上の動画のような波形ワープを使って、ロケットの後ろにゆらめくモーションを作成する方法を解説します。

初心者の方でも簡単に出来る内容となっています。また、応用を効かせることによって、車の排ガスのゆらめきや、オブジェクトが移動する時の軌跡、トランジションなど、様々な場面で使用できます。

波形ワープを使うことによって制作の幅がグッと広がりますので、一緒にマスターしていきましょう!!

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

今回も「イラストAC」の素材を利用しています。

イラストACについては前回の記事でも紹介しています。その他にもフリー素材サイトもご紹介していますので気になる方は前回のこちらの記事を是非ご覧ください。

宇宙の素材とロケットの素材を用意できましたら、準備完了です。

新規コンポジション作成

blank

まずは、新規コンポジションを作成します。コンポジション名は「常にロケットが進行方向を向くようにしよう」としましょう。縦横比は1920×1080、デュレーションは10秒くらいで設定します。ここはお好みで設定して頂いて大丈夫です。

素材を配置

blank

コンポジションの設定が終わりましたら素材を配置します。プロジェクトから素材をタイムラインにドラッグアンドドロップします。次にスケールを選択し、大きさを調整します。

続きまして同じようにロケットを配置していきます。こちらもスケール調整を行ないます。

ショートカットキー(スケール調整=S)を使う際は日本語入力だと反映されない時があるため、英語入力で使いましょう。

ロケットは真ん中の位置に来るように配置しましょう。

2.シェイプレイヤーで煙を作成

次にシェイプレイヤーでロケットの軌跡となる煙を作成していきます。

ペンツール

ツールをペンツールに持ち替え、マウスでクリックすることによって点が打たれます。2点以上打つと、点同士が直線でつながりパスが描かれます。

これにより自由に図形を作成することができます。

今回はロケットの後ろに長方形みたいなシェイプを作成します。

blank

ここで注意しなければならないのが、オブジェクトを選択したまま、ペンツールで作成しないことです。オブジェクトを選択したままですとマスクが作成されてしまいますので、シェイプレイヤーを作るときは、必ず何もないところで一度クリックする事が必要です。

オブジェクトが何も選択されていない状態を確認してから作成しましょう。

blank

ペンツールで4点をクリックしていきます。画面からはみ出るくらいの長い長方形を作成しましょう。

ペンツールでシェイプを描く際、操作を間違える事が多々あります。その際、前の操作に戻りたいと思いますよね?

そのような時は、「元に戻すコマンドを使用しましょう。「元に戻す」コマンドを使用すると、前に行った操作を元に戻すことができます。

編集メニューから、元に戻すを選択するかショートカットキーを使用します。windowsの場合(Ctrl+Z),macの場合(command+Z)キーを押します。

塗りで色を変更する

塗りと線のオプションを使用して、塗りと線のカラーおよびスタイルを設定します。

今回は線を無くし、塗りを選択しましょう。塗りの色はグレーにしましょう。カラーコードは9A9A9Aです。

シェイプレイヤーができましたら、長方形のレイヤーをロケットレイヤーの下に配置しましょう。次にシェイプレイヤーをドラッグして位置を調整します。ちょうどロケットの噴射口の下ぐらいに配置します。

3.波形ワープを適用させる

次に煙に波形ワープ効果を適応させ、軌跡を表現させましょう。

シェイプレイヤーを選択して、メニュー欄のエフェクトからディストーション、波形ワープと選択してエフェクトを適応させます。

blank

左上のエフェクトコントロールを見ると波形ワープが追加されていることがわかります。

blank

今回、波形の種類はサインに設定します。様々な種類がございますので、使う用途によって種類を変更しましょう。

波形の高さ

blank

波形の高さは歪みを調整します。数値が大きくなるほど歪みが強くなります。

今回は20に設定します。

波の幅

blank

波の幅は周期を調整します。数値が小さくなるほど波が小刻みになります。逆に数値が大きくなるほど波が緩やかになります。

今回は111に設定します。

方向

blank

方向は波が移動する方向を調整します。デフォルトでは90°になっていると思います。今回は154°に設定します。

波形の速度

blank

速さは波形が移動するアニメーションの速さを調整します

今回は1.1に設定します。

その他はデフォルトのままで大丈夫です。

4.親子関係を結び動きをつける

次はロケットに煙が追従するように親子関係を結びましょう。

レイヤー同士をリンク

After Effects内ではレイヤー同士をリンクさせて、親子関係を持たせることが出来ます。親子の関係になったレイヤー同士は、ひとまとめにしてアニメーションさせる時にとても便利です。また様々な場面で使用できますので、基本を理解しておきましょう。

blank

シェイプレイヤーの親と子の欄からロケットを選択します。これで親子関係が整いました。

ピックウィップ

その他にもピックウィップを利用して親子関係を結ぶ方法があります。

blank

「ぐるぐるマーク」をクリックした後にそのままドラッグすると、ピックウィップと呼ばれる線が伸びてきます。このピックウィップを伸ばしていき、親として指定したいレイヤーの上にくっつけると、親子関係を結べます。

blank

ロケットをドラッグして位置を動かしてみると煙が追従していることが確認できます。

キーフレームをつけて実際に動きをつける

blank

それでは実際に動きをつけていきましょう。

今回は斜めに向かって飛んでいくモーションをつけます。

まずはロケットを画面からフレームアウトした位置に持っていきます。

タイムラインを開始位置の0フレームに戻し、時計マークを押し、キーフレームを打ちます。

そして、ざっくりでいいですので、何フレームか後にまたキーフレームを打ちます。

スペースキーで再生させプレビューで確認します。

最後にキーフレームを調整し、お好みの速度にしたら完成です。

まとめ

いかがだったでしょうか。

波形ワープを使ってゆらめきを作り、ロケットの軌跡を表現できましたでしょうか?

波形ワープエフェクトは使用頻度も高く、適用するだけでモーションの幅がグッと広がります。編集の際に少しずつモーションに取り入れ、積極的に使っていき、是非マスターしていってください。

お疲れ様でした!

動画で復習しましょう!

関連記事一覧

今回は、上の動画のような地球の周りを月が回るアニメーションをAfter Effectsで作成します。 応用を効かせることによって、様々な場面で活用できますので是非マスターしていきましょう! 1.アニメーションの準備 まずはアニメーションの準備をします。 プロジェクトファイルに素材を準備します。今回は「イラストAC」の素材を利用しています。 検索・ダウンロード制限がございますが、無料でダウンロードで...

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

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

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

今回はAfter Effectsで「After Effectsというテキスト」にアニメーションを付けます。 この方法を覚えるだけで、YOUTUBEなどで使えるOPやEDを簡単に作ることができるのでぜひ覚えてくださいね。   1.テキストアニメーション制作の下準備 まずAfter Effectsを開き、新規コンポジションを選択します。 サイズは自分が作りたいものにしましょう。今回は1920...

今回は、After Effectsの基本的な機能を使用して、キャラクターのバウンドモーションを制作していきます。 今回の操作を応用させることによって、様々なアニメーションを制作することができますので、ぜひ覚えてくださいね。 また、落下のモーション制作についてはPremiere Proを使用した記事がありますので、そちらを参考にすると作成しやすいかと思います。 1.素材やレイヤーの解説 今回使用する...

今回はAfter Effectsを使用して、簡単に制作できるモーショングラフィックスを制作していきたいと思います。 テキストアニメーションのアクセントとして使用することもできますし、モーショングラフィックスの基礎を学べますので、ぜひ最後までよろしくお願いいたします。 1.シェイプを作成 始めに、After Effectsでシェイプを作成していきます。モーショングラフィックスの基礎とも言える部分です...

今回はAfter Effectsを使って、花が咲くモーションを作成したいと思います。 イラストが動くアニメーションは、図形と比べて難しい印象があるとは思いますが、After Effects標準搭載の基本的な機能を使用して作成を行うことができます。 1.レイヤーの解説 今回はIllustratorで作成したファイルを使用します。 全体のイラストです。こちらのレイヤーは下の画像のように3つに分かれてい...

今回はAfter Effectsに標準搭載されている、「ペンツール」とモーションを使用してかっこいいモーションを作っていきたいと思います。 After Effectsにはプラグインなどを導入することもできますが、基本的な機能だけでも、良い映像作品を作ることができます。基本的な操作や、応用的なモーションの作り方も解説しているので、ぜひ最後までお付き合いください。 1.メインの線の描画と調整 それでは...