GIMP(ギンプ)でSVG(エスブイジー)

たかはしのんき

2023年8月17日 15:01

『GIMPギンプパーフェクトガイド』という本ほんを購入こうにゅうしました。GIMPでベクトル画像がぞうを編集へんしゅうしSVGエスブイジーとして保存ほぞんできることが、この本ほんを読よんで分わかりました。

今日きょうはGIMPを使つかってSVGを作つくってみたいと思おもいます。

GIMPとは

GIMPはラスター画像がぞうを編集へんしゅうする無料無料ソフトウェアです。ラスター画像がぞうだけでなく、パスを作成さくせいすることができます。

直線ちょくせんをつなげる

パスツールで画面がめん上じょうを連続れんぞくしてクリックすると直線ちょくせんをつなげていくことができます。
パスを閉とじるには[Ctrlコントロール]キーを押おしながら始点してんをクリックします。

直線ちょくせんを曲線《きょくせん》にする

直線《ちょくせん》の中なかほどをドラッグすると曲線きょくせんに変かわります。
パスツールで画面がめん上じょうを連続れんぞくしてドラッグし曲線ちょくせんをつなげていくこともできます。

SVGとして出力しゅつりょくする

画面がめん右側みぎがわのパスダイアログでパスを選えらびマウス右みぎボタンで表示ひょうじされるメニューから［パスのエクスポート］を行おこないます。

エクスポートしたSVGは以下いかのようになりました。

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
              "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

<svg xmlns="http://www.w3.org/2000/svg"
     width="5.82667in" height="4.13333in"
     viewBox="0 0 1748 1240">
  <path id="名前なし"
        fill="none" stroke="black" stroke-width="1"
        d="M 369.00,834.00
           C 369.00,834.00 219.00,468.00 219.00,468.00
             219.00,468.00 543.00,216.00 543.00,216.00
             641.23,135.06 909.45,427.88 828.00,495.00
             828.00,495.00 708.00,825.00 708.00,825.00
             708.00,825.00 369.00,834.00 369.00,834.00 Z" />
</svg>

おまけ

ちなみに、GIMPで生成せいせいできるのはパスの3次元じげんベジェのみです。また、GIMPで作成さくせいした曲線きょくせん（直線ちょくせん）の頂点ちょうてん（アンカー）を削除さくじょするには、[Ctrl]+[Shift]を押おしながらクリックします。