After Effectsでマスクを使いこなす方法と便利技を解説

  • URLをコピーしました!

こんにちは、MASAです。

After Effectsで制作をしていると、必ずと言っていいほど直面するのが「マスク」という機能です。

  • 特定の場所だけ色を変えたい
  • 人物の形に合わせて画像を切り抜きたい
  • 見えない位置からテロップをふわっと登場させたい

これらはすべて、マスクを使えば解決します。

しかし、初心者の方の中には「なんだか操作が難しそう…」「意図しないところが消えてしまった!」と苦戦している方も多いのではないでしょうか。

そこで今回は、After Effectsの最重要スキルであるマスクの基本を、わかりやすく解説します!

この記事を読むとわかること

  • 基礎知識:マスクとは?
  • 基本操作:マスクの作り方
  • 時短テク:シェイプをマスクに変える裏技
  • 表現の幅:自由自在なパスアニメーション
MASA

「マスクを制する者は、After Effectsを制する」と言っても過言ではありません。 この記事を読み終える頃には、あなたの表現の幅がグッと広がっているはずです。

では、いってみよう。

「難しい操作なしで、カッコいい動画を作りたい!」という方には、AEJuiceというツールも人気です。

プロの演出をワンクリックで追加できるので、初心者の方こそチェックしてみてください。

>>【AEJuiceをチェックする

目次

After Effectsのマスクとは?

After Effectsのマスク機能は、特定の部分を隠したり、強調したりするためのツールです

マスクのつくり方(2通り)
  • 図形ツール:四角や円でつくる
  • ペンツール:自由な形でつくる
マスクの特徴
  • 手動で指定:自分で決めた範囲を切り抜く
  • アニメーション:マスクの形を後から動かせる
  • ふちの調整:境界線をふわっとなじませる
こんな時に使えます
  • ワイプ制作:丸く抜いた箇所に別映像を置く
  • 隠す作業:顔や看板を隠す
  • 出現演出:見えない位置から、文字がスッと現れる表現
MASA

実際に手を動かしてみるのが、上達への一番の近道です。 まずは簡単な図形から、チャレンジしてみてください

マスクの作成方法

マスクは「図形ツール」か「ペンツール」で作成します。

動画に対しては、対象物が動いたりカメラが動いたりするので、今回の方法よりも「ロトブラシツール」が最適です

ロトブラシツールの使い方記事は、こちらを参照してください。

マスクを作成する手順は、以下の通りです。

STEP
レイヤーを選択

まず、マスクをかけたいレイヤーを必ずクリックして選択してください。

選択していないと、マスクではなく新しい「シェイプレイヤー」が作られてしまうので注意しましょう

STEP
マスクを作成

ツールバーから「長方形ツール」や「ペンツール」を選び、画面上をドラッグして描きます。

もしマスクを作成したい対象が、シェイプレイヤーの場合(ほかは作業不要)

「マスク作成」をクリックします。

左の★アイコンは「シェイプ作成」。★のままなら、同じレイヤー内に別のシェイプがつくられます

「マスク作成」を選択している状態なら、マウスポインターは以下画像のようになります

以下画像のように、ドラッグしてマスクを作成します。(ここでは楕円形ツールを選択)

マスクで切り取られます。

ペンツールを使えば、細かく切り抜くこともできます。

STEP
数値を調整する

レイヤーの「マスク」を開くと、以下の項目で微調整ができます。

  1. マスクパス:形そのものを変える
  2. 境界線のぼかし:ふちをふわっとなじませる
  3. マスクの不透明度:中身の透け具合を変える
  4. マスクの拡張:範囲を広げたり狭めたりする

①:マスクパス

マスクを選択し、選択ツール  でマスクの形状が変えられます。

ポイントの上でダブルクリックすると、枠(バウンディングボックス)が出現。

ドラッグすると移動や大きさ、角度が自由に調整できます。

また、選択ツールでドラッグすると特定のポイントのみ選択可能。

移動させたりハンドル調整すると形状が変わります。

使用頻度が高い操作です

②:マスクの境界のぼかし

数値入力でマスクの境界をぼかすことができます。

境界を目立たないようにする時などによく使います

③:マスクの不透明度

数値入力でマスク内の不透明度が変わります。

④:マスクの拡張

数値入力でマスク範囲を広げたり狭めたりできます。

マイナス数値を入れると境界線から内側に縮小されます

⑤:マスク処理

マスクの処理モードは以下7種類あります。

  • なし
  • 加算
  • 減算
  • 交差
  • 明るく
  • 暗く
MASA

まずは基本の『加算』と『減算』の2つをマスターすれば、ほとんどの作業に対応できます

なし:マスクの効果を無効にする

テキストをマスクに沿って動かすときなど。マスクパスをシェイプパスの基準として使用することもあります

使用例 >> 以下で紹介

加算:重なり順で上にあるマスクに加算する

それぞれのマスクの上にあるマスクに累積されていきます。

減算:上にあるマスクから減算する

別のマスクの中央に穴を作成する場合に便利です

交差:重なり順で上にあるマスクに加算する

このとき上にあるマスクと重ならない部分は、完全に不透明になります。

明るく:マスクに加算していきますが、重なる部分はマスクの不透明度の明るい方を使用する

暗く:マスクの重なった部分の不透明度が暗い方を使用する

このとき重なっていない部分は表示されません。

差:マスクが重なり合った部分を非表示する

重なりのない場合、そのマスクはそのまま表示されます。

⑥:反転

反転に✓を入れると、マスクの部分が反転します。

マスクは複数設定が可能

マスクは一つのレイヤー内に複数作成できます。

マスクの詳細設定(マスク処理)と組み合わせれば、いろいろな形状がつくれます。

自在に使えるようになると、表現の幅が広がります

【便利技】シェイプとマスクを相互変換して効率化

「すでに作ったシェイプの形を、そのままマスクとして使いたい」 そんな時に役立つ、パスのコピー&ペースト術を紹介します。

Illustratorで作ったパスを使い回したい時にも便利です。

STEP
シェイプレイヤーを作成

このとき、パスの形状が分かりやすいようレイヤーを非表示にしておくとよいです。

目のマークをクリックするとOFFにできます

STEP
シェイプのパス情報をコピー

「パス」プロパティを選択し、メニューの「編集」>>「コピー」を選択します。

Ctrl (Command) +C

STEP
コピー先へパス情報をペースト

マスクを作成するレイヤーを選択し、メニューの「レイヤー」>>「マスク」>>「新規マスク」を選択します。

次にキーボードの「M」キーを押して、「マスクパス」プロパティを表示します。

「マスクパス」プロパティを選択し、メニューの「編集」>>「ペースト」を選択すると完成です。

Ctrl (Command) +V

ペーストしたあと、マスクの大きさが元と合わないことがあります。上の方法で調節しましょう。

表現が広がる!マスクパスを利用したアニメーション

マスクは「切り抜く」だけでなく、アニメーションの道しるべとしても使えます。

代表的なのが、文字がウネウネとマスクパスに沿って動く演出です。

MASA

上のアニメーションは以下手順で作成しました

STEP
テキストを入力する

まずは「テキストツール」で、動かしたい文字を打ちましょう。

STEP
動かしたい「道」を描く

テキストレイヤーを選択した状態で、ペンツールを持ちます。

文字を乗せたいカーブを、画面になぞるように描きましょう。

STEP
文字をパスに乗せる

STEP1で作成したテキストレイヤーで、パスのオプション>>パスから、STEP2で作成したパスを指定します。

これで、文字が先ほど描いた線の上にピタッと配置されます。

STEP
動きをつける(キーフレーム)

最後に、キーフレームを打って文字を動かします。

使う項目は「最初のマージン」です。

・0秒:最初のマージン3000

・3秒:最初のマージン-1000

キーフレームについて、詳しく知りたい方は以下の記事を参考にしてください。

これで、線に沿って文字が流れるアニメーションの完成です!

まとめ:マスクをマスターして動画のクオリティを上げよう

今回はAfter Effectsの「マスク」の基本を解説しました。

  • 基本:映像を「窓」のように抜く機能
  • 操作:図形やペンツールで作れる
  • 効率:シェイプをマスクに変えて時短
  • 応用:文字をパスに沿って動かせる

マスクの習得は、After Effectsにおける脱・初心者への大きな一歩です。

一つひとつの設定をパズルのように組み合わせながら、自分だけの映像表現を広げていきましょう!

次に読むならこの記事!

マスクの基本がわかったら、次は「ロトブラシ」の使い方をマスターしましょう。

もし「もっと楽に、もっとクオリティを上げたい」と思ったら、AEJuiceを試してみるのが近道です。

難しいアニメーションも、これがあれば一瞬でプロ級の仕上がりになります。

>>【AEJuiceをチェックする

よかったらシェアしてね!
  • URLをコピーしました!
目次