ツールパネルでペンツールを選択し、「ロトベジェツール」オプションの選択を解除した状態で、コンポジションパネル内で最初の頂点を配置する場所を選択します。
最終更新日 :
2023年5月24日
- After Effects ユーザガイド
- ベータ版のリリース
- はじめに
- Workspaces
- プロジェクトとコンポジション
- フッテージの読み込み
- テキストとグラフィック
- テキスト
- モーショングラフィック
- 描画、ペイント、パス
- レイヤー、マーカー、カメラ
- アニメーション、キーフレーム、モーショントラッキング、キーイング
- アニメーション
- キーフレーム
- モーショントラッキング
- キーイング
- 透明度と合成
- カラーの調整
- エフェクトおよびアニメーションプリセット
- エクスプレッションと自動化
- イマーシブビデオ、VR、3D
- After Effects での VR 環境の作成
- イマーシブビデオエフェクトの適用
- VR／360 度ビデオの合成ツール
- 高度 3D レンダラー
- 3D モデルを読み込んでコンポジションに追加
- Creative Cloud ライブラリからの 3D モデルの読み込み
- 画像ベースの照明
- 3D モデルからのライトとカメラの抽出およびアニメーション化
- 3D カメラの移動のトラッキング
- シャドウを落とすおよび受ける
- 埋め込まれた 3D モデルアニメーション
- シャドウキャッチャー
- 3D 深度データ抽出
- 3D レイヤーのマテリアルプロパティの変更
- 3D デザインスペースでの作業
- 3D 変形ギズモ
- 3D アニメーションによるその他の操作
- Mercury 3D エンジンを使用した、3D デザインへのリアルタイムのプレビュー変更
- グラフィックへのレスポンシブデザインの追加
- ビューとプレビュー
- レンダリングと書き出し
- その他のアプリケーションの使用
- 共同作業：Frame.io と Team Projects
- メモリ、ストレージおよびパフォーマンス
- ナレッジベース
ペンツールとシェイプツールを使用してシェイプの作成や変更を行い、Illustrator や Photoshop から After Effects にパスをコピーします。
シェイプレイヤーを作成するには、コンポジションパネルでシェイプツールやペンツールを使用して描画します。その後、既存のシェイプにシェイプ属性を追加したり、シェイプレイヤー内にシェイプを作成したりします。デフォルトでは、シェイプレイヤーを選択した状態でコンポジションパネルでシェイプを描画すると、そのシェイプレイヤー内で、選択した 1 つまたは複数のシェイプの上に作成されます。シェイプレイヤー以外のイメージレイヤーを選択した状態で、シェイプツールまたはペンツールを使用してコンポジションパネルに描画すると、マスクが作成されます。詳しくは、After Effects でマスクを作成するを参照してください。
注意：
シェイプツールのショートカットは Q、ペンツールは G です。
注意：
シェイプレイヤーを作成するには、コンポジションパネルで描画する前に、F2 キーを押してすべてのレイヤーの選択を解除します。
通常、新しいシェイプを作成すると、ツールパネルの「塗り」と「線」で設定されていた塗りと線が適用されます。シェイプを作成した後でこれらの属性を変更するには、シェイプを選択してツールパネルの「塗り」や「線」で値を指定します。テキストから作成されたシェイプは、元のテキストと同じ「塗り」と「線」を使用して作成されます。
ベクトルアートフッテージをシェイプに変換する
ベクトルアートフッテージレイヤーからシェイプレイヤーを作成し、そのシェイプレイヤーを変更することができます。After Effects でのオブジェクトのベベルと押し出しの機能を使用して、ロゴの押し出しなどのアートワークに押し出しを適用することができます。詳しくは、「テキストレイヤーとシェイプレイヤーへの押し出しの適用」を参照してください。
ベクトルアートのフッテージパネルをシェイプレイヤーに変換するには、レイヤー／作成／ベクターレイヤーからシェイプを作成を選択します。一致するシェイプレイヤーがフッテージレイヤーの上に表示され、フッテージレイヤーがミュートされます。
- Illustrator ファイルの一部の機能は現時点では維持されません。例えば、不透明度、画像、グラデーションは維持されません。
- 変換されたシェイプでは、フッテージを変換ダイアログボックスに指定された PAR 上書きは無視されます。
- グラデーションやサポート対象外のタイプでは 50 ％グレーのシェイプとして表示されることがあります。
- 大量のパスを含むファイルは、読み込みの時間が長くかかることがあります。その間にメッセージは表示されません。
- メニューコマンドは、一度に 1 つの選択中のレイヤーに対して動作します。
- Illustrator ファイルをコンポジション（複数のレイヤー）として読み込む場合、すべてのレイヤーを 1 つのパスに変換することはできません。ただし、ファイルをフッテージとして読み込み、コマンドを使用して 1 つのフッテージレイヤーをシェイプに変換することはできます。
シェイプツールを使用したドラッグするシェイプの作成
シェイプツールには、長方形 
、角丸長方形 
、楕円 
、多角形 
、スターの 
各ツールがあります。
注意：
シェイプツールをアクティブにし、種類を順に切り替えるには、Q キーを押します。
多角形は、内半径プロパティまたは内側の丸みプロパティを持たない以外はスターと同じなので、多角形やスターとして作成したシェイプの名前は、いずれも多角形となります。
コンポジションパネルやレイヤーパネルで、選択したレイヤー上をシェイプツールでドラッグすると、マスクを作成できます。コンポジションパネルで、選択したシェイプレイヤーにシェイプツールをドラッグすると、シェイプを作成できます。レイヤーを選択せずに、コンポジションパネルでシェイプツールをドラッグすると、新しいシェイプレイヤーにシェイプが作成されます。
注意：
シェイプレイヤーにマスクを作成するには、ツールパネルでシェイプツールをアクティブにして、「マスクを作成 
」ボタンを選択します。
コンポジションパネルで、シェイプツールでドラッグしてシェイプを作成すると、パラメトリックシェイプパスが作成されます。パラメトリックシェイプパスの代わりに、ベジェシェイプパスを作成するには、Alt キー（Windows）または Option キー（macOS）を押してからドラッグします。キーは、ドラッグ操作を完了する前に放してもかまいません。マスクパスはすべて、ベジェパスです。（シェイプとシェイプレイヤーについてを参照。）
ドラッグは、コンポジションまたはレイヤーパネルでクリックして作成し始めた時点から開始し、マウスボタンを放した時点で終了します。ドラッグ中に様々なタイミングでショートカットキーを使うと、異なる結果が得られます。
シェイプやマスクの作成中に配置し直すには、スペースバーかマウスの中央ボタンを押したままドラッグします。
円、楕円、正方形、角丸正方形、長方形、角丸長方形の作成中に、中心を軸に拡大縮小するには、Ctrl キー（Windows）または Command キー（macOS）を押したままドラッグします。マウスボタンを放して描画の作成を完了するまで、キーを放さないでください。
描画の作成を中止するには、Esc キーを押します。
注意：
各シェイプツールは、最後にそのツールを使用したときの描画操作の設定を保持します。例えば、星形の描画中に、矢印キーを使って頂点の数を 10 個に変更すると、次回星形を描画するときには 10 個の頂点を持つ星形が作成されます。ツールを初期設定にリセットしてシェイプを作成したいときは、ツールパネルでそのツールをダブルクリックします。（レイヤーサイズのシェイプまたはマスクを作成するを参照。）
長方形、角丸長方形、正方形、角丸正方形を描画する
- 長方形ツール
または角丸長方形ツール 
を選択し、次のいずれかの操作を行います。- 長方形または角丸長方形を描画するには、対角線上にドラッグします。
- 正方形または角丸正方形を描画するには、Shift キーを押しながら対角線上にドラッグします。
2. （オプション）角丸長方形または角丸正方形を描画するには、マウスボタンを放す前に次の操作をおこないます。
- 角の丸みを増減するには、上向き矢印キーまたは下向き矢印キーを押すか、マウスホイールを前後に回します。
- 角の丸みを最大または最小に設定するには、左向き矢印キーまたは右向き矢印キーを押します。
3. マウスのボタンを放すと、描画が終了します。正方形または角丸正方形を描画した場合は、マウスボタンを放した後に Shift キーを放します。
注意：
正方形は、コンポジションのピクセル縦横比に従った正方形が作成されます。コンポジションのピクセル縦横比が 1 でない場合は、コンポジションパネルの下部にある「ピクセル縦横比の切り替え」ボタン 
を選択した場合にだけ、コンポジションパネルに正方形が正方形として表示されます。
楕円と円を描画する
- 楕円ツール
を選択し、次のいずれかの操作を行います。- 楕円を描画するには、対角線上にドラッグします。
- 円を描画するには、Shift キーを押しながら対角線上にドラッグします。
- マウスを放すと描画が終了します。円を描画した場合は、マウスボタンを放した後に Shift キーを放します。
注意：
円は、コンポジションのピクセル縦横比に従った円が作成されます。コンポジションのピクセル縦横比が 1 でない場合は、コンポジションパネルの下部にある「ピクセル縦横比の切り替え」ボタン を選択した場合にだけ、コンポジションパネルに円が円として表示されます。
多角形とスターを描画する
- 多角形ツール または星型ツール
を選択し、次のいずれかの操作を行います。- 多角形またはスターをドラッグして作成すると、拡大縮小または回転します。
- 多角形またはスターを Shift キーを押しながらドラッグして作成中すると、回転しないよう固定されます。
2. （オプション）マウスボタンを放す前に、次の操作をおこないます。
- 点を追加または削除するには、上向き矢印キーまたは下向き矢印キーを押すか、マウスホイールを前後に回します。
- 外側の丸みを増減するには、左向き矢印キーまたは右向き矢印キーを押します。
- マウスを移動して星型の外径を増加させるときに、内径を一定に保つには、Ctrl キー（Windows）または Command キー（macOS）を押したままにします。
- 星型の内側の丸みを増減するには、Page Up キーまたは Page Down キーを押します。
3. マウスのボタンを放すと描画が終了します。Shift キーを押して回転しないようにした場合は、マウスボタンを放した後に Shift キーを離します。
ペンツールを使用してベジェシェイプまたはベジェマスクを作成する
ベジェマスクを作成するには、コンポジションパネルまたはレイヤーパネルでレイヤーを選択し、その上でペンツールを使用します。ベジェパスを持つシェイプを作成するには、コンポジションパネルでシェイプレイヤーを選択し、その上でペンツールを使用します。レイヤーを選択せずに、コンポジションパネルでペンツールをドラッグすると、新しいシェイプレイヤーにシェイプが作成されます。
ロトベジェパスの作成方法は、マニュアルベジェパスの作成とほぼ同様です。主な違いは、ロトベジェパスでは頂点の方向線とパスセグメントの湾曲が自動的に計算される点です。
ペンツールを使用して手動でベジェパスを作成する
-
-
次の頂点を配置する場所を選択します。曲線のセグメントを作成するには、方向線ハンドルをドラッグして目的の曲線を作成します。
注意：頂点をクリックし、マウスボタンを放す前にその頂点の位置を変更するには、スペースバーを押しながらドラッグします。
最後に追加した頂点は、選択されていることを示す塗りつぶされた四角形で表示されます。別の頂点を追加すると、それまでに追加した頂点は、選択が解除されていることを示す塗りつぶされていない四角形で表示されます。
-
手順 2 を繰り返してパスを完成させます。
-
次のいずれかの操作を行ってパスを閉じます。
- ポインターの位置を最初の頂点の上に移動し、ポインターの横に閉じた円アイコン
が表示されたら頂点を選択します。最後の頂点をダブルクリックするか、レイヤー／マスクとシェイプのパス／クローズパスを選択してパスを閉じることもできます。
- パスを開いたままにするには、別のツールをアクティブにするか、F2 キーを押してパスの選択を解除します。
- ポインターの位置を最初の頂点の上に移動し、ポインターの横に閉じた円アイコン
ペンツールを使用して直線の手動によるベジェパスを描画する
ペンツールで作成できる最も単純なパスは直線です。ペンツールをクリックして 2 つの頂点を決めるだけで作成されます。選択を続けると、複数の直線セグメントをコーナーポイントで接続したパスができます。
-
直線セグメントの始点にペンツールを置き、選択して頂点を作成します。（ドラッグはしないでください）
ペンツールをクリックして直線セグメントを作成
ペンツールをクリックして直線セグメントを作成 -
セグメントの終点位置で、もう一度クリックします（コーナーポイントでのセグメント間の角度を 45 度の整数倍にするには、Shift キーを押しながらクリックします）。
-
クリックを続けて、他の直線セグメントに頂点を作成します。
ペンツールを使用して曲線マニュアルベジェパスを描画する
方向線をドラッグして、曲線パスセグメントを作成します。曲線の形状は、方向線の長さと方向によって決まります。
注意：
方向線の角度を 45 度の整数倍にするには、Shift キーを押しながらドラッグします。Alt キー（Windows）または Option キー（macOS）を押しながらドラッグすると、外向きの方向線のみが修正されます。
1.ペンツールを曲線の始点に置き、マウスボタンを押したままにします。頂点が表示され、ペンツールのポインターが矢印に変わります。
2. 頂点の両方の方向線の長さと方向をドラッグして変更し、マウスボタンを放します。
A. ペンツールを配置 B. マウスボタンを押したままドラッグを開始 C. ドラッグして方向線を伸ばす
3.曲線セグメントの終点にペンツールを置いてから、次のいずれかの操作を行います。
- C 字曲線を作成するには、前の方向線とは逆の方向にドラッグし、マウスボタンを放します。
A. ドラッグを開始 B. 前の方向線とは逆の方向にドラッグして C 字曲線を作成 C. マウスボタンを放した後の曲線
- S 字曲線を作成するには、前の方向線と同じ方向にドラッグし、マウスボタンを放します。
A. ドラッグを開始 B. 前の方向線と同じ方向にドラッグして S 字曲線を作成 C. マウスボタンを放した後の曲線
4.引き続き、別の場所からペンツールをドラッグして、一連の滑らかな曲線を作成します。
レイヤーサイズのシェイプを作成する
-
新しいシェイプの作成場所を指定します。
- 既存のシェイプレイヤーの上にシェイプを作成するには、そのレイヤーを選択します。
- コンポジションと同じサイズの新しいシェイプレイヤーにシェイプを作成するには、F2 キーを押してすべてのレイヤーの選択を解除します。
- シェイプパスを置き換えるには、コンポジションパネルかタイムラインパネルでシェイプパス（グループではなく）を選択します。
-
ツールパネルで、長方形
、角丸長方形 、楕円 、多角形 
、スター のいずれかのツールをダブルクリックします。
テキスト文字からシェイプを作成する
「テキストからシェイプを作成」を使用すると、各文字のアウトラインを抽出し、そのアウトラインからシェイプを作成して、シェイプを新しいシェイプレイヤーに配置します。この方法で作成したシェイプは、他のシェイプと同じように使用できます。
「テキストからマスクを作成」を使用すると、各文字のアウトラインを抽出し、そのアウトラインからマスクを作成して、マスクを新しい平面レイヤーに配置します。この方法で作成したマスクは、他のマスクと同じように使用できます。
注意：
Webdings などのフォントファミリーには、テキストではなく、グラフィック文字が含まれています。簡単なグラフィック要素のシェイプレイヤーを作成するには、これらのフォントファミリーのテキストを変換して使用すると簡単です。
-
シェイプに変換するテキストを選択します。
- テキストレイヤー内のすべての文字をマスクに変換するには、タイムラインパネルまたはコンポジションパネルでテキストレイヤーを選択します。
- 特定の文字だけをシェイプに変換するには、コンポジションパネルでその文字を選択します。
-
次のいずれかの操作をおこないます。
- レイヤー／テキストからシェイプを作成を選択します。
- レイヤーまたはテキストを右クリック（Windows）または Control キーを押しながらクリック（macOS）し、コンテキストメニューから「テキストからマスクを作成」を選択します。
- また、テキストレイヤーのビデオスイッチ
がオフになります。 - 新しいシェイプレイヤーは、既存のレイヤーの一番上に追加されます。新しいレイヤーには、選択した文字ごとに 1 つのシェイプグループと、そのテキストの「塗りと線」プロパティが保存されます。
- 複合パスで構成される文字（例えば、i や e）では、複数のパスが作成され、「パスを結合」のパス操作で結合されます。
- エフェクト、マスク、レイヤースタイルや、テキストレイヤーのトランスフォームプロパティグループに含まれるプロパティに適用したキーフレームとエクスプレッションは、新しいシェイプレイヤーまたは平面レイヤーにコピーされます。
Illustrator または Photoshop からのパスのコピー
Illustrator、Photoshop でパスをコピーAfter Effects にマスクパスまたはシェイプパスとしてペーストできます。
Illustrator から After Effects に、互換性のあるデータをコピーするには、Adobe Illustrator の環境設定ダイアログボックスの「ファイルとクリップボード」セクションで「AICB」オプションを選択しておく必要があります。
Photoshop から読み込んだパスを適切にスケールするには、Photoshop ドキュメントの解像度を 72dpi に設定する必要があります。72dpi はフィルムとビデオプリセットを使用して Photoshop で作成されたドキュメントの解像度設定です。
Illustrator、または Photoshop からパスをコピーして、After Effects のモーションパスとして使用することもできます。詳しくは、「マスク、シェイプまたはペイントパスからモーションパスを作成する」を参照してください。
-
Illustrator、または Photoshop でパス全体を選択してから、編集／コピーを選択します。
-
After Effects で次の操作を行い、ペースト操作の対象を定義します。
- マスクを作成するには、レイヤーを選択します。
- 既存のマスクパスまたはシェイプパスを置き換えるには、パスプロパティを選択します。
注意：パスをシェイプパスとしてペーストするには、シェイプレイヤーで既存のシェイプのパスプロパティを選択します。このセクションは、ペースト操作の対象を After Effects に通知します。ペーストの対象が指定されていない場合、レイヤー全体が対象となり、新しいマスクが作成されます。パスプロパティがない場合（シェイプレイヤーが空の場合など）は、ペンツールを使用してプレースホルダーパスを作成し、Illustrator からプレースホルダーパスにパスをペーストします。
-
編集／ペーストを選択します。複数のパスをシェイプパスにペーストすると、最初のパスがシェイプパスにペーストされ、残りのパスは新しいマスクパスにペーストされます。
モーションパスからのシェイプを作成する
位置キーフレーム、アンカーポイントキーフレームまたはエフェクトコントロールポイントの位置キーフレームをコピーして、選択したマスクパスまたはシェイプパスにペーストできます。モーションパスからマスクパスまたはシェイプパスを作成する場合、キーフレームは必ず 1 つの位置プロパティからのみコピーします。それ以外のプロパティのキーフレームはコピーしないでください。
注意：
モーションスケッチを使用してモーションパスを描画し、それをマスクパスまたはシェイプパスにペーストします。
-
タイムラインパネルで、モーションパスのコピー元になる位置プロパティまたはアンカーポイントプロパティの名前を選択します（この場合は、すべてのキーフレームが選択されます。モーションパスの一部のキーフレームだけを選択するには、Shift キーを押しながらクリックします）。
-
編集／コピーを選択します。
-
シェイプレイヤーを作成するには、F2 キーを押してすべてのレイヤーの選択を解除し、コンポジションパネルでペンツールを選択して 1 つのポイントから成るベジェパスを作成します。
-
S キーを 2 回押して、シェイプのパスプロパティを表示します。モーションパスのキーフレームをペーストするパスプロパティの名前を選択します。
-
編集／ペーストを選択します。
モーションパスからマスクパスを作成する
これをおこなうには、「モーションパスからマスクを作成する」を参照してください。
トランスフォームしながらシェイプグループを複製する
グループ選択モードでシェイプグループを選択すると、コンポジションパネルでグループを移動、回転、スケールして複製できます。
グループを変形するには、Alt キー（Windows）または Option キー（macOS）を押しながらドラッグします。
これらのキーを押した状態でポインターをグループのトランスフォームボックスに近付けると、ポインターが複製ポインター（
または 
）に変わります。
