« mp3 ファイルにフェードアウト効果をつける（Wavosaur）
Synfig サンプル集（その１）（Synfig） »

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

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


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

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

結果イメージ

Inkscape 上で表示させた画像

Inkscape 上で表示させた画像

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

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

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

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

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

Inkscape で画像を出力（その１）

Inkscape で画像を出力（その１）

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

Inkscape で画像を出力（その２）

Inkscape で画像を出力（その２）

次に一度 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 プロセッサのコピー（その１）

SAXON XSLT プロセッサのコピー

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

inkscape.svg のコピー（その１）

inkscape.svg のコピー（その１）

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

svg2synfig.bat の実行

svg2synfig.bat の実行

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

synfig.sif の作成

synfig.sif の作成

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

Synfig での読み込み

Synfig での読み込み

PR

関連記事

無料シリーズ

  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 チュートリアルーはじめてみよう（その１）“
  2. “【和訳】Synfig チュートリアルーはじめてみよう（その２）“
  3. “【和訳】Synfig チュートリアルーはじめてみよう（その３）“
  4. “【和訳】Synfig チュートリアルーアニメーションの基礎（その１）“
  5. “【和訳】Synfig チュートリアルーアニメーションの基礎（その２）“
  6. “【和訳】Synfig チュートリアルーアニメーションの基礎（その３）“

Synfig 中級

  1. “【和訳】Synfig チュートリアルーフラワーアニメーション（その１）“
  2. “【和訳】Synfig チュートリアルーフラワーアニメーション（その２）“
  3. “【和訳】Synfig チュートリアルーフラワーアニメーション（その３）“
  4. “【和訳】Synfig チュートリアルーフラワーアニメーション（その４）“

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 サンプル集（その１）（Synfig）“
  14. “Synfig サンプル集（その２）（Synfig）“
  15. “レイヤを使う（Synfig）“
  16. “オブジェクトを見えたり見えなくしたりする（Synfig）“
  17. “グループを使う（その１）（Synfig）“
  18. “グループを使う（その２）（Synfig）“
  19. “アウトラインをつける（その１）（Synfig）“
  20. “アウトラインをつける（その２）（Synfig）“
  21. “画像を読み込む（Synfig）“

Pencil 初級

  1. “【和訳】Pencil ユーザマニュアル（その１）“
  2. “【和訳】Pencil ユーザマニュアル（その２）“
  3. “【和訳】Pencil ユーザマニュアル（その３）“
  4. “【和訳】Pencil ユーザマニュアル（その４）“
  5. “【和訳】Pencil ユーザマニュアル（その５）“
  6. “【和訳】Pencil ユーザマニュアル（その６）“
  7. “【和訳】Pencil ユーザマニュアル（その７）“
  8. “【和訳】Pencil ユーザマニュアル（その８）“

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）“

タグ: , , ,

この投稿は 2008 年 6 月 8 日 日曜日 3:51 AM に Inkscape, Linux, Mac OS, Synfig, Windows, 動画に画像を読み込む, 動画をつくってみよう, 読みきり カテゴリーに公開されました。 この投稿へのコメントは RSS 2.0 フィードで購読することができます。 コメントを残すか、ご自分のサイトからトラックバックすることができます。

コメントをどうぞ