マニュアル キャンセル

シェイプを作成中

ペンツールとシェイプツールを使用してシェイプの作成や変更を行い、Illustrator や Photoshop から After Effects にパスをコピーします。

シェイプレイヤーを作成するには、コンポジションパネルでシェイプツールやペンツールを使用して描画します。その後、既存のシェイプにシェイプ属性を追加したり、シェイプレイヤー内にシェイプを作成したりします。デフォルトでは、シェイプレイヤーを選択した状態でコンポジションパネルでシェイプを描画すると、そのシェイプレイヤー内で、選択した 1 つまたは複数のシェイプの上に作成されます。シェイプレイヤー以外のイメージレイヤーを選択した状態で、シェイプツールまたはペンツールを使用してコンポジションパネルに描画すると、マスクが作成されます。

注意:

シェイプツールのショートカットは Q で、ペンツールのショートカットは G です。

注意:

シェイプレイヤーを作成するには、コンポジションパネルで描画する前に、F2 キーを押してすべてのレイヤーの選択を解除します。

通常、新しいシェイプを作成すると、ツールパネルの「塗り」と「」で設定されていた塗りと線が適用されます。シェイプを作成した後でこれらの属性を変更するには、シェイプを選択してツールパネルの「塗り」や「線」で値を指定します。テキストから作成されたシェイプは、元のテキストと同じ「塗り」と「線」を使用して作成されます。

ベクトルアートフッテージをシェイプに変換する

ベクトルアートフッテージレイヤーからシェイプレイヤーを作成し、その後、変更することができます。After Effects でのオブジェクトのベベルと押し出しの機能を使用して、ロゴの押し出しなどのアートワークに押し出しを適用することができます。

ベクトルアートのフッテージパネルをシェイプレイヤーに変換するには、レイヤー作成ベクターレイヤーからシェイプを作成を選択します。一致するシェイプレイヤーがフッテージレイヤーの上に表示され、フッテージレイヤーがミュートされます。

シェイプツールでドラッグしてシェイプを作成する

シェイプツールには、長方形角丸長方形楕円多角形スターツールがあります。

注意:

シェイプツールをアクティブにし、種類を順に切り替えるには、Q キーを押します。

多角形は、内半径プロパティまたは内側の丸みプロパティを持たない以外はスターと同じです。したがって、多角形やスターとして作成したシェイプの名前は、いずれも多角形となります。

コンポジションパネルやレイヤーパネルで、選択したレイヤー上をシェイプツールでドラッグすると、マスクを作成できます。コンポジションパネルで、選択したシェイプレイヤーにシェイプツールをドラッグすると、シェイプを作成できます。レイヤーを選択せずに、コンポジションパネルでシェイプツールをドラッグすると、新しいシェイプレイヤーにシェイプが作成されます。

注意:

シェイプレイヤーにマスクを作成するには、ツールパネルでシェイプツールをアクティブにして、「ツールがマスクを作成 」ボタンを選択します。

コンポジションパネルで、シェイプツールでドラッグしてシェイプを作成すると、パラメトリックシェイプパスが作成されます。パラメトリックシェイプパスの代わりに、ベジェシェイプパスを作成するには、Alt キー(Windows)または Option キー(macOS)を押してからドラッグします。キーは、ドラッグ操作を完了する前に放してもかまいません。マスクパスはすべて、ベジェパスです。シェイプとシェイプレイヤーの操作について説明します。

ドラッグは、コンポジションまたはレイヤーパネルでクリックして作成し始めた時点から開始し、マウスボタンを放した時点で終了します。ドラッグ中に様々なタイミングでショートカットキーを使うと、異なる結果が得られます。

  • シェイプやマスクの作成中に配置し直すには、スペースバーかマウスの中央ボタンを押したままドラッグします。
  • 円、楕円、正方形、角丸正方形、長方形、角丸長方形の描画中に、中心を軸に拡大縮小するには、Ctrl キー(Windows)または Command キー(macOS)を押したままドラッグします。マウスボタンを放して描画の作成を完了するまで、キーを放さないでください。
  • 描画の操作をキャンセルするには、Esc キーを使用します。
注意:

各シェイプツールは、最後に使用したときの設定を保持します。例えば、星の描画中に頂点の数を 10 個に変更すると、次に描画するときには 10 個の頂点を持つ星が作成されます。ツールを初期設定にリセットしてシェイプを作成するには、ツールパネルでそのツールをダブルクリックします。

長方形、角丸長方形、正方形、角丸正方形 を描画

  1. 長方形ツールまたは角丸長方形ツールを選択し、次のいずれかの操作を行います。

    • 長方形または角丸長方形を描画するには、対角線上にドラッグします。
    • 正方形または角丸正方形を描画するには、Shift キーを押しながら対角線上にドラッグします。

  2. (オプション)角丸長方形または角丸正方形を描画するには、マウスボタンを放す前に次の操作を行います。

    • 角の丸みを増減するには、上向き矢印キーまたは下向き矢印キーを押すか、マウスホイールを前後に回します。
    • 角の丸みを最大または最小に設定するには、左向き矢印キーまたは右向き矢印キーを押します。
  3. マウスのボタンを放すと、描画が完了します。正方形または角丸正方形を描画する場合は、マウスボタンを放した後に Shift キーを放します。

楕円と円を描画する

  1. 楕円ツール を選択し、次のいずれかの操作を行います。

    • 楕円を描画するには、対角線上にドラッグします。
    • 円を描画するには、Shift キーを押しながら対角線上にドラッグします。

  2. マウスを放すと描画が完了します。円を描画する場合は、マウスボタンを放した後に Shift キーを放します。

多角形と星を描画

  1. 多角形ツール またはツール を選択し、次のいずれかの操作を行います。

    • 描画中に、多角形または星をドラッグして拡大縮小または回転します。
    • 描画中に、多角形または星を Shift キーを押しながらドラッグして拡大縮小すると、回転を防ぎます。
  2. (オプション)マウスボタンを放す前に、次の操作を行います。

    • 頂点を追加または削除するには、上向き矢印キーまたは下向き矢印キーを押すか、マウスホイールを前後に回します。
    • 外側の丸みを増減するには、左向き矢印キーまたは右向き矢印キーを使用します。
    • マウスを移動して星型の内径を一定に保ち、外径を増加させるには、Ctrl キー(Windows)または Command キー(macOS)を押したままにします。
    • 星の内側の丸みを増減するには、Page Up キーまたは Page Down キーを使用します。
  3. マウスのボタンを放すと描画が完了します。Shift キーを押して回転しないようにした場合は、マウスボタンを放した後に Shift キーを放します。

ペンツールを使用してベジェシェイプまたはベジェマスクを作成

ベジェマスクは、コンポジションパネルまたはレイヤーパネルの選択したレイヤー上でペンツールを使用することで作成できます。ベジェパスを持つシェイプを作成するには、コンポジションパネルでシェイプレイヤーを選択し、その上でペンツールを使用します。レイヤーを選択せずに、コンポジションパネルでペンツールをドラッグすると、新しいシェイプレイヤーにシェイプが作成されます。

ロトベジェパスの作成方法は、マニュアルベジェパスの作成とほぼ同様です。主な違いは、ロトベジェパスでは頂点の方向線とパスセグメントの曲率が自動的に計算される点です。

ペンツールを使用して手動でベジェパスを作成する

  1. ツールパネルでペンツールを選択し、「ロトベジェツール」オプションの選択を解除した状態で、コンポジションパネル内で最初の頂点を配置する場所を選択します。

  2. 次の頂点を配置する場所を選択します。曲線のセグメントを作成するには、方向線ハンドルをドラッグして目的の曲線を作成します。

    注意:

    頂点をクリックし、マウスボタンを放す前にその頂点の位置を変更するには、スペースバーを押しながらドラッグします。

    最後に追加した頂点は、選択されていることを示す塗りつぶされた四角形で表示されます。別の頂点を追加すると、それまでに追加した頂点は、選択が解除されていることを示す塗りつぶされていない四角形で表示されます。

  3. 手順 2 を繰り返してパスを完成させます。
  4. 次のいずれかの操作を行ってパスを閉じます。
    • パスを閉じるには、ポインターの位置を最初の頂点の上に移動し、ポインターの横に閉じた円アイコンが表示されたら頂点を選択します。最後の頂点をダブルクリックするか、レイヤーマスクとシェイプのパスクローズパスを選択してパスを閉じることもできます。
    • パスを開いたままにするには、別のツールをアクティブにするか、F2 キーを押してパスの選択を解除します。

ペンツールを使用して手動で直線のベジェパスを描画する

ペンツールで作成できる最も単純なパスは直線です。ペンツールをクリックして 2 つの頂点を決めるだけで作成されます。選択を続けると、複数の直線セグメントをコーナーポイントで接続したパスができます。

  1. 直線セグメントの始点にペンツールを置き、選択して頂点を作成します。ドラッグしないでください。

    ペンツールをクリックして直線セグメントを作成
    ペンツールを選択して直線セグメントを作成

  2. セグメントの終点位置で、もう一度選択します(コーナーポイントでのセグメント間の角度を 45° の整数倍にするには、Shift キーを押しながらクリックします)。

  3. クリックを続けて、他の直線セグメントの頂点を作成します。

ペンツールを使用して曲線マニュアルベジェパスを描画する

方向線をドラッグして、曲線パスセグメントを作成します。曲線の形状は、方向線の長さと方向によって決まります。

注意:

方向線の角度を 45° の整数倍にするには、Shift キーを押しながらドラッグします。Alt キー(Windows)または Option キー(macOS)を押しながらドラッグすると、外向きの方向線のみが修正されます。

  1. ペンツールを曲線の始点に置き、マウスボタンを長押しします。頂点が表示され、ペンツールのポインターが矢印に変わります。

  2. 頂点の両方の方向線の長さと方向をドラッグして変更し、マウスボタンを放します。

    曲線パスの最初の頂点を指定
    曲線パスの最初の頂点を指定

    A. ペンツールを配置 B. マウスボタンを押したままドラッグを開始 C. ドラッグして方向線を伸ばす 

  3. 曲線セグメントの終点にペンツールを置いてから、次のいずれかの操作を行います。

    • C 字曲線を作成するには、前の方向線とは逆の方向にドラッグし、マウスボタンを放します。
    曲線パスの 2 番目の頂点を指定
    曲線パスの 2 番目の頂点を指定

    A. ドラッグを開始 B. 前の方向線とは逆の方向にドラッグして C 字曲線を作成 C. マウスボタンを放した後の曲線 

    • S 字曲線を作成するには、前の方向線と同じ方向にドラッグし、マウスボタンを放します。
    S 字曲線の作成
    S 字曲線の作成

    A. ドラッグを開始 B. 前の方向線と同じ方向にドラッグして S 字曲線を作成 C. マウスボタンを放した後の曲線 

  4. 引き続き、別の場所からペンツールをドラッグして、一連の滑らかな曲線を作成します。

レイヤーサイズのシェイプを作成する

  1. 新しいシェイプの作成場所を指定します。

    • 既存のシェイプレイヤーの上にシェイプを作成するには、そのレイヤーを選択します。
    • コンポジションと同じサイズの新しいシェイプレイヤーにシェイプを作成するには、F2 キーを押してすべてのレイヤーの選択を解除します。
    • シェイプパスを置き換えるには、コンポジションパネルかタイムラインパネルでシェイプパス(グループではなく)を選択します。
  2. ツールパネルで、長方形 角丸長方形 楕円 多角形 およびスター ツールをダブルクリックします。

テキスト文字からシェイプを作成する

テキストからシェイプを作成」を使用すると、各文字のアウトラインを抽出し、そのアウトラインからシェイプを作成して、シェイプを新しいシェイプレイヤーに配置します。この方法で作成したシェイプは、他のシェイプと同じように使用できます。

テキストからマスクを作成」を使用すると、各文字のアウトラインを抽出し、そのアウトラインからマスクを作成して、マスクを新しい平面レイヤーに配置します。この方法で作成したマスクは、他のマスクと同じように使用できます。

注意:

Webdings などのフォントファミリーには、テキストではなく、グラフィック画像が含まれています。シェイプレイヤーにシンプルなグラフィック要素から開始するには、これらのフォントファミリーのテキストを変換して使用すると簡単です。

テキストからシェイプを作成する

  1. シェイプに変換するテキストを選択します。
    • テキストレイヤー内のすべての文字をマスクに変換するには、タイムラインパネルまたはコンポジションパネルでテキストレイヤーを選択します。
    • 特定の文字だけをシェイプに変換するには、コンポジションパネルでその文字を選択します。
  2. 次のいずれかの操作を行います。
    • レイヤーテキストからシェイプを作成を選択します。
    • レイヤーまたはテキストを右クリック(Windows)または Control キーを押しながらクリック(macOS)し、コンテキストメニューから「テキストからマスクを作成」を選択します。

Illustrator または Photoshop からのパスのコピー

Illustrator または After Effects からのパスのコピー

Illustrator、Photoshop でパスをコピーAfter Effects にマスクパスまたはシェイプパスとしてペーストできます。

Illustrator から After Effects に、互換性のあるデータをコピーするには、Adobe Illustrator の環境設定ダイアログボックスの「ファイルとクリップボード」セクションで「AICB」オプションを選択しておく必要があります。

Photoshop から読み込んだパスを適切にスケールするには、Photoshop ドキュメントの解像度を 72dpi に設定する必要があります。72dpi はフィルムとビデオプリセットを使用して Photoshop で作成されたドキュメントの解像度設定です。

Illustrator、または Photoshop からパスをコピーして、After Effects のモーションパスとして使用することもできます。マスク、シェイプまたはペイントパスからのモーションパスの作成について説明します。

Adobe Illustrator で作成したパス(左)と After Effects にマスクとしてペーストしたパス(右)

  1. Illustrator、または Photoshop で、パス全体を選択してから、編集コピーを選択します。

  2. After Effects で次の操作を行い、ペースト操作の対象を定義します。
    • マスクを作成するには、レイヤーを選択します。
    • 既存のマスクパスまたはシェイプパスを置き換えるには、パスプロパティを選択します。
    注意:

    パスをシェイプパスとしてペーストするには、シェイプレイヤーで既存のシェイプのパスプロパティを選択します。このセクションは、ペースト操作の対象を After Effects に通知します。ペーストの対象が指定されていない場合、レイヤー全体が対象となり、新しいマスクが作成されます。パスプロパティがない場合(シェイプレイヤーが空の場合など)は、ペンツールを使用してプレースホルダーパスを作成し、Illustrator からプレースホルダーパスにパスをペーストします。

  3. 編集ペーストを選択します。複数のパスをシェイプパスに貼り付けると、最初のパスがシェイプパスに貼り付けられ、残りのパスは新しいマスクパスに貼り付けられます。

モーションパスからシェイプを作成

位置キーフレーム、アンカーポイントキーフレームまたはエフェクトコントロールポイントの位置キーフレームをコピーして、選択したマスクパスまたはシェイプパスにペーストできます。モーションパスからマスクパスまたはシェイプパスを作成する場合、キーフレームは必ず 1 つの位置プロパティからのみコピーします。それ以外のプロパティのキーフレームはコピーしないでください。

注意:

モーションスケッチを使用してモーションパスを描画し、それをマスクパスまたはシェイプパスにペーストします。

宇宙船のモーションパスを背景レイヤーにコピーし、アニメーション化

  1. タイムラインパネルで、モーションパスのコピー元になる位置プロパティまたはアンカーポイントプロパティの名前を選択します。この場合は、すべてのキーフレームが選択されます。モーションパスの一部のキーフレームだけを選択するには、Shift キーを押しながらクリックします。

  2. 編集コピーを選択します。

  3. シェイプレイヤーを作成するには、F2 キーを押してすべてのレイヤーの選択を解除し、コンポジションパネルでペンツールを選択して 1 つのポイントから成るベジェパスを作成します。

  4. S キーを 2 回押して、シェイプのパスプロパティを表示します。モーションパスのキーフレームをペーストするパスプロパティの名前を選択します。

  5. 編集ペーストを選択します。

ヒント :

詳しくは、モーションパスからマスクを作成を参照してください。

トランスフォームしながらシェイプグループを複製する

グループ選択モードでシェイプグループを選択すると、コンポジションパネルでグループを移動、回転、スケールして複製できます。

グループを変形するには、Alt キー(Windows)または Option キー(macOS)を押しながらドラッグします。

これらのキーを押した状態でポインターをグループのトランスフォームボックスに近付けると、ポインターが複製ポインターに変わります。

ヘルプをすばやく簡単に入手

新規ユーザーの場合