Synfig StudioでSVGを読み込む

やりたいこと

Inkscapeなどで作成したSVGをSynfig StudioでSVGを読み込みたい。

Synfig Studioにはメニュー　ファイル　→　インポートからSVGファイルがインポートできます。

しかし以下のようにSynfig Studioでは境界線（ほかにも曲線、Z orderなど）が正しく読み込めません。

Inkscape上の表示

Edge上の表示

Synfig Studio上の表示

この記事で紹介する方法で、見た目はInkscapeとSynfig Studioで近くなります。

しかし以下の情報は復元できません。

-　グラデーション

またグループ化の情報は失われます。

グループ情報を引き継ぐには以下の記事を参照してください。

Inkscapeに対象のSVGを表示します。

ファイルメニューから”名前をつけて保存”を選択します。

保存形式をSynfigアニメーションを選択します。

ファイル名を決めて保存します。

エクスポートではSynfig向けのファイルは保存できません。

Synfigで開きます。

境界線は表示されましたが、色が正しくありません

以下の方法で色を調整します。

キャンパスメニューから”プロパティ”を選択します

”Gamma correction”タブを表示します。

”Gamma correction”のRed、 Green、 Blueの値を1にします。

上記の設定を行った後に別のSynfig Studioで作成したsifファイルを読み込むと新たに読み込んだsifファイルの画像の色は設定変更前の明るい色になります。

この問題を回避するには一度、sifを単独で開いて色の設定を変更して保存します。

新たに保存したsifはほかのsifにインポートしても色が正しく表示されます。

Synfig StudioでSVGが表示できました。

Synfig Studioファイル(*.sif)はInkscapeで開くことができません。

作業中はSVGで保存を行い、Synfig Studioで使用する際のみSynfig Studioファイル(*.sif)で保存するのがおすすめです。