シェイプパスとマスクの管理とアニメート

Adobe After Effectsでキーフレームを使用して、シェイプやマスクパスをアニメーション化するさまざまな方法を学習します。

After Effects では、マスクパスやシェイプパスも他のプロパティとほぼ同じ方法でアニメーション化できます。つまりマスクパスまたはパスプロパティにキーフレームを設定し、各キーフレームでパスを指定すると、After Effects がそれらの値の間を補間します。

ロトスコーピング（一般に「ロト」と呼ばれます）とは、映像内の視覚要素を参照しながら、動画の各フレームに描画やペイントを行う手法です。ロトスコーピングの一般的な方法のひとつは、映像内のオブジェクトの周囲にパスを描き、それをマスクとして使用してオブジェクトを背景から分離することです。これにより、オブジェクトと背景を別々に扱えるようになり、オブジェクトには異なるエフェクトを適用したり、背景を差し替えたりすることが可能になります。

After Effects でのロトスコーピングは、通常、マスクを描画し、マスクパスをアニメートして、それらのマスクを使用してマットを定義することを意味します。 様々なタスクとテクニックを使用することで、この作業が簡単になります。例えば、マスクを描画する前にオブジェクトでモーショントラッキングを使用し、モーショントラッキングデータを使用してマスクやマットが自動的にオブジェクトを追って動くようにすることができます。

ロトスコーピングのヒント

• マスクの描画を開始したらすぐに、Alt + Shift + M キー（Windows）または Option + Shift + M キー（Mac OS）を押して、そのマスクのキーフレーム機能をオンにして、キーフレームを設定します。 これにより、数分間（またはそれ以上）にわたってフレームごとにマスクを編集した後に、ストップウォッチをクリックしてマスクパスをアニメートさせるのを忘れたために以前のフレームのすべての作業を失うような事態を防げます。
• マスクは、映像レイヤー（ロック済み）の上に、ビデオスイッチ をオフにした白のソリッドレイヤーに描画します。こうすることで、マスクを操作する際に映像レイヤーを誤って動かすリスクを避けられ、マスクにトラッキングデータを適用する作業もはるかに簡単になります。（トラッキングデータは、マスクを保持する非表示の平面レイヤーに適用します。） これにより、マスクを操作してもキャッシュされたプレビューフレームが失われることがありません。 
• 頂点数を一定に保持の環境設定をオンにします。
• 可能な場合は、マスク全体またはマスク頂点の一部を回転、拡大縮小、移動するなど変形させ、個別に頂点を移動する操作は避けます。これにより、作業を効率化して、フレーム間での整合性のない移動によるガタつきを防止できます
• 手動モーショントラッキングは、手動ロトスコーピングよりも時間がかかりません。シーンやオブジェクトの様々な部分のトラッキングデータの精度を高めることによって、マスクの描画および微調整の時間を短縮できます。
• 可変幅のマスクの境界のぼかし機能を使用して、オブジェクトのぼかしをより精密におこなうことができます。

マスクパスとシェイプを表示する

• タイムラインパネルで選択したレイヤーのマスクパスを表示するには、Mキーを押します。
• タイムラインパネルで選択したマスクやシェイプを表示するには、SSを押します（Sキーを 2 回押します）。
• コンポジションパネルでマスクやシェイプのパスを表示するには、コンポジションパネル下部のマスクとシェイプのパス表示切り替え ボタンを選択します。
• レイヤーパネルでマスクパスを表示するには、表示メニューのレイヤーパネルからマスクを選択します。
• 他のマスクを表示したまま特定のマスクパスを非表示にするには、タイムラインパネルで該当マスクのロック アイコンを選択してマスクをロックし、レイヤー／マスク／ロック済みマスクを非表示を選択します。
• 選択したマスクだけを表示し、他を非表示にするには、レイヤー／マスク／その他のマスクをロックを選択し、その後レイヤー／ロック済みマスクを非表示を選択します。

シェイプパス、シェイプおよびシェイプグループを選択する

シェイプレイヤーとそのコンポーネントは、次の 4 つの選択レベル（選択モードといいます）のいずれかで選択できます。

シェイプレイヤー全体が選択されます。 変形は、コンテンツプロパティグループと同じ階層にあるレイヤーのトランスフォームプロパティグループに適用されます。

シェイプグループ全体が選択されます。 変形は、タイムラインパネル内のシェイプグループ内にあるトランスフォームプロパティグループのグループ用トランスフォームプロパティに適用されます。

1 つまたは複数のベジェパス上にある複数の頂点が選択されます。 コンポジションパネルで頂点の周りに自由変形バウンディングボックスが表示されます。このボックスで操作すると、1 回のトランスフォームで複数の頂点を移動できます。 変形は、タイムラインパネル内のパスプロパティに含まれる頂点自体に適用されます。

頂点のみが選択されます。 このモードでは、パスへの頂点の追加や、個別の頂点の移動などのパス編集操作をおこなえます。

シェイプレイヤー上のシェイプの選択モード

シェイプレイヤーを選択する

• タイムラインパネルで、レイヤー名またはレイヤーの時間バーを選択します。
• 選択ツールを使い、コンポジションパネル内のレイヤーの範囲内をクリックします。
• レイヤーは選択したまま、レイヤー上のすべてのシェイプを選択解除するには、レイヤーの範囲内で、すべてのシェイプパスの外側をクリックします。

グループ選択モードでシェイプグループを選択する

• 選択ツールを使い、コンポジションパネル内でグループのメンバーをダブルクリックします。ダブルクリックするたびに、グループ階層の下のレベルに移動します。
• 選択ツールを選択した状態で、Ctrl（Windows）またはCommand（macOS）を押すと、ダイレクト選択 ツールが有効になります。ダイレクト選択ツールを使い、コンポジションパネル内のシェイプを選択すると、そのシェイプがどれだけ階層内にネストされていても、直接そのシェイプのグループを選択できます。
• すでに選択されたグループと同じグループ内に含まれているグループを選択するには、選択するグループをクリックします。
• グループを選択範囲に追加するには、Shift キーを押しながら追加するグループをクリックします。 Shiftキーを、ダブルクリックやダイレクト選択ツールと組み合わせることで、より深くネストされたグループを選択に追加できます。

パス編集モードでパスと頂点を選択する

• 頂点を選択するには、選択ツールでその頂点を選択します。頂点を選択範囲に追加するには、追加する頂点を Shift キーを押しながらクリックします。
• パスのセグメントを選択するには、選択ツールでそのセグメントを選択します。セグメントを選択範囲に追加するには、追加するセグメントを Shift キーを押しながらクリックします。
• パス全体を選択するには、選択ツールでパスのセグメントや頂点をAltキー（Windows）を押しながら、またはOptionキー（macOS）を押しながらパスの任意の部分を選択してCtrl+A（Windows）またはCommand+Aを押します。
• 頂点をドラッグで選択するには、パスまたはパスの一部を選択してパス編集モードに入り、マーキー選択ツールを使って選択したい頂点の周りにマーキー選択ボックスを描きます。追加で頂点を選択するには、Shiftキーを押しながら、追加のマーキー選択ボックスを描きます。

パス上のすべてのポイントを選択し、自由変形モードに入る

• パス編集モードまたはグループ選択モードで、1 つのシェイプのパスセグメントをダブルクリックします。
• タイムラインパネルでパスプロパティを選択し、Ctrl+T（Windows）またはCommand+Tを押します。

マスク、セグメント、頂点を選択する

レイヤーとは異なり、マスクには複数の選択レベルがあります。 マスクの移動やサイズ変更が必要な場合は、全体的なパスとしてマスクを選択できます。 ただし、マスクパスを変更する場合は、マスクの 1 つまたは複数の頂点を選択します。 選択した頂点は塗りつぶされ、選択されていない頂点は中空で表示されます。

レイヤーパネルまたはコンポジションパネルでマスクを選択／選択解除する

• マスクの頂点を選択するには、選択 ツールでその頂点を選択します。選択に頂点を追加するには、Shiftキーを押しながらクリックします。
• マスクのセグメントを選択するには、選択ツールでそのセグメントを選択します。選択にセグメントを追加するには、Shiftキーを押しながらクリックします。
• マスク全体を選択するには、選択ツールでマスクのセグメント、頂点、またはハンドルをAltキー（Windows）を押しながら、またはOptionキー（macOS）を押しながらクリックするか、マスクの任意の部分を選択して編集／すべてを選択を選ぶ、またはCtrl+A（Windows）かCommand+A（macOS）を押します。選択にマスクを追加するには、Alt+Shift（Windows）またはOption+Shift（macOS）を押しながらクリックします。
• マスクをドラッグで選択するには、マスクまたはマスクの一部を選択してマスク編集モードに入り、選択ツールで選択したい頂点やマスクを完全に囲むようにマーキー選択ボックスを描きます。追加でマスクや頂点を選択に加えるには、 Shiftキーを押しながら、追加のマーキー選択ボックスを描きます。
• レイヤー上のすべてのマスクを選択するには、レイヤー上のマスクを選択し、編集／すべてを選択を選択するか、Ctrl+A（Windows）またはCommand+A（macOS） を押します。
• すべてのマスクの選択を解除するには、Ctrl+Shift+AまたはCommand+Shift+A（macOS） を押します。
• レイヤー上で隣接するマスクを選択するには、次のマスクを選択する場合は、Windows ではAltキーを押しながら`キー、macOS ではOptionキーを押しながら`キーを押し、前のマスクを選択する場合は、Windows ではShift+Altキーを押しながら`)キー、macOSではShift+Optionキーを押しながら`キーを押します。
• マスクの選択を解除するには、マスク以外の場所をクリックします。
• 選択から頂点やセグメントを除外するには、Shiftキーを押しながら、その頂点またはセグメントをクリックします。

タイムラインパネルでマスクを選択する

マスクをロックまたはロック解除する

マスクをロックすると、タイムラインパネル、コンポジションパネル、レイヤーパネルでそのマスクを選択できなくなり、レイヤーパネルでターゲットに設定することもできなくなります。この機能を使用すると、マスクに対して不要な変更が加えられるのを防ぐことができます。

自由変形モードで頂点を移動する

自由変形ポイントコマンドを使うと、マスクやシェイプパス全体、または 1 つ以上のパス内の選択した頂点を拡大縮小や回転できます。このコマンドを使用すると、選択した頂点がトランスフォームボックスで囲まれ、トランスフォームボックスの中心にアンカーポイントが表示され、現在のトランスフォームのアンカーポイントが示されます。 バウンディングボックスやそのハンドルをドラッグすると、選択した頂点をスケールしたり回転したりすることができます。 頂点の回転やスケールの基準ポイントを変更するには、バウンディングボックスのアンカーポイントを移動します。 トランスフォームボックスのハンドルとアンカーポイントは、レイヤーのハンドルやアンカーポイントとは独立して存在します。

パスを手動ベジェとロトベジェの間で変換する

任意の手動ベジェマスクパスまたは手動ベジェシェイプパスをロトベジェパスに変換できます。手動ベジェパスの方向ハンドルが調整されている場合、この変換によりパスの形状が変わります。これは、After Effects がロトベジェセグメントの曲率を自動的に計算するためです。

ロトベジェパスを手動ベジェパスに変換しても、パスの形状は変わりません。

ベジェマスクパスまたはシェイプパスを修正する

レイヤーまたはコンポジションパネルで、選択ツールやペンツールを使用してベジェマスクパスを変更できます。コンポジションパネルで、選択ツールやペンツールを使用してベジェシェイプパスを変更できます。

ペンツール（頂点を追加、頂点を削除、および頂点を変換ツール）は、ツールパネルのペンツールにまとめられています。ツールパネルで、ペンツールを選択して押し続けると、ツールパネルでこれらのツールが表示されます。

パスを修正する際は、既存の頂点やセグメントのみをクリックしてください。そうしないと、新しいパスが作成される可能性があります。

頂点を移動、追加、削除する

パスセグメントを調整する

頂点をスムーズポイントとコーナーポイントの間で切り替える

ロトベジェマスクの張力を調整する

マスクパスの数値を変更する

ベジェパスの最初の頂点を指定する

After Effects では、パスをアニメートするために、最初のキーフレームの一番上の頂点が最初の頂点に指定され、ここから連続する各頂点に昇順で番号が付きます。 次に、連続するすべてのキーフレームで、対応する頂点に同じ番号が割り当てられます。 After Effects は、各頂点の動きを、あるキーフレームでの初期位置から次のキーフレームの対応する番号の頂点の位置まで補間します。最初の頂点は、アニメートするときに変更できます。最初の頂点を変更すると、パスの各頂点に番号が振り直され、 異なるパスでアニメートされます。これは、頂点の新しい番号が、連続するキーフレームで保存されている元の頂点の番号順に振り当てられるためです。

クローズパスをモーションパスにコピーするとき、クローズパスの最初の頂点として指定された頂点は、モーションパスの基点として使用されます。 モーションパスはすべて、オープンパスです。

パスのトリムなど、一部のシェイプパス操作では、パスの修正方法を決定するために最初の頂点が入力として使用されます。

スマートマスク補間を使用してマスクパスをアニメートする

スマートマスク補間は、マスクパスのキーフレーム作成や滑らかでリアルなアニメーションの作成に高度な制御を提供します。補間するマスクパスのキーフレームを選択すると、スマートマスク補間は、指定した設定に基づいて中間キーフレームを作成します。情報パネルには、補間の進行状況と作成されたキーフレームの数が表示されます。

マスクの移動、またはマスクの後ろにあるレイヤーのパン

（アンカーポイント）の背後でパン ツールを構成パネルで使用すると、After Effects は自動的に 2 件の調整を行います。レイヤーパネルではマスクがレイヤーを基準に移動され、構成パネルではレイヤーが構成を基準に移動されます。以下の例では、コンポジションパネルでレイヤーがコンポジションに対してどのように配置されているかを示しています。

マスクを移動する

マスクの後ろにあるレイヤーをパンする

顔のトラッキングとマスクのトラッキング

マスクトラッカーを使用してマスクを変形させ、動画内でオブジェクトの動きに追従させます。 

また、マスクトラッカーを使用して、人間の顔を正確に検出および追跡することもできます。

エクスプレッションによるマスク、ベジェシェイプおよびブラシストロークのパスポイントへのアクセス

エクスプレッションを使用して、次の要素のパスポイントや頂点の x および y 座標を読み取ったり書き込んだりすることができます。

• レイヤーマスク
• ベジェシェイプ   
• ペイントのブラシストロークとロトブラシ＆エッジを調整エフェクト。

エクスプレッションメソッドは、スクリプトによるパスの頂点へのアクセスに似ています。 分かりやすくするため、エクスプレッションの名前は vertices() ではなく points() となります。

エクスプレッションメソッドへのアクセス

エクスプレッションメソッドにアクセスするには、次の手順に従います。

以下に、次のパスオブジェクトのエクスプレッションメソッドの例を示します。

• レイヤーマスクのパス：layer("Dark Gray Solid 1").mask("Mask 1").path or .maskPath
• ベジェシェイプのパス：layer("Shape Layer 1").content("Shape 1").content("Path 1").path
• ペイントエフェクトのストロークのパス：layer("Dark Gray Solid 1").effect("Paint").stroke("Brush 1").path
• ロトブラシ＆エッジを調整エフェクトのストロークパス：layer("Dark Gray Solid 1").effect("Roto Brush & Refine Edge").stroke("Foreground 1").path

これらのエクスプレッションメソッドの操作に関するヒント：

• ポイントと接線の値は頂点の座標を [x,y] で表す数値ペアの配列の配列として返されます。 座標値は小数点第 4 位未満を四捨五入した値に丸められます。
• ポイントと接線の配列はパス上の最初の頂点から始まります。 レイヤーマスクパスおよびベジェシェイプパスの最初の頂点は、レイヤー／マスクとシェイプパス／最初の頂点を設定コマンドを使用して変更できます。
• レイヤーマスクのパスポイントの座標は、レイヤーの左上隅の原点を基準とした相対座標で表されます。
• ベジェシェイプパスのポイント座標は、パスのシェイプグループのアンカーポイントを基準としています。たとえば、変形／シェイプ 1／アンカーポイントです。
• ブラシストロークのパスポイントの座標はストロークの始点を基準とした相対座標で表され、最初のポイントは [0,0] になります。
• toComp()メソッドやその他のレイヤースペース変換メソッドは、異なるレイヤーの座標を共通の空間に変換したり、単にコンポジション空間に対する座標を取得したりする際に便利です。
• ベジェシェイプのパスはレイヤーではなくローカルシェイプグループのアンカーポイントを基準とした相対座標で表されるので、予想と異なる値が返される場合があります。 これを回避するには、シェイプグループ内のすべての変形プロパティをゼロに設定します。パラメトリックシェイプをベジェシェイプに変換すると、シェイプグループの位置に影響する場合があることに注意してください。
• createPath()メソッドには、同じパスまたは他のパスのポイント、タンジェント、およびisClosedメソッドを渡すことができます。変更を加えずにこれらのメソッドを渡すと、パスを複製できます。これらのメソッドを渡す前にポイントおよび接線にトランスフォームを適用すると、パスを変更またはアニメートすることができます。

パスからヌルを作成パネル

パスからヌルを作成スクリプトUIパネルを使用すると、式を手動で記述せずに、式で駆動される直感的なアニメーションを作成できます。異なるパスをシェイプに、シェイプをソリッドに、など直接リンクさせることができます。パスからヌルを作成パネルは、パスポイントへの式アクセスを利用してヌルを自動的にリンクするため、式を自分で記述する必要はありません。

このパネルでは、マスクパスまたはベジェシェイプパスのパスポイントごとにヌルを作成します。 パネルの次のボタンを使用して、ヌルの機能を指定できます。

• ポイントをヌルに追従：このボタンをクリックすると、パスポイントの位置を制御するヌルが作成されます。パスポイントはヌルに接続されており、ヌルをアニメートすることでパスポイントを動かすことができます。
• ヌルをポイントに追従：このボタンをクリックすると、パスポイントによって位置が制御されるヌルが作成されます。ヌルはパスポイントに接続されており、パスポイントをアニメートすることでヌルを動かすことができます。
• パスをトレース：このボタンをクリックすると、パスに沿って移動する単一のヌルが作成されます。ヌルの位置は、パスの座標にリンクされています。ヌルの回転はパスに従って自動的に方向が設定されます。 パスをトレースは、ヌルのパス上での移動とループの有無を制御します。デフォルトでは、キーフレームは1秒でパスをトレースするように設定されており、ループは有効になっています。

パネルの操作