Inkscape 等で使われる svg 形式の画像を読み込む(Synfig)

Inkscape 等で利用されている形式である svg フォーマットの画像を Synfig で読み込ませることが可能です。今回はこの方法について説明します。


最初に断っておきますが、筆者環境では Inkscape の画像を読み込ませたところ、アウトラインまでを再現することができませんでした。これらについては読み込ませた後に自分で再現する必要があります。

Inkscape は次期リリース版ですが、今後は XAML 形式での出力にも対応している等、少しずつ利用範囲が増えてきていますね。

結果イメージ

Inkscape 上で表示させた画像

Inkscape 上で表示させた画像

Synfig に取り込んだ直後の画像

Synfig に取り込んだ直後の画像

アウトラインについては事前に「Inkscape 側で利用しない」等の処置が必要になります。あるいは作業の補完的な意味あいで利用するのがよいのかもしれません。

Inkscape 等で使われる svg 形式の画像を読み込む

では Inkscape の画像を Synfig に取り込んでみましょう。まずは Inkscape 側で画像を出力します。

Inkscape で画像を出力(その1)

Inkscape で画像を出力(その1)

なおこの時、通常はどんなファイル名でも構わないのですが、後述する svg2synfig.zip を利用する場合はファイル名を必ず「inkscape.svg」(全て小文字・半角)としてください。また Inkscape はもう利用しないので終了して構いません。

Inkscape で画像を出力(その2)

Inkscape で画像を出力(その2)

次に一度 svg2synfig というコマンドを用いて Synfig 形式に変換します。これらももちろん無料です。まず SAXON XSLTプロセッサをダウンロードします。バージョンは 9.0-0-6j を利用して下さい。(SaxonB は利用しないで下さい)。

SAXON XSLT プロセッサダウンロード先

SAXON XSLT プロセッサダウンロード先

ノート

今回は Java を利用した方法を説明しています。Java ランタイムがインストールされていない場合は以下の URL から Java ランタイムをダウンロードして下さい。

SAXON XSLT プロセッサをダウンロードすると「saxonsa[バージョン].zip」というファイルが作成されます。

SAXON XSLT プロセッサ

SAXON XSLT プロセッサ

そして SAXON XSLT プロセッサを解凍します。

SAXON XSLT プロセッサの解凍

SAXON XSLT プロセッサの解凍

解凍後の SAXON XSLT プロセッサ

解凍後の SAXON XSLT プロセッサ

次に svg2synfig.bat をダウンロードします。これは Synfig 公式 HP で作成方法が説明されています。

ただ、通常の作成方法ではコマンドラインが必要となってしまいますのでこちらで用意した svg2synfig.zip をご利用下さい。これは svg2synfig 作成方法から事前に作ったものであり、中には svg2synfig.bat と svg2synfig.xsl が含まれています。

  • svg2synfig.zip(クリックするとダウンロードが開始します)
    svg2synfig.zip

この svg2synfig.zip を解凍すると svg2synfig というフォルダが作成されます。

解凍後の svg2synfig.zip

解凍後の svg2synfig.zip

この svg2synfig フォルダに先ほど解凍した SAXON XSLT プロセッサを全てコピーして下さい。

SAXON XSLT プロセッサのコピー(その1)

SAXON XSLT プロセッサのコピー

次に最初に Inkscape で出力した「inkscape.svg」を変換します。この「inkscape.svg」も svg2synfig フォルダにコピーして下さい。

inkscape.svg のコピー(その1)

inkscape.svg のコピー(その1)

それでは実際に Synfig 形式に変換します。「svg2synfig.bat」をダブルクリックして実行して下さい。

svg2synfig.bat の実行

svg2synfig.bat の実行

すると「synfig.sif」というファイルが作成されるはずです。

synfig.sif の作成

synfig.sif の作成

この「synfig.sif」はもう Synfig で利用可能な形式です。このままでももちろん利用することも可能ですが自由にファイル名を変えても構いません。このファイルをダブルクリックしてみましょう。Synfig が起動され Inkscapeで作成したイメージが読み込まれるはずです。

Synfig での読み込み

Synfig での読み込み


関連記事

無料シリーズ

  1. "無料で動画をつくってみよう(Synfig 編)"
  2. "無料で動画をつくってみよう(pencil 編)"
  3. "無料で音源をつくってみよう(Audacity 編)"
  4. "無料で動画をつくってみよう(VirtualDubMod 編)"
  5. "無料でシナリオを書いてみよう(celtx 編)"
  6. "無料で動画をつくってみよう(WinFF 編)"
  7. "無料で画像をつくってみよう(LEGO Digital Designer 編)"
  8. "無料で音源をつくってみよう(mp3DirectCut 編)"
  9. "無料で音源をつくってみよう(Audio Joiner 編)"
  10. "無料で動画をつくってみよう(Pivot Stickfigure Animator 編)"
  11. "無料で動画をつくってみよう(Avidemux 編)"

Synfig のご紹介

  1. "無料で動画をつくってみよう(Synfig 編)"
  2. "インストールの方法(Synfig)"

Synfig 初級

  1. "【和訳】Synfig チュートリアルーはじめてみよう(その1)"
  2. "【和訳】Synfig チュートリアルーはじめてみよう(その2)"
  3. "【和訳】Synfig チュートリアルーはじめてみよう(その3)"
  4. "【和訳】Synfig チュートリアルーアニメーションの基礎(その1)"
  5. "【和訳】Synfig チュートリアルーアニメーションの基礎(その2)"
  6. "【和訳】Synfig チュートリアルーアニメーションの基礎(その3)"

Synfig 中級

  1. "【和訳】Synfig チュートリアルーフラワーアニメーション(その1)"
  2. "【和訳】Synfig チュートリアルーフラワーアニメーション(その2)"
  3. "【和訳】Synfig チュートリアルーフラワーアニメーション(その3)"
  4. "【和訳】Synfig チュートリアルーフラワーアニメーション(その4)"

Synfig Tips

  1. "起動しよう(Synfig)"
  2. "2つ以上 CPU のある Windows で Synfig を使う"
  3. "オブジェクトを拡大・縮小する(Synfig)"
  4. "オブジェクトをインテリジェントに拡大・縮小する(Synfig)"
  5. "オブジェクトを移動する(Synfig)"
  6. "オブジェクトをインテリジェントに移動する(Synfig)"
  7. "オブジェクトを反転する(Synfig)"
  8. "オブジェクトをインテリジェントに反転する(Synfig)"
  9. "簡単に CPU を 1つに制限する(Synfig)"
  10. "オブジェクトを回転する(Synfig)"
  11. "Inkscape 等で使われる svg 形式の画像を読み込む(Synfig)"(本記事)
  12. "プレビューを表示する(Synfig)"
  13. "Synfig サンプル集(その1)(Synfig)"
  14. "Synfig サンプル集(その2)(Synfig)"
  15. "レイヤを使う(Synfig)"
  16. "オブジェクトを見えたり見えなくしたりする(Synfig)"
  17. "グループを使う(その1)(Synfig)"
  18. "グループを使う(その2)(Synfig)"
  19. "アウトラインをつける(その1)(Synfig)"
  20. "アウトラインをつける(その2)(Synfig)"
  21. "画像を読み込む(Synfig)"

Pencil 初級

  1. "【和訳】Pencil ユーザマニュアル(その1)"
  2. "【和訳】Pencil ユーザマニュアル(その2)"
  3. "【和訳】Pencil ユーザマニュアル(その3)"
  4. "【和訳】Pencil ユーザマニュアル(その4)"
  5. "【和訳】Pencil ユーザマニュアル(その5)"
  6. "【和訳】Pencil ユーザマニュアル(その6)"
  7. "【和訳】Pencil ユーザマニュアル(その7)"
  8. "【和訳】Pencil ユーザマニュアル(その8)"

VirtualDubMod Tips

  1. "動画の不要な部分を削除(カット)する(VirtualDubMod)"
  2. "動画再生中に静止画を表示させる(VirtualDubMod)"
  3. "動画の再生速度を変える(VirutalDubMod)"
  4. "動画の不要な部分を塗りつぶす(VirtualDubMod)"
  5. "動画を回転する(VirtualDubMod)"
  6. "動画をグレイスケール化する(VirtualDubMod)"

MediaCoder Tips

  1. "多様な動画形式を mp4(携帯向け動画)に変換する(MediaCoder)"

Avidemux Tips

  1. "動画の再生速度を変える(Avidemux)"
  2. "動画を回転する(Avidemux)"
  3. "動画の不要な部分を削除(カット)する(Avidemux)"
  4. "動画にフェード効果をつける(Avidemux)"
  5. "動画にぐるぐる回す効果をつける(Avidemux)"
  6. "動画内の上下の線を削除する(Avidemux)"
  7. "動画を逆に再生する(Avidemux)"
  8. "mpeg 動画から音声を消す(Avidemux)"
  9. "動画で使われている音源を変える(Avidemux)"

Pivot Stickfigure Animator Tips

  1. "Pivot Stickfigure Animator をつかってみる"

trakAxPC Tips

  1. "スライドショーをつくる(trakAxPC)"
  2. "動画に音源をミックスする(trakAxPC)"

Free Screen Recorder Tips

  1. "スクリーンキャプチャを撮る(Free Screen Recorder)"

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です