Motion Tracking 3/4 - Corner Pin Tracking
hr.icon
1. Corner Pin Tracking
遠近コーナーピントラッキングによるハメコミ合成の手法を紹介する。
元の画像
https://gyazo.com/76e683efef83512e432270f286a2990a
合成後の映像
https://youtu.be/RYJgaCcb9uY
元のチュートリアル映像(5:21〜)
hr.icon
2. Mocha Plugin(紹介のみ)
Mocha Pluginはトラッキングに特化したプロ向けのプラグイン。
本演習ではAfter Effectsの標準機能のみでコーナートラッキングする手法を紹介する。
国内代理店Flashbackで永久ライセンスで12万円程度。本家サイトで月額37ドル。
Introducing Mocha Pro 2022 from Boris FX
https://www.youtube.com/watch?v=Deajk1XAWVc&t=38s
hr.icon
3. 準備
3.1 使用する素材とフォルダの作成
以下の画像と映像を準備する。
Green Screen Phone.mp4
tmu_logo_pink_smartphone.png
適当な場所にフォルダを作成して、上記の2つの素材を移動する。
https://gyazo.com/a4f5de09512f4dab88fb4d25d44c5c96
3.2 After Effectsの起動
After Effectsを起動して、新規プロジェクトを準備する。
https://gyazo.com/254d914fb4b83a56ea7f9068378faeda
先程作成したフォルダにプロジェクトファイルを保存する。
https://gyazo.com/cceb24dd8e8d833c2a97df3e99d661f2
hr.icon
4. 素材映像からコンポジションを作成
4.1 素材映像データの読み込み
プロジェクトパネルに2つの素材(Green Screen Phone.mp4、tmu_logo_pink_smartphone.png)を読み込む。
https://gyazo.com/654089c39a7122f3d7638de2caf5525f
4.2 素材仕様を反映したコンポジションの作成
プロジェクトパネルのGreen Screen Phone.mp4を空のタイムラインにドラック&ドロップしてコンポジションを作成する。
https://gyazo.com/518ac9313e775c5daededb53143ee0bb
hr.icon
5. トラッキング処理
5.1 トラッカーの設定
タイムラインのGreen Screen Phone.mp4を選択して、トラッカーパネルのトラックボタンを押す。
https://gyazo.com/ea1a93d67ca11a3cc1b39d8e3b4eee32
トラッカーパネルを確認
ソース:Green Screen Phone.mp4(変更なし)
現在のトラック:トラッカー1(変更なし)
トラックの種類:遠近コーナーピンに変更する
https://gyazo.com/04456fc9defd3012cd888e0cf878e227
フッテージパネルが表示されていることを確認する。
https://gyazo.com/e50e41e50a3209f8133e2ee97c292659
5.2 トラックポイントの調整(4箇所)
中央付近にトラックポイント1〜4が表示されている。
https://gyazo.com/3f11b6727fc5267d4215476977508a83
必要に応じて矩形領域を広げながら、スマートフォンの4隅に合わせる。
https://gyazo.com/c1fd90f6594753b037da22319d6c4245
https://gyazo.com/567047ac398c79fb5111b6c024a01721
5.3 分析(5分程度)
時間インジケータを0フレームに移動した上で、ターゲットの再生方向に分析(▶)をクリックする。
https://gyazo.com/d4a64222e5edd863f779a2e6875533ce
4隅のトラッキング処理が行われる。
https://gyazo.com/5e17272e112bffda37751ca3d63bcd87
hr.icon
6. ターゲット画像
6.1 画像の準備
プロジェクトパネルのtmu_logo_pink_smartphone.pngをタイムラインにドラック&ドロップする。
https://gyazo.com/8f0fbaf7ce262c7c5332440dddcb6d12
6.2 ターゲットの設定と適用
まず、以下のいずれかの方法でGreen Screen Phoneフッテージの中に入る。
方法1)フッテージパネルに切り替えて、タイムラインのGreen Screen Phone.mp4レイヤーを選択する。
方法2)タイムラインのGreen Screen Phone.mp4レイヤーをダブルクリックする。
https://gyazo.com/aeda2726d37fdaa0c89d05c21c4fdc56
トラッカーパネルのターゲット設置をクリックする。
https://gyazo.com/c68b76f0820214c2a4a088aa9873cb45
下図でレイヤーがtmu_logo_pink_smartphone.pngであることを確認してOKを押す。
https://gyazo.com/37394982f6156030cc3b31e524475d52
下図の適用をクリックする。
https://gyazo.com/fb6063711451cefba6e4854063591876
コンポジションパネルに自動的に切り替わり、tmu_logo_pink_smartphone.pngレイヤーにコーナーピンエフェクトが適用されて、トラッキング結果が4隅のキーに反映されていることが確認できる。
https://gyazo.com/11bdf13e3cc76288c692c3c6ba32ee95
参考)レイヤー名とソース名
レイヤー名はENTERキーで変更できる。タイムラインの表示でレイヤー名がソースから変更されていない場合は角括弧で表示される。
6.3 画像サイズの調整
トラッキング結果のままで反映させると、若干下のグリーンがはみ出る。
https://gyazo.com/08a002899c91225001a88092e341e5ee
スケールを101%に変更して、グリーンを隠す。
https://gyazo.com/5b208e4cf40fca51e65eceec57a06972
6.4 グラデーションの追加
tmu_logo_pink_smartphone.pngレイヤーを右クリックして、プリコンポーズを行う。
https://gyazo.com/787bc5c53aa6787784b449930b6c2284
すべての属性は残す設定のまま、OKを押す。
https://gyazo.com/96a3b1895cb85ed3af64bfa12907ed08
tmu_logo_pink_smartphone.png コンポジション 1をダブルクリックして中に入る。
https://gyazo.com/0887ee0000b4ca5b9d06636051df0520
https://gyazo.com/4c25ff05c20b0124645d88581a482a49
タイムラインの空いている部分を右クリックして平面を追加する。色は何色でもかまわない。
https://gyazo.com/91ac000bc260dad8af1d3357f4b46057
平面レイヤーを右クリックして、エフェクト > 描画 > グラデーションを追加する。
https://gyazo.com/5b5683f3a177f048a6b351ba729769bc
平面レイヤーの合成モードをスクリーンに変更する。
https://gyazo.com/db1f07a577f48f8b7ad235d99bdc8272
グラデーションの開始ポイントと終了ポイントを移動する。
https://gyazo.com/26bde70950ec54ccc2b2b340086234c0
hr.icon
7. 完成映像の書き出し(レンダリング)
ファイルメニュー > 書き出し > Adobe Media Encoderキューに追加...をクリックする。
mp4でレンダリングする。
完成した映像。
https://youtu.be/RYJgaCcb9uY