マスクの移動と変形

After Effectsのマスク機能で押さえる重要ポイント — シェイプ/ペンツールでの作成、移動、変形(Ctrl+T)、フェザー/拡張、マスクパスへのキーフレーム、複数マスクのモード合成、ロトブラシ までを通しで解説。

🎭 「マスクは切り抜きツールではなく、時間で動かしてこそ真価」、まずこの認識から始めます。

💬 Yahoo!知恵袋(動画/映像 / 2024年8月)
「After Effectsで丸いマスクを作って人物の顔だけを表示したいんですが、マスクをドラッグするとレイヤー全体が動いてしまいます。マスクだけ移動するにはどうすればいいでしょうか?
ここで一つ提案があります。マスクパスの『内側』ではなく『線の上』か『頂点』を選択ツールでドラッグするのがコツ。」
— 動画・映像カテゴリより引用

本記事のマスクパスの選択と移動セクションで具体的な操作を解説しています。AEを手元に持っていない方は Adobe公式の7日間無料体験 でマスクとキーフレームの組み合わせを実機で試せます。

After Effects おすすめテンプレート素材

10点まで無料でダウンロードできて商用利用もOK!今すぐ使えるテンプレート

Adobeの生成AIも結構すごい

Adobeの生成AI Fireflyなら画像も動画も音声もベクター画像も効果音も作れます。無料で始められます

Adobe Fireflyを無料で始める

生成AIも全て込みの最強プラン

Premiere ProやPhotoshopなど全アプリと生成AIも使える全部入りプランで、実は結構お得です。

3か月半額で始める

After Effectsマスク機能の基本を理解する

After Effectsにおける「マスク」とは、レイヤーの特定の部分だけを表示させたり、逆に隠したりするための「型抜き」のような機能。Photoshopなどの画像編集ソフトにおけるマスクと同様に、映像の合成やエフェクトの適用範囲を限定する際に不可欠です。マスクを使いこなすことで、以下のような多様な表現が可能になります。

  • 特定部分の切り抜き: 映像や画像の不要な部分を隠し、見せたい部分だけを抽出。被写体を際立たせたり、構図を調整したり。
  • 合成: 複数のレイヤーを自然に組み合わせるために、境界線を調整。人物と背景を合成する際に、マスクで人物の輪郭を正確に切り抜くと違和感のない仕上がりに。
  • エフェクトの適用範囲指定: 映像全体ではなく、特定の領域にのみエフェクトを適用し、部分的な強調や修正。顔にだけ美肌エフェクト、特定のオブジェクトにだけぼかし、など。
  • トランジション: マスクの動きを利用して、シーンの切り替わりを演出。画面が徐々に開いたり閉じたりする視覚的に魅力的な切り替えが可能。
  • テキストアニメ: 文字がマスクの中から現れたり、消えたりする動き。文字が流れるように表示されるタイトルアニメなどに応用。

マスクは、単なる切り抜きツールではありません。時間軸に沿ってその形状や位置を変化させることで、映像に命を吹き込むアニメの基盤となります。AEでの表現力を高めるためには、マスクの習得が欠かせません。

マスク作成の準備:レイヤーの選択

マスクを適用したいレイヤーをタイムラインパネルで選択した状態で、ツールバーからシェイプツールやペンツールを使用します。レイヤーが選択されていない状態でこれらのツールを使用すると、マスクではなく「シェイプレイヤー」が作成されるため注意。

https://www.fu-non.net/wp-content/uploads/2022/07/funon_teacher_80.jpg

マスクを作成する際は、必ず対象のレイヤーがハイライトされているか確認しましょう。うっかりシェイプレイヤーを作ってしまわないように注意してください。

シェイプツール(長方形、楕円形)での作成

ツールバーの「長方形ツール」や「楕円形ツール」を選択し、コンポジションパネル上でドラッグすることで、四角形や円形のマスクを簡単に作成できます。Shiftキーを押しながらドラッグすると、正方形や正円を作成できます。

ペンツールでの自由な形状の作成

より複雑な形状のマスクを作成したい場合は「ペンツール」を使用。ペンツールでクリックして頂点(アンカーポイント)を作成し、ドラッグすることでベジェハンドルを調整し、曲線的なパスを描けます。

ペンツールは慣れるまで少し時間がかかりますが、習得すればどんな複雑な形状でもマスクとして切り抜くことが可能に。PhotoshopやIllustratorの経験がある方なら、比較的スムーズに習得できるでしょう。

マスクパスの基本的な操作と編集

作成したマスクは、後からその名前を変更したり、位置を移動させたり、頂点を編集したりできます。これらの操作をマスターすることで、より柔軟なマスク編集が可能になります。

マスクの名前を変更する

複数のマスクを扱う場合、それぞれのマスクに分かりやすい名前を付けておくことで、管理が格段に楽に。タイムラインパネルでマスク名を選択し、[Enter]キーを押すことで名前の変更が可能。

マスクパスの選択と移動

マスクパス全体を移動させるには、「選択ツール」(Vキー)でマスクパスの頂点、またはパスそのものを選択し、ドラッグ。この際、マスクパスの内側をドラッグしてしまうと、マスクパスではなくレイヤー全体が移動してしまうので注意が必要です。

https://www.fu-non.net/wp-content/uploads/2022/07/funon_teacher_80.jpg

マスクを移動させたいのにレイヤーが動いてしまう、という経験はありませんか?それはマスクパスの内側をドラッグしている可能性が高いです。必ずパスの線の上か、頂点を直接選択して移動させましょう。

マスクパスの頂点編集(アンカーポイント、ベジェハンドル)

ペンツールを長押しすると表示される「頂点を追加ツール」や「頂点を削除ツール」を使って、マスクパスの頂点を増減できます。また、「変換ツール」で頂点をクリックすると、ベジェハンドルが表示され、曲線の形状を細かく調整可能。

マスクの見た目を調整するプロパティ

マスクパスの形状を保ったまま拡大縮小や回転を行ったり、境界線のぼかしや不透明度を調整したりすることで、より洗練された表現が可能になります。

トランスフォームボックスを使った変形(拡大縮小、回転)

マスクパスの形状を保ったまま変形させるには、「トランスフォームボックス」を表示させます。マスクパスの頂点をダブルクリックするか、[Ctrl + T](Macの場合は[Command + T])キーを押すことで表示できます。

拡大と縮小

トランスフォームボックスのハンドルをドラッグすると、マスクパスを拡大縮小できます。

  • [Shift]キーを押しながらドラッグ: 縦横比を保ったまま拡大縮小。
  • [Ctrl]キー(Macは[Command]キー)を押しながらドラッグ: 中心を起点として変形。
  • [Shift] + [Ctrl]キー(Macは[Shift] + [Command]キー)を押しながらドラッグ: 縦横比を保ちつつ、中心を起点として変形。

回転

トランスフォームボックスの四隅の頂点から少し外側にマウスカーソルを合わせると、回転の矢印が表示されます。その状態でドラッグすると、マスクパスだけを回転できます。

マスクの境界線のぼかし(フェザー)と拡張

タイムラインパネルのマスクプロパティを展開すると、「マスクの境界のぼかし(フェザー)」と「マスクの拡張」の項目があります。

  • マスクの境界のぼかし(フェザー): マスクの境界線を柔らかくぼかすことができる。切り抜きがより自然に見えたり、幻想的な雰囲気を演出したり。フェザーの値は、マスクパスの内側と外側、両方に適用されるぼかしの合計範囲を示す。例えば「100px」と入力した場合、マスクパスの内側に50px、外側に50pxの領域に対してぼかしが適用される。
  • マスクの拡張: マスクの範囲を内側または外側に広げたり狭めたりできる。細かな調整や、マスクのサイズを微調整したい場合に便利。
https://www.fu-non.net/wp-content/uploads/2022/07/funon_teacher_80.jpg

フェザーは、切り抜きのエッジを自然に馴染ませるために非常に重要です。とくに合成を行う際には、この調整で仕上がりが大きく変わります。

マスクの不透明度と反転

マスクプロパティには、「マスクの不透明度」と「反転」のオプションもあります。

  • マスクの不透明度: マスクで隠されている部分の透明度を調整できる。半透明のマスクを作成したい場合に利用。
  • 反転: マスクで表示されている部分と隠されている部分を反転させる。四角く切り抜いた部分を隠し、それ以外の部分を表示させたい場合に便利。

After Effectsマスクアニメーションの真髄

💬 ある利用者の質問(Yahoo!知恵袋 2024年9月)
「After Effectsでマスクを使って、文字が左から右へ流れるように表示されるテキストアニメーションを作りたいです。どのプロパティにキーフレームを打つのが正解でしょうか?」
— 動画・映像カテゴリより引用

これは「マスクパス」プロパティのストップウォッチアイコンを使うのが基本。下記で具体的な手順を解説します。AEのマスク機能の真骨頂は、そのパスを時間とともに変化させる「マスクアニメ」にあります。キーフレームを使用することで、マスクが動いたり、形を変えたりするダイナミックな表現が可能に。

「マスクパス」プロパティとキーフレームの活用

タイムラインパネルでレイヤーの「マスク」プロパティを展開し、「マスクパス」のストップウォッチアイコンをクリックすると、キーフレームを打てます。

異なる時間でマスクパスの形状や位置を変更し、キーフレームを打つことで、その間の動きが自動的に補間され、滑らかなアニメが作成されます。

形状の変化を伴うダイナミックなアニメーション

マスクパスの頂点やベジェハンドルをアニメさせることで、マスクの形状自体が時間とともに変化する複雑なアニメを作成できます。文字が変形しながら現れる、図形が別の図形にモーフィングするといった表現が可能。

マスクを固定して素材を動かすテクニック

特定の領域をマスクで固定し、その中で素材(レイヤー)だけを動かしたい場合、マスクパスではなくレイヤーの「位置」プロパティにキーフレームを打ちます。これによりマスクされた窓の中で映像がスクロールするような効果が生まれます。

操作 目的 キーフレームを打つプロパティ
マスクパスの移動・変形 マスクの「窓」自体を動かす・形を変える マスクパス
レイヤーの移動 マスクされた「窓」の中で素材を動かす レイヤーのトランスフォーム > 位置

この「マスクを固定して素材を動かす」テクは、文字が画面の端から現れるようなテキストアニメで頻繁に利用されます。マスクで表示範囲を限定し、テキストレイヤーの位置をアニメさせることで、洗練された演出が可能。

応用:ワイプトランジションの作成

マスクアニメの代表的な応用例の一つが、ワイプトランジション。マスクが画面を横切るように動くことで、次のシーンが徐々に現れる演出。マスクパスの「位置」や「拡張」をアニメさせることで、様々な方向や形状のワイプを作成できます。

関連記事
マスクのアニメーションを使ったタイトルの作成 After Effectsにおける「マスク」機能は、映像表現の可能性を無限に広げる強力なツールです。レイヤーの一部を隠したり、特定の範囲だけを表示させたりすることで、テキス

さらに踏み込んだマスク活用術

After Effectsのマスク機能は、基本的な切り抜きやアニメに留まらず、他の機能と組み合わせることでさらに高度な表現を可能にします。

複数のマスクの組み合わせ

一つのレイヤーに複数のマスクを適用し、それぞれのマスクモード(加算、減算、交差など)を組み合わせることで、複雑な形状の切り抜きや、複数の要素を同時に操作するアニメを作成できます。

マスクモード 効果
加算(Add) 複数のマスクの領域を結合して表示
減算(Subtract) 前のマスクから現在のマスクの領域をくり抜く
交差(Intersect) 複数のマスクが重なる部分のみ表示
明るいマスク(Lighten) 重なった部分で明るい方を優先
暗いマスク(Darken) 重なった部分で暗い方を優先
差(Difference) 重なった部分を反転表示

マスクとエフェクトの連携(特定範囲へのエフェクト適用)

マスクは、エフェクトの適用範囲を限定するためにも有効。映像の一部にだけぼかしをかけたり、色調補正を適用したりする際に、マスクでその範囲を指定。映像全体に影響を与えることなく、ピンポイントで調整を行えます。

関連記事
マスクの境界をぼかす After Effectsでオブジェクトを切り抜いて別の背景に合成すると、マスクの境界線が硬すぎて不自然になることがあります。被写体の輪郭がクッキリしすぎていると、明らかに

ロトブラシツールによる動くマスク(ロトスコープ)

After Effectsの「ロトブラシツール」は、動いている被写体を自動的にマスクしてくれる画期的な機能。手動でフレームごとにマスクパスを調整する手間を大幅に削減し、複雑なロトスコープ作業を効率化します。

https://www.fu-non.net/wp-content/uploads/2022/07/funon_teacher_80.jpg

ロトブラシは便利ですが完璧ではありません。とくに境界が複雑な場合や、被写体と背景のコントラストが低い場合は、手動での微調整が必要になることもあります。

リシェープエフェクトによる高度な変形

「リシェープ」エフェクトは、一つのレイヤー上で指定したマスク範囲を別のマスク形状に合わせて変形させる特殊なエフェクト。オブジェクトが別のオブジェクトにモーフィングするような、高度なアニメ表現が可能に。

リシェープエフェクトは強力ですが、レンダリングに時間がかかる傾向があります。とくに「超液状」などの滑らかな補間法を選択すると処理が重くなるため、ガタつきが気にならない範囲で「硬い」に近い設定を選ぶのがおすすめ。

関連記事
マスクの作成 After Effectsにおける「マスク」機能は、映像制作の表現力を飛躍的に高めるための非常に重要なツールです。特定の領域だけを表示したり、エフェクトの適用範囲を限定した

マスク活用のヒントとトラブルシューティング

After Effectsのマスク機能を最大限に活用するために、いくつかのヒントと注意点があります。

パフォーマンスへの影響と最適化対策

複雑なマスクパスや多数のマスク、あるいはマスクアニメを多用すると、AEのプレビューやレンダリングに時間がかかることがあります。

  • 対策:
    • 不要なマスクは削除する。
    • マスクの頂点数を必要最小限に抑える。
    • プレビュー時には解像度を下げて作業する。
    • キャッシュを定期的にクリアする。
    • GPUアクセラレーションを有効にする。
    • 可能であれば、より高性能なPC環境を検討する。

とくに複雑なマスクアニメを行う際は、プロジェクト設定で「Mercury GPU アクセラレーション」を有効にすることで、プレビューやレンダリング速度が大幅に向上する可能性があります。

よくあるトラブルとその解決策

トラブル 考えられる原因と解決策
マスクを動かそうとするとレイヤー全体が動く マスクパスの内側をドラッグしている可能性。選択ツールでマスクパスの線の上か頂点をドラッグ。
マスクが思った通りに切り抜かれない マスクモードが「加算」以外になっている可能性。タイムラインパネルのマスクプロパティでモードを確認・変更。
マスクアニメがカクカクする キーフレーム間の補間がリニアになっている可能性。キーフレームを右クリックし、「キーフレーム補助」から「イージーイーズ」などを適用して滑らかに。
マスクの頂点が意図せず追加されてしまう ペンツールで誤ってクリックしている可能性。頂点追加ツールではなく、選択ツール(Vキー)で操作するように意識。
マスクがずれる、追従しない キーフレームの位置やトラッキングの設定を見直す必要あり。とくに動きのある被写体の場合、フレームごとにマスクパスを調整するか、マスクトラッキング機能を活用。

練習用ファイルの活用

After Effectsのマスク操作は、実際に手を動かして練習することが上達への近道。本記事で紹介した内容を試せる練習用ファイルや、Adobe公式のチュートリアルなどを活用し、繰り返し練習することで、感覚を掴めます。

このページの内容が入っているaepファイルです。練習や確認用にお使いください。

AEとPremiere Proのマスク機能を比較する

マスク機能の柔軟性で両ソフトの違いを整理しておきます。

項目 After Effects Premiere Pro
マスクパスへのキーフレーム 標準搭載(形状変化アニメ可) エフェクト内マスクで対応(機能限定的)
ロトブラシ(自動切り抜き) 標準搭載 非搭載(AE経由)
マスクモード(加算/減算/交差/差等) 6種類対応 2種類(マスク/反転)
料金 月額3,280円〜(7日間無料体験あり) 同価格(同一Creative Cloud)

形状アニメ/ロトスコープ/複雑なマスクモードが必要な作業はAfter Effects側で行うのが現場の定石。Premiere Proで簡易マスクが必要な時は、AEで作ってリンクするフローも一般的です。

締めくくり:マスクを自在に操って表現の幅を広げる

After Effectsのマスク機能は、映像表現の可能性を無限に広げるツール。基本的な切り抜きから、複雑な形状の変形、時間とともに変化するアニメまで、その応用範囲は多岐にわたります。本記事で解説したマスクの作成、移動、変形、アニメの各テクを習得し、フェザーや拡張、複数のマスクモード、エフェクトとの連携といった応用術を使いこなすことで、映像制作は次のレベルへ進化します。

マスクパスのキーフレームアニメを試したい方へ

After Effectsのマスクパスへのキーフレーム機能は、Premiere Proには無い真骨頂。文字が左から流れて現れる、図形が別の図形にモーフィングするといった表現がここから始まります。

初めての方は7日間の無料体験で、マスクパスアニメとロトブラシを実機で試せます。

After Effects 7日間無料体験を試す →


結婚式ムービーをテンプレートで簡単作成

fu-non.netのAfter Effectsテンプレートなら、写真を差し替えるだけでプロ品質のムービーが完成。無料お試し版で事前にクオリティを確認できます。

無料でテンプレートを試す →


関連コンテンツ

こちらもおすすめ!背景・特殊効果素材

10点まで無料でダウンロードできて商用利用もOK!今すぐ使えるテンプレート

Adobeの生成AIも結構すごい

Adobeの生成AI Fireflyなら画像も動画も音声もベクター画像も効果音も作れます。無料で始められます

Adobe Fireflyを無料で始める

生成AIも全て込みの最強プラン

Premiere ProやPhotoshopなど全アプリと生成AIも使える全部入りプランで、実は結構お得です。

3か月半額で始める

素材&テンプレート検索

TOP