MotionでSVGファイルを操作する

SVGオブジェクトの背景カラーを変更する

SVGファイル内の透明な領域は、Motionでも透明になります。MotionにSVGファイルを読み込んだあとに、SVGの透明部分をカスタム背景カラーに置き換えることができます。

  1. Motionのプロジェクトパネルで、「メディア」をクリックしてから、SVGオブジェクトを選択します。

  2. 「メディア」インスペクタを開いて、「背景カラーを使用」チェックボックスを選択してから、背景カラーコントロールを使って新しいカラーを選択します。

SVGファイルの制限

SVGファイルを操作する際、以下の制限を考慮してください:

  • MotionはSVGアニメーションファイルに対応していません。SVGアニメーションを読み込むと、SVGファイルの最初のフレームのみが表示されます。

    注記: アニメーションフェードインを含むSVGファイル(最初のフレームが透明なもの)を読み込むと、SVGが空として表示されます。

  • カスタムフォントを含むSVGファイルはMotionに読み込むことができません。

  • 読み込んだSVGファイルに含まれるJavaScriptオブジェクトまたは埋め込みリンクは、Motionでは表示されません。

  • Motionは外部画像への埋め込み参照を含むSVGファイルに対応していません。外部画像への参照が埋め込まれたSVGを読み込むと、プレースホルダグラフィックが表示されます。

  • さまざまな不透明度のシェイプを含むSVGファイルは、Motionで期待通りに表示されない場合があります。例えば、不透明度50%で作成されたシェイプを含むSVGファイルを読み込んだ場合、Motionではシェイプが明るく表示される場合があります。

Morty Proxy This is a proxified and sanitized view of the page, visit original site.
役に立ちましたか?
入力可能な文字数: 250
入力可能な文字数は 250 です。
フィードバックありがとうございます。
Morty Proxy This is a proxified and sanitized view of the page, visit original site.