フッテージアイテムの読み込みと変換; ビデオとオーディオの読み込みと変換; 3d イメージファイルの準備と読み込み; フッテージアイテムでの作業 M + M ※マスクがある場合. マスクパスの表示・非表示 ☆☆☆. 2つのテキストレイヤーを選択して、右クリック「プリコンポーズ」を選択してプリコンポジション化にします。 その後はプリコンポジション化されたコンポジションを開き、下部にある「 目標範囲 」のツールを使用して、 テキストが収まるくらいのサイズにクロップしていきます。 以前キュリオシーンではマスクパスを使って「何もない所からテキストやロゴなどのオブジェクトが現れる」クレジット風タイトルのチュートリアルを作成しました。, 画面外からではなく、中から現れる演出はとてもカッコよく、多くのモーショングラフィックスプロジェクトに良く使われていますよね。, これまでにキュリオシーンではマスクパスやトラックマットを使用した方法を紹介しましたが、他にもプリコンポジションを使用した方法もあったりします。, プリコンポジション(Pre-Composition)とはメインのコンポジションにあるレイヤーを一つにまとめてコンポジション化させる機能で、複数あるレイヤーなどをグループ化し見やすくしたり、コンポジションそのものにアニメーションを加えることが出来るなど、After Effectsで普段から良く利用されます。, そのコンポジションが持つグループ化と、コンポジションのサイズを変更できる目標範囲を上手く利用することで、トラックマットまたはマスクパスで使うような演出を行うことができます。, 今回作成したモーショングラフィックスがこちら。中央の上下からそれぞれタイトルが現れて、しばらくした後に全て上に移動するというもの。, 前回のチュートリアルで使用した素材をほとんど使用しているので、背景の追加など、一部の説明は割愛します。背景が無い方はこちらのページの一番下または前回の記事のダウンロードリンクから、素材を入手すると良いですよ!, Adobe After Effectsにて新規プロジェクト・新規プロジェクトを作成した後は背景を設定しましょう。今回は「マスクパスを使用して、クレジット風のタイトルを作ってみよう」の記事で使用したコンポジション設定と背景をそのまま使用しています。, 上部ツールバーにあるテキストツールを使用して、メインタイトルとサブタイトルを追加していきましょう。筆者の場合は「Ae Composition」、「Coming Soon」という映画のタイトルっぽい感じにしてみました。, アンカーポイントツールを使用してそれぞれのテキストのアンカーポイントを中央に移動させます。, またテキストの位置が中央に来ない場合は、「整列」のタブからそれぞれのテキストレイヤーを整列させると良いでしょう。, 2つのテキストレイヤーを選択して、右クリック「プリコンポーズ」を選択してプリコンポジション化にします。, その後はプリコンポジション化されたコンポジションを開き、下部にある「目標範囲」のツールを使用して、テキストが収まるくらいのサイズにクロップしていきます。, 目標範囲を指定した後は、上部メニューの「コンポジション」から「コンポジションを目標範囲にクロップ」をクリックしてコンポジションのサイズを変更します。, 今度は1秒あたりにタイムインディケーターを動かし、2つのテキストレイヤーの「位置(ショートカットキー:P)」を展開させ、現在位置のキーフレームを追加します。, そして0秒に移動させて、「Coming soon」は下から、「Ae Composition」は上から現れるようにコンポジション上で操作するか、位置のY軸の数値を変更させてキーフレームを追加します。, 1秒で登場するのが遅い場合はキーフレームを動かすなど、微調整していくと良いでしょう。, 筆者は最終的にそれぞれが現れるタイミングを0.5にしており、Aeの後にComingが表示されるようにレイヤーのタイミングをずらしました。, 最後はキーフレームを全て選択してF9(macOSはFnキー同時押し)でイージングを付け足します。, そしてグラフエディターを開き、「速度グラフ」にてピークからゆっくり減速というグラフに変更します。, タイムラインにてモーションブラーの設定とレイヤーでの設定をそれぞれオンにし、モーションブラーを追加すれば完了です。, ここまでくればアニメーションが一通り完了する訳ですが、もう一つ面白い演出があれば良いと思ったので、タイトルが上に退場するという演出を付け加えてみましょう。, メインコンポジションに戻り、先程作成したプリコンポジションのレイヤーを選択し、位置のプロパティを表示させます。, ロゴ部分のアニメーションが完了してしばらくした後に現在の位置をキーフレームに追加します。, そこから数フレーム動かして、コンポジション上またはY軸の数値を変更してロゴ部分を一度下に動かし、キーフレームを追加。, そしてまた数フレーム動かし、今度はロゴが画面に現れない位置まで動かしてキーフレームを追加しましょう。, こうする事でタイトルが登場、しばらくした後に一度下にバウンスしながら画面上部に消えていくといったアニメーションが完成します。, 初めて作ると若干の不自然さが出てくるかもしれませんが、その際はキーフレームのタイミングを調整していくと良いでしょう。またイージングとモーションブラーを適用させれば完了です!, プリコンポジションは非常に簡単に作れるので便利ですが、目標範囲の設定では複雑なシェイプにする事はできないので、それらが必要な場合はトラックマットまたはマスクを使用すると良いでしょう。, このチュートリアルで使用した素材やプロジェクトファイルは全て下記ボタンからダウンロード可能です。個人プロジェクトはもちろんのこと、商用利用も無料なのでカスタマイズしてプロジェクトに追加してみてください。(コンテンツの使用について詳しく見る), こちらの記事はクリエイティブ・コモンズ 4.0 CC-BYライセンスの元公開されています。詳細, キュリオシーンではより多くの方に映像制作のチュートリアルを届けたいと思い、無料で提供しています。, もし記事が役に立ったり、コンテンツに価値を感じていただければ、たったコーヒー1杯分の支援でも大きな励みになるので、ご支援いただけると嬉しいです!, サイトのコンテンツを楽しんでいただけましたか?キュリオシーンに投げ銭したい!という方は下のボタンからサポート出来ます。, Curiosceneは映像制作に興味を持つ多くの方々にぜひ利用して頂きたいと考えており、クリエイティブ・コモンズライセンス(CC-BY 4.0)のもと個人の利用はもちろんのこと、商用利用もこちらのページに記載されてあるポリシーを守って頂ければ自由に利用することが出来ます。 F. レンダーキューに追加 ☆☆☆ Adobe After Effectsでシェイプ、テキストや画像などといったレイヤーをアニメーションしていくと、気づいたら何十個、何百個のレイヤーになってしまい、タイムラインウィンドウをフルスクリーンにしても画面に収まらないという状況に陥る場合があります。Photoshop... 小学生から映像制作に興味を持ち、15歳の頃に部活のメンバーと自主映画を制作。後にフィリピン、セブ島に移って現地や海外の企業向けにTVCM、VPといったコマーシャル制作を提供。主に撮影や編集を得意としているほか、ディレクターやプロデューサーなども出来ます。, Curioscene(キュリオシーン)とは映画、コマーシャル、ドキュメンタリー、イベントなど映像制作に関わるハックやチュートリアルを紹介しているマガジンサイトです。, [After Effects] 地名や商品名などに使用できるテキストアニメーションを作ってみよう!, [LumaFusion] トリムとスピードの機能を使ってタイムリマップを作ってみよう!, [Final Cut Pro X] 編集プロジェクトにタイムコードを追加してみよう!, 映像編集アプリはPremiere Pro、Final Cut Pro XとDaVinci Resolveどれを選べば良いの?メリットとデメリットを見てみよう, iMovieからFinal Cut Pro Xに移行して細かな編集を行う!プロジェクトの移行方法とは?, iPhoneやiPad向けのLumaFusionとLumaFXの違いってなんだろう?使い方もご紹介!, Jailbreakなしで出来る!Apple Watchにカスタム文字盤を追加する方法, [Premiere Pro] バックアップやプロジェクトを渡す時に便利!プロジェクトマネージャーの使い方, Adobe Premiere Rushってどんなアプリ?使い方とPremiere Proと比べた印象. 詳しくはこちら, [After Effects] マスクパスを使用して、クレジット風のタイトルを作ってみよう. Tab. Command + Shift + C. コンポジションの階層を移動 ☆☆☆. モーショングラフィックスで良く使われる演出の一つとして、何もない所からテキストやロゴなどのオブジェクトが現れるというものがあります。これらをAdobe After Effectsで行う方法は色々あるので、どれが正解とかはなく、作る人の好みや演出やレイヤーなどによって... [After Effects] トラックマット(Track Matte)とキーフレームを使って、シンプルな... インタビューアーの名前やロケーションなどのテロップアニメーション、出来ればテンプレートなどを使わずに自分で作ってみたい!と思う方もいるのでは無いでしょうか?海外などでは画面の4隅に置くテロップの事をLower Thirds(ローワーサーズ)と言うのですが、映画や... [After Effects] 複数のレイヤーをプリコンポーズを使用してグループ化してみよう!. シェイプレイヤーやテキストレイヤーをプリコンポジションすると元のコンポジションサイズになってしまい透明な領域が大きくなりがちです。そんな時にお勧めの手順があります。 プリコンポーズ ☆☆☆. Command + Shift + H. マスクの境界線のぼかしを表示 ☆☆☆. プリコンポーズ、ネスト化およびプリレンダリング; タイムコードと時間の表示単位; フッテージの読み込み. プリコンポーズして整理しても、今度はプリコンポーズだらけで分からなくなってしまった…。 そういった場合は、コンポジション間でどういうこうせいだったかを確認しましょう。 プリコンポーズの内部情報を確認. マスク情報を全表示 ☆☆. こんにちは、管理人の高田です(@eizo_memo)。 AfterEffectsで作業をする際、しばしば、配置したレイヤー(オブジェクト)の大きさにコンポジションのサイズを合わせたい場合があります。 私が知っているのは以下の2つの方法です。