プロジェクトパネル内をダブルクリックするか、ファイル／読み込み／ファイルを使用して SVG ファイルを参照して読み込みます。
最終更新日 :
2025年11月13日
- After Effects ユーザガイド
- ベータ版のリリース
- はじめに
- Workspaces
- プロジェクトとコンポジション
- フッテージの読み込み
- テキストとグラフィック
- テキスト
- モーショングラフィック
- 描画、ペイント、パス
- レイヤー、マーカー、カメラ
- アニメーション、キーフレーム、モーショントラッキング、キーイング
- アニメーション
- キーフレーム
- モーショントラッキング
- キーイング
- 透明度と合成
- カラーの調整
- エフェクトおよびアニメーションプリセット
- エクスプレッションと自動化
- イマーシブビデオ、VR、3D
- After Effects での VR 環境の作成
- イマーシブビデオエフェクトの適用
- VR／360 度ビデオの合成ツール
- 高度 3D レンダラー
- 3D モデルを読み込んでコンポジションに追加
- Creative Cloud ライブラリからの 3D モデルの読み込み
- パラメトリックメッシュを作成
- 画像ベースの照明
- アニメーション化された環境光
- ライトによるシャドウのキャストを有効にする
- 3D モデルからのライトとカメラの抽出およびアニメーション化
- 3D カメラの移動のトラッキング
- 3D コンポジションのデフォルトカメラ設定を調整する
- シャドウを落とすおよび受ける
- 埋め込まれた 3D モデルアニメーション
- シャドウキャッチャー
- 3D 深度データ抽出
- 3D レイヤーのマテリアルプロパティの変更
- Substance 3D マテリアルを適用
- 3D デザインスペースでの作業
- 3D 変形ギズモ
- 複数の 3D レイヤーに対応する単一の 3D ギズモ
- 3D アニメーションによるその他の操作
- Mercury 3D エンジンを使用した、3D デザインへのリアルタイムのプレビュー変更
- グラフィックへのレスポンシブデザインの追加
- ビューとプレビュー
- レンダリングと書き出し
- その他のアプリケーションの使用
- 共同作業：Frame.io と Team Projects
- メモリ、ストレージおよびパフォーマンス
- ナレッジベース
コンバージョン不要で、アニメートする準備が整ったネイティブの編集可能なシェイプレイヤーとして SVG ファイルを読み込む方法について説明します。
新しいベータ版機能の使用
テストとフィードバックで「SVG ファイルの読み込み」を使用できるようになりました。 After Effects（ベータ版）で今すぐお試しください。
最新の After Effects（ベータ版）では、SVG（.svg）ファイルをコンポジションに読み込むことができます。これらのファイル内のパス、塗り、線、グループなどのすべての要素は、ネイティブのシェイプレイヤーに変換され、完全に編集可能で、アプリケーションで直接作成した他のシェイプと同様に機能します。グラデーションの塗りと透明度も保持され、完全に編集可能です。プロパティをアニメーション化し、視覚効果を適用することもできます。
-
-
読み込んだ SVG ファイルをタイムラインパネルにドラッグ＆ドロップします。
-
レイヤーを選択し、プロパティパネルの「レイヤーコンテンツ」セクションを使用して SVG の構造を表示します。
プロパティパネルを使用して、SVG ファイルのコンテンツを表示し、そのプロパティを調整します。
プロパティパネルを使用して、SVG ファイルのコンテンツを表示し、そのプロパティを調整します。 また、レイヤーの横にある矢印を選択して回転を解除し、「コンテンツ」セクションを展開することもできます。パス、塗りつぶし、変換など、すべての個別の要素とそのプロパティが表示されます。
SVG レイヤーの「コンテンツ」セクションを展開して、パス、塗りつぶし、変換などのプロパティにアクセスして編集します。
SVG レイヤーの「コンテンツ」セクションを展開して、パス、塗りつぶし、変換などのプロパティにアクセスして編集します。 -
これらのプロパティを使用して、他のシェイプレイヤーと同様にアニメートできます。例えば、次のようになります。
- モーフィング効果を作成するにはパスをアニメーション化します
- 時間の経過と共に塗りつぶしのカラーを変更して動的なトランジションを実現します
- トランスフォームプロパティを使用して、要素を個別に拡大・縮小、回転、移動します
-
レイヤーにグラデーションの塗りつぶしと線がある場合は、スケールと回転のプロパティを使用してグラデーションをアニメートできます。
グラデーション塗りのプロパティを使用して、グラデーションを調整またはアニメーション化します。
グラデーション塗りのプロパティを使用して、グラデーションを調整またはアニメーション化します。
既知の制限事項
- SVG はシェイプとして直接読み込まれるので、プロジェクトパネルには元の SVG への参照がなく、「ファイルを収集」には SVG ソースが含まれません。
- SVG テキストは読み込まれません。つまり、テキストをカーブに変換する必要があります。
- アニメートした SVG やラスター SVG はサポートされていません。
- SVG コンポジションは現在、1 フレームのデュレーションで読み込まれます。
After Effects ベータ版コミュニティで SVG ファイルの読み込みのサポートに関するディスカッションに参加しましょう。
その他のリソース
After Effects の次のリリースをより使いやすくするために、ご協力ください。
After Effects ベータ版サポートコミュニティを使用して、機能リクエストを送信し、問題／機能リクエストを表示、追跡、投票します。
