top of page
検索

【072】mocha Aeでスマホ画面をハメコミ合成する方法 基礎編【AEPあり】

更新日：6月2日

画面トラッキング、コーナーピン、グリーン抜き、画面内アニメーションまで学ぶ



この講座は、YouTubeメンバーシップ Pro プランで視聴できます。

Pro プランで講座を見る：https://bit.ly/sanze_join



完成イメージ




講座概要

mocha Aeを使って、スマホ画面のハメコミ合成を行う基礎講座です。


スマホ画面のハメコミは、サービス紹介、アプリ紹介、実写合成などで出番の多い処理です。この講座では、mocha Aeでスマホ画面をプラナートラッキングし、コーナーピンで画面素材を貼り付け、指が手前にくるようにグリーン素材を抜き、画面内のスワイプアニメーションまで作っていきます。


大事なのは、トラッキング精度を下げる要素を先に除外し、ズレを後から微調整できる構造で作ることです。どこまでmochaで取り、どこからAfter Effects側で調整するかを切り分けると進めやすくなります。



講座の流れ

1. 完成形とレイヤー構造を確認する

2. Green.movをMain_Compに配置する

3. mocha Aeを適用して起動する

4. 指を除外するためのトラッキングを取る

5. スマホ画面を囲んでプラナートラッキングする

6. コーナーピンの位置を指定する

7. 画面ハメコミ用コンポを作る

8. mochaのトラッキングデータを適用する

9. 追加コーナーピンでズレを微調整する

10. Keylightでグリーンを抜き、画面内アニメーションを作る



この講座でできるようになること

・mocha Aeでスマホ画面のトラッキングができる

・コーナーピンで画面素材をはめ込める

・グリーン抜きと画面内アニメーションまで一連で作れる



こんな人におすすめ

・スマホ画面のハメコミ合成を基礎から学びたい人

・mocha Aeの使い方を実写合成で覚えたい人

・アプリ紹介やサービス映像で使える合成を身につけたい人



講座情報

カテゴリ：mocha Ae／画面ハメコミ／実写合成／After Effects

対象レベル：中級

動画尺：約46分

使用ソフト：After Effects

使用プラグイン：mocha Ae

使用エフェクト：Keylight、高度なスピルサプレッション、コーナーピン

使用機能：プラナートラッキング、Xスプライン、除外用マスク、Layer Export、Corner Pin、Create Track Data、Apply Export、アンカーポイント調整、追加コーナーピン、Screen Matte、Intermediate Result、Advanced Spill Suppressor、ガイドレイヤー、マーカー、プリコンポーズ、画面内スワイプアニメーション

AEP：あり

学習用付帯データ：あり

スマホ内部画像：各自で用意



関連講座

073_mocha Aeでスマホ画面ハメコミ 応用編



学習用付帯データ・使用環境について

AEPファイルなどの学習用付帯データは、講座理解を補助するための付録です。メインコンテンツは講座の視聴と、画面ハメコミ合成の考え方・調整の流れを学べることです。


付帯データは制作当時のAfter Effects、mocha Ae環境を前提に作成しています。現在の環境ではUI構成、項目名、プラグインの仕様、互換性、トラッキング結果、キーイング結果が異なる場合があります。


スマホ内部に入れる画像やUI素材は、必要に応じてご自身で用意してください。二次配布できない素材については、権利の都合上、代替素材などに差し替えている場合があります。


個別環境での動作確認、AEPファイルの修正、素材差し替え、トラッキング調整、トラブル対応などの個別サポートは行っておりません。

bottom of page