2026.08.24

After Effectsのシェイプレイヤー入門【2026年版】図形の作り方とベジェパスへの変換タイミング

kitagawatetsuro

🎞️ After Effects 🔷 シェイプレイヤー 🆕 2026年版

⏱️ この記事は約13分で読めます

📋 この記事の要約

After Effectsのシェイプレイヤーの使い方を解説します。図形・パス・塗り・線という基本構造から、パラメトリックシェイプとベジェパスの違いと変換タイミング、アニメーションの付け方まで。配信の待機画面やテロップ背景など、VTuber制作でシェイプレイヤーが役立つ場面もまとめました。

📌 この記事を読んでわかること

こっこちゃん

「丸とか四角だけじゃなくて、いろんな形が作れるレイヤーなんだよね〜」

After Effectsで図形を扱うとき使うのがシェイプレイヤーです。丸・四角のようなシンプルな図形から、ペンツールで描く自由な形まで、すべてこのレイヤー1枚の中に入っています。

素材を用意しなくても、AEの中だけでテロップの背景・アイコン・シンプルな図形アニメが作れるため、覚えると制作の幅が一気に広がります。この記事では基本構造から、初心者がつまずきやすいパラメトリックシェイプとベジェパスの違いまで解説します。

Table of Contents

🔷 シェイプレイヤーの基本構造

シェイプレイヤーは、見た目は1つのレイヤーですが、中に「コンテンツ」という階層を持っています。

タイムラインでレイヤーを展開すると、その中に図形・パス・塗り・線といった要素が並んでいます。1つのシェイプレイヤーに複数の図形を重ねて入れることもできます。

☑ コンテンツの主な要素

シェイプレイヤーを作る方法は大きく2通りあります。

図形ツールで作る

ツールバーの長方形・楕円形などのツールでドラッグするだけ。丸・四角・多角形はこちらが早いです。

ペンツールで作る

クリックで点を打って自由な形のパスを描きます。吹き出しや矢印など、既存の図形にない形を作る時に使います。

何もないところにいきなり図形を置きたい場合は、レイヤーメニュー → 新規 → シェイプレイヤーで空のシェイプレイヤーを作ってから、ツールで中身を追加していく流れになります。

ここが初心者が最もつまずくポイントです。図形ツールで作った長方形や楕円形は、初期状態ではパラメトリックシェイプという種類になっています。

長方形をだんだん歪ませたい、角だけ動かしたいといった形自体を変形させる作業は、パラメトリックシェイプのままではできません。パスを右クリックして「ベジェパスに変換」を選ぶと、点を1つずつ動かせる状態になります。

注意ベジェパスに変換すると元のパラメトリックシェイプには戻せません。角の丸みを数値で調整したい場合は、変換前に済ませておいてください。

シェイプレイヤーのアニメーションは、他のレイヤーと同じくトランスフォーム（位置・スケール・回転）にキーフレームを打つのが基本です。

それに加えて、シェイプレイヤー特有の項目にもキーフレームを打てます。

☑ シェイプ特有のアニメーション項目

特によく使われるのがトリムパスというエフェクトです。線の開始点・終了点をキーフレームで動かすと、線が徐々に描かれていくような演出が作れます。ロゴが手描きされるようなアニメーションの定番テクニックです。

シェイプレイヤーは素材を用意しなくてもAE内で完結するため、配信・動画制作の細かい素材作りに向いています。