SVG ファイルを読み込み

プロジェクトパネル内をダブルクリックするか、ファイル／読み込み／ファイルを使用して SVG ファイルを参照して読み込みます。

読み込んだ SVG ファイルをタイムラインパネルにドラッグ＆ドロップします。

レイヤーを選択し、プロパティパネルの「レイヤーコンテンツ」セクションを使用して SVG の構造を表示します。

また、レイヤーの横にある矢印を選択して回転を解除し、「コンテンツ」セクションを展開することもできます。 パス、塗りつぶし、変換など、すべての個別の要素とそのプロパティが表示されます。

これらのプロパティを使用して、他のシェイプレイヤーと同様にアニメートできます。 例えば、次のようになります。

• モーフィング効果を作成するにはパスをアニメーション化します
• 時間の経過と共に塗りつぶしのカラーを変更して動的なトランジションを実現します
• トランスフォームプロパティを使用して、要素を個別に拡大・縮小、回転、移動します

レイヤーにグラデーションの塗りつぶしと線がある場合は、スケールと回転のプロパティを使用してグラデーションをアニメートできます。

プロジェクトパネル内をダブルクリックするか、ファイル／読み込み／ファイルを使用して SVG ファイルを参照して読み込みます。

ファイルを読み込みダイアログボックスの読み込み形式ドロップダウンメニューを使用して、次のいずれかを選択します。

• フッテージ
• コンポジション - レイヤーサイズを維持

「フッテージ」を選択すると、ファイルは個々の要素にアクセスできない単一の平坦化されたレイヤーとして読み込まれるので、静的な使用やアニメーションが不要な場合に適しています。「コンポジション - レイヤーサイズを維持」を選択すると、各ソースレイヤーが個別に読み込まれ、実際のコンテンツに合わせてサイズ調整された新しいコンポジションが作成され、アンカーポイントがより明確になり、アニメーションの変換が簡単になります。

該当する場合は、次のオプションを選択します。

• コンポジションを作成：デフォルト設定を使用して新しいコンポジションを作成し、読み込んだ SVG をフッテージまたはシェイプレイヤーを含むコンポジションとしてタイムラインに自動的に配置します。これにより、手動でコンポジションを作成し、そこに SVG ファイルをドラッグする必要がなくなります。
• スケーラブルなベクターグラフィックシーケンス：複数の番号付き SVG ファイルを読み込み、フレーム単位のベクター画像シーケンスとして処理します。

SVG ファイルをコンポジションとして読み込んだ場合は、プロパティパネルの「レイヤーコンテンツ」セクションまたはタイムラインのレイヤーの「コンテンツ」セクションを使用して、個々の要素とそのプロパティを表示および操作します。 

フッテージとして読み込んだ場合、通常のレイヤーのように動作し、標準の変換プロパティを使用して調整できます。

SVG をフッテージとして読み込むと、After Effects は元のファイルへのライブリンクを維持するので、アプリ外でその SVG に行った変更はプロジェクト内で自動的に更新されます。