アフターエフェクトでARグラフィックをモックアップする

Sep 16, 2025

操作方法

アフターエフェクトには、拡張現実感を模倣するために使用できるいくつかの強力なツールがあります。たとえば、強化された現実の機能を持つアプリがどのようなものを見ることができるかを示すためにピッチビデオを作りたいと思った場合に必要なのが必要な場合があります。

43驚くべき後遺症チュートリアル

このチュートリアルでは、都市上でオーバーレイするためにRIOといくつかの地図グラフィックの映像を使用します。私たちはこのようなものになるはずです：

Our final design should look like this — 私達の最後のデザインはこのように見えるべきです

01. 3Dカメラトラッカーに精通してください

追跡する映像レイヤーを選択して、トラッカーパネルの[カメラのトラック]ボタンをクリックします。分析する映像を横切って青いバーが表示されます。より良い解決を得るには、3Dカメラトラッカーのエフェクトコントロールパネルで詳細な分析をクリックします。あなたがあなたがあなたの特定のショットのどれを望むかを知っているなら、あなたはショットの種類を指定することによって、あなたはより良い解決を得ることができます。

[詳細設定]タブで、SOLVEメソッドを指定することも、自動検出に設定したままにします。正しい解決方法を選択すると、デフォルトの自動設定を使用するよりもトラックが向上することがあります。

02.あなたの映像を解決します

Remove any points that are not using good data — 良いデータを使用していない場所を削除します

カメラが解決を始めたら、バナーの色が青からオレンジ色に変わることに気付くでしょうが、それが終わったらバナーが消えます。時々あなたは空やあなたが言うことができる地域にポイントを得ることができるかもしれません。それらのポイントを削除します。

グランドプレーンを表すポイントの少なくとも3つ以上を選択してください。選択したポイントで右クリックし、[グランドプレーンの設定]を選択します。原点。同じポイントを選択して右クリックして[NULL＆AMPの作成]を選択します。カメラ。あなたはあなたの映像を解決し、カメラとヌルオブジェクトを基準点として使用できるように成功しました。

03.グラフィックを追加します

This map marker will pop up inside the stadium — この地図マーカーはスタジアムの中にポップアップします

これで、タイムラインにグラフィックを追加することができます。スタジアムの中からポップアップしたい地図マーカーを使っています。必要に応じてグラフィックのアンカーポイントを編集するので、位置データに正しいエッジが使用されます。私の場合、私はアンカーポイントを下のパン（アンカーポイント）ツールを使って下部中央に移動しました。

レイヤーの3Dスイッチをクリックして、z空間で移動できるようにします。グラフィックが表示されている写真の中のポイントを選択し、そのポイントを右クリックして[NULLの作成]を選択します。そのnullからの位置データをグラフィックの位置にコピーして、必要に応じてグラフィックをマスクします。時間の経過とともにマスクをキーにキーを付ける必要があるかもしれません。

04.より大きなグラフィックを統合します

This larger graphic covers the ground like a map — この大きなグラフィックは地図のように地面を覆っています

これで、ステップ03を繰り返して、より多くのグラフィックスを統合できます。たとえば、地図のようにグランドプレーン全体に沿って何かを統合できます。これを行うには、グランドプレーンエリアの上にいくつかの点を選択します。注：ポイントを選択するには、実際には、エフェクトコントロールパネルで選択されている3Dカメラトラッカーエフェクトが選択されています。それらのポイントを右クリックしてNULLを作成します。

必要に応じてデータをコピーしてアンカーポイントを移動させるプロセスを繰り返します。今回は、NULLの向きをグラフィックにコピーして地面に横たわっているようにコピーする必要があります。映像の通りに並んでグラフィックを並べるようにグラフィックを手に入れるには少し物事を調整する必要があるかもしれません。

05.テキストを追加します

フォローするテキストを追加して、フッテージとともにフローをすることもできます。ビルディングのような静的オブジェクトでのみトラックする必要があるテキストの場合は、マーカーやマップに使用したのと同じ一致方法を使用できます。あなたが歩行者や車の運転車と一緒にテキストをフォローするならば、あなたは今、あなたは今、あなたは今、2種類の動きを持っていました：カメラの動きと運転や歩行の動き。

これらの種類のトラックの場合、より伝統的なトラッキングアプローチを使用します。映像が選択されている場合は、トラッカーパネルからトラックの動きを選択します。トラックに準備するには、NULLオブジェクトを作成し、それにカートラッカーと名前を付けます。道路上の車を選択してください（あなたは1つを見るためにあなたの映像の明るさとコントラストを上げる必要があるかもしれません）。

06.動くオブジェクトを追跡します

Text can track static or moving objects — テキストは静的または移動オブジェクトを追跡できます

この映像の車はとても小さいので、スケールデータを取得するために2点トラックをするのに十分なデータがありません。私たちはこれを少しハックする必要があります！ XおよびYの追跡データのみを収集するだけであっても続行してください。

ヘッドライトのように非常に目に見えるものにトラックポイント1を置きます。それはあなたのトラックを修正するのに時間がかかるかもしれません、そしてあなたはいくつかの部品を手で固定する必要があるかもしれません。あなたのトラックの準備ができたら、それをカートラッカーと呼ばれるヌルオブジェクトに適用する時が来ました。映像に戻って、「効果とコントロール」パネルで3Dカメラトラッカー効果を選択します。

車が始まる場所への最寄りのポイントを選択し、それを右クリックしてNULLを作成します。このnull 'z start'の名前を変更します。車が終了する場所の最寄りの可能な点について、NULL作成手順を繰り返し、この「z end」の名前を変更します。これで、Car Tracker Nullオブジェクトを3Dオブジェクトに変更し、2つのキーフレームを追加します.1つのキー、 'z start' nullのz値と 'z end'値で別のキーを追加します。これらのキーはトラッキングキーフレームの先頭と終わりにあるべきです。

最後に、あなたが車と車と一緒にフォローしたいテキストをカートラッカーのヌルにしてください。あなたの小さなハックの仕事があなたが望んだ結果を達成したことを喜ぶ！

07.あなたの仕事を微調整します

Use trim paths to animate your text boxes — テキストボックスをアニメートするためにトリムパスを使用してください

何も変更する必要がある場合は、位置プロパティ全体を選択してから位置値をドラッグしてください。これにより、既存のデータに対してすべてが変わり、誤って1フレームの修正を行いません。

テキストボックスをアフターエフェクトで作成した場合は、トリムパスを使用してアクションに関連するときにそれらを画面上でアニメートするようにしてください。テキストをオンにしても、おそらくタイプライターまたはワードプロセッサ効果を持つ。必要に応じて他のアニメーショングラフィックスを追加して、コンポジションを肌に身に付けてください。

チュートリアルを詳細に取得したい場合は、PluralSightでのフルコースをチェックしてください。 3Dカメラトラッカーとアフターエフェクトのグラフィックの統合。

PluralSightについて

PluralSightは、世界中の企業のための統一された学習経験を終了するための統一された終わりを提供する企業技術学習プラットフォームです。購読サービスを通じて、企業は技術のスピードで動き、熟練度、革新と効率を高めることができました。無料試用版や詳細については、訪問してください www.pluralsight.com 。

関連記事：

2017年にARアプリをスケーリングするためのトップのヒント
PhotoshopからAfter Effectsへの移動方法
43驚くべき後遺症チュートリアル

アフターエフェクトでARグラフィックをモックアップする

01. 3Dカメラトラッカーに精通してください

02.あなたの映像を解決します

03.グラフィックを追加します

04.より大きなグラフィックを統合します

05.テキストを追加します

06.動くオブジェクトを追跡します

07.あなたの仕事を微調整します

PluralSightについて

操作方法 - 最も人気のある記事

あなたのブラシペンの描画を改善するための6つのクイックヒント

How to implement light or dark modes in CSS

水彩画のいたずらな野ウサギを塗る

オイルペイントで輝く色を作る方法

Scratchからeコマースサイトを構築する

スケッチ可能な塗料制御され滑らかなストローク

Blend Shapesを使用して文字をアニメートする方法

キャッシュフローを効果的に管理するための5つの方法

カテゴリ