After Effects (アフターエフェクト) シェイプレイヤーの使い方ガイド【初心者用】

After Effects でアニメーションを作成する際、シェイプは欠かせない要素です。シェイプの作成は簡単で、数クリックでできます。シェイプレイヤーの作成はアニメーターにとって基本的なスキルで、多くのアーティストは、コンポジション作成のためにシェイプレイヤーを多用しています。After Effects のシェイプレイヤーは、特殊効果の作成からアイコンを使用した動画の制作まで幅広い用途があるため、プロジェクトで必ず使用するでしょう。

Part 1: シェイプレイヤーとは？

After Effectsのシェイプレイヤーとは、After Effects内で作成されたシェイプを含むレイヤーのことを意味します。

After Effectsでは、PNG形式の画像を含めることも、PhotoshopやIllustratorファイルをインポートすることもできます。しかし、After Effects内で画像を操作したい場合は、シェイプレイヤーを作成する必要があります。シェイプレイヤーを使用すると、さまざまなトランスフォーム設定を使用したり、シェイプパスをアニメーション化したりすることができます。

Part 2: After Effects内でのシェイプレイヤーの作成・編集方法

After Effectsでシェイプレイヤーを作成するのはとても簡単ですが、作成したいシェイプによっては複雑になることもあります。

標準的なシェイプを作成する

After Effectsでは、円、正方形、長方形、多角形などの基本的なシェイプを、コンポジションで簡単に作成できるワンクリックオプションが用意されています。

1. レイヤー > 新規作成 > シェイプレイヤー の順に選択。
2. タイムラインでレイヤーを選択し、画面上部のツールバーメニューに移動します。
3. シェイプアイコンをシングルクリックするか、クリックしたまま他のシェイプオプションを表示させます。
4. 画面をクリックしてドラッグし、目的のシェイプを描きます。

２つ目のシェイプを追加する

AEシェイプの主な利点は、1つのシェイプレイヤーに複数のシェイプを追加できることです。ただし、シェイプを作成する際には、タイムラインで正しいレイヤーを選択することが重要です。

1. 上記のプロセスを繰り返して、新しいAEシェイプレイヤーに新しいシェイプを追加します。
2. 既存のシェイプレイヤーにシェイプを追加するには、タイムラインでレイヤーを選択し、画面上にシェイプを描きます。
3. レイヤーパネルでシェイプレイヤーを開き、「コンテンツ」を探します。レイヤーにアタッチされた各シェイプに個別の設定があります。

Eシェイプを編集する

After Effects でシェイプを描いたら、PhotoshopやIllustratorでも同様のデザインツールを使って、お好みのデザインに調整できます。また、標準的な操作法 Command/Control + C (コピー)と Command/Control + V (ペースト) を使って、After Effects での作業効率を上げることもできます。

1. タイムライン上でシェイプレイヤーを選択し、ドロップダウンでレイヤーメニューを開きます。
2. 「コンテンツ」ドロップダウンを開き、編集したいシェイプを選択します。
3. 次に、上部のメニューバーにある「塗り」「ストローク色」「ストローク」を調整します。
4. シェイプの重なり順を変更するには、レイヤーパネルの「シェイプのスタック」を使用して、後ろから前へ順序を編集します。
5. 各シェイプのサイズ、位置、回転を調整するには、個々のシェイプレイヤードロップダウン内の「トランスフォーム」オプションを見つけて下さい。レイヤーのトランスフォームを使用することもできますが、こちらは全レイヤーに変更が適用され、個々のシェイプには適用されません。
6. 星形や多角形のシェイプを使用している場合は、レイヤーパネルの「星型パス」設定でポイントとコーナーを追加できます。

Part 3: After Effectsでカスタムシェイプを作成する

After Effectsのシェイプレイヤーは、アニメーションの可能性が無限大に広がる素晴らしいツールです。ここでは、複雑なコンポジションを生み出すために合わせて使用できる、3つの主なアニメーション手法をご紹介します。

トランスフォーム設定を使用する

トランスフォーム設定を使用するには、シェイプにキーフレームを追加する必要があります。キーフレームの使い方については、ガイドを参照してください。

1. レイヤーパネルで、シェイプのコンテンツをドロップダウン表示し、「トランスフォーム」>「シェイプ」設定を開きます。
2. タイムライン上でアニメーションを開始したい場所にプレイヘッドを配置します。
3. 調整したい設定の横にあるストップウォッチをクリックします。
4. アニメーションを終了させる場所までプレイヘッドを移動し、設定を調整します。新しいキーフレームが自動的に作成されます。

レイヤーパネル追加メニューを使用する

レイヤーパネル内の「追加」メニューは普段は表示されていませんが、簡単に追加できるエフェクトが用意されています。ただし、この「追加」メニューは ネイティブの AE シェイプに対してのみ利用可能で、テキストや読み込んだビデオ・画像にはエフェクトを追加できません。

1. レイヤーパネルで、シェイプレイヤーのメニューを開きます。
2. 「追加」のタイトルの横にある小さな再生アイコンをクリックします。
3. メニューから使いたいエフェクトを選択します。利用可能なエフェクトは多数あるので、色々と試して自分に合ったものを見つけましょう。
4. エフェクトを追加したら、レイヤーパネルでエフェクトの設定を編集できます。

トランジションを使用する

トランジションを使うと、画面上でシェイプが現れたり消えていくシーンを制作したり、複数のシェイプからなる複雑なコンポジションをアニメーションでまとめて表現することができます。エフェクトパネルからトランジションを追加すると、レイヤー全体とその中のすべてのシェイプに適用されます。

1. プレイヘッドをシェイプレイヤーの先頭へ移動します。
2. エフェクトとプリセットパネルを開き、「アニメーションプリセット」 > 「トランジション」を見つけて下さい。
3. 選択したトランジションを適用するには、クリップにドラッグアンドドロップします。トランジションは、プレイヘッドがタイムラインにあるポイントで開始されます。
4. レイヤーを選択し、キーボードの「U」を押します。
5. キーフレームを離すとトランジションが長くなり、近づけると短くなります。

Part 4: シェイプ作業に使えるショートカット

After Effectsでは、使用できるショートカットの数が多数あります。ここでは、シェイプ作業に便利なショートカットをいくつかご紹介します。After Effectsで使える主なショートカットのリストや、作成方法をご覧になりたい場合は、こちらの便利なブログ記事をご覧ください。

シェイプの選択

シェイプツールにアクセスするには、キーボードの「Q」キーを押します。デフォルトのシェイプは、最後に使用したシェイプになります。必要なシェイプになるまで「Q」キーを押し続けて、シェイプを切り替えてください。

Command/Control D

このチュートリアルですでにご紹介したように、Command/Control + D キーを押すと、シェイプをコピーできますが、この便利なコマンドはAfter Effects 内のあらゆるものをコピーできます。複製 (Duplicate) ショートカットを使用する際のポイントは、正しい要素を選択することです。

1. エフェクトコントロールパネルで「エフェクト」を選択すると、同じレイヤーに複製できます。
2. タイムラインでレイヤーを選択すると、レイヤー全体とそのすべてのコンテンツとエフェクトを複製できます。
3. レイヤーパネルでシェイプを選択すると、同じレイヤーにシェイプをコピーできます。

Alt/Option [ or ]

タイムライン上でレイヤーを切りたい場合、レイヤーの端をドラッグして、目的の長さや位置に調整できますが、便利なショートカットを使うこともできます。プレイヘッドをレイヤーの開始または終了位置に合わせ、タイムライン上でレイヤーを選択し、Option/Alt + [ を押すとインポイントが設定され、Option/Alt + ]でアウトポイントが設定されます。

プロパティを開く

キーボードショートカットを使ってレイヤーのプロパティを開くこともできます。まず、プロパティを開きたいレイヤーを選択します。

• Pキー　位置設定を開く
• Sキー　スケール設定を開く
• Rキー　回転設定を開く
• Aキー　アンカーポイント設定を開く
• Uキー　レイヤー上のすべてのキーフレームを表示

コンパウンドクリップの作成

シェイプレイヤーをグループ化したい場合は、ショートカットを使ってコンパウンドクリップを作成できます。タイムライン上でグループ化したいレイヤーを選択し、Command/Control + Shift + Cキーを押します。コンパウンドクリップのダイアログボックスが開くので、新しいコンプの名前を入力できます。

シェイプレイヤーは After Effects のアニメーションの基礎であり、初心者にとって欠かせないスキルです。キーフレームと組み合わせることで、After Effects のシェイプレイヤーを使用して、複雑なコンポジションをゼロから構築してアニメーション化できます。これでシェイプの作成方法がお分かりになりましたか？想像力を膨らませて、何ができるか試してみましょう。