やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

Inkscapeでアイコン用テンプレートを作成する

 ViewBoxscaleなどを調整する。

成果物

テンプレート用パス

 ここにテンプレートSVGファイルを配置する。パスはOS環境によって異なる。私の環境(Raspberry Pi 4B)なら以下。ないなら自作する。

/home/pi/.config/inkscape/templates

テンプレート用ファイル

 icon-cc0.svgファイル。2.3KB。

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   version="1.0"
   width="256"
   height="256"
   viewBox="0 0 256 256"
   id="svg10"
   sodipodi:docname="icon-cc0.svg"
   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
  <metadata>
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
        <cc:license
           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
      </cc:Work>
      <cc:License
         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#Reproduction" />
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#Distribution" />
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
      </cc:License>
    </rdf:RDF>
  </metadata>
  <defs/>
  <sodipodi:namedview
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
     inkscape:pageopacity="0"
     inkscape:pageshadow="2"
     inkscape:window-width="1920"
     inkscape:window-height="1027"
     showgrid="false"
     inkscape:pagecheckerboard="true"
     inkscape:zoom="3.0820312"
     inkscape:cx="128"
     inkscape:cy="128"
     inkscape:window-x="0"
     inkscape:window-y="36"
     inkscape:window-maximized="1"
     inkscape:current-layer="svg10"
     viewbox-height="256">
    <sodipodi:guide
       position="385.121,128"
       orientation="0,1"
       inkscape:locked="true"
       inkscape:label=""
       inkscape:color="rgb(0,0,255)" />
    <sodipodi:guide
       position="128,0"
       orientation="1,0"
       inkscape:locked="true"
       inkscape:label=""
       inkscape:color="rgb(0,0,255)" />
  </sodipodi:namedview>
</svg>

テンプレート作成&利用手順

 デフォルト設定だとViewBoxscaleのせいで使いづらいデータかつ冗長になる。そこで綺麗で軽量な使いやすいデータにするための設定をする。これをテンプレートファイルとして保存・設定する。

  1. テンプレート作成
  2. テンプレート利用

1. テンプレート作成

  1. パスの文字列形式を絶対座標にする
  2. サイズ設定をmmからpxにする
  3. テンプレート用パスを確認する
  4. ファイル保存&テンプレート配置

1. パスの文字列形式を絶対座標にする

  1. Inkscapeを起動する
  2. メニュー→編集Inkkscapeの設定を選択する
  3. ダイアログ左→入出力SVG出力を選択する
  4. ダイアログ右→パスデータパスの文字列形式絶対座標を選択する(元は最適化

2. サイズ設定をmmからpxにする

  1. メニュー→ファイルドキュメントのプロパティを選択する
  2. 同ダイアログのページタブを選択する
  3. 単位mmpxに変更する
  4. カスタムサイズの幅と高さを任意にする(256x256)
  5. 拡大縮小
    1. scale1にする(元は0.75だった)
    2. Viewbox
      1. xy0
      2. 幅と高さがカスタムサイズと同じ(256x256)

  • 他にも背景を透明色にしたり市松模様したり、お好みで
  • 他にもライセンスをcc0にする等が可能なので、お好みで  

    3. テンプレート用パスを確認する

  • メニュー→編集Inkkscapeの設定を選択する

  • ダイアログ左→入出力システムユーザーテンプレートのパスを確認する

 尚、私の環境では存在しなかった。そこで以下ディレクトリを手動で作成した。ここにテンプレートSVGファイルを配置する。

/home/pi/.config/inkscape/templates

4. ファイル保存&テンプレート配置

  1. メニュー→ファイル名前を付けて保存を選択する
  2. icon-cc0.svgと名付けて保存ボタンを押す
  3. 2のファイルを、先述のテンプレート用パスに配置する

2. テンプレート利用

  1. メニュー→ファイルNew from Templateを選択する
  2. 検索icon-cc0と入力する
  3. icon-cc0が出てくるので選択する
  4. テンプレートから作成ボタンを押下する
  5. 5秒後くらいに設定済み状態のウインドウが出る
  6. そのまま作業する

デフォルト・テンプレート

 テンプレート用パスの直下にdefault.svgという名前で保存すると、起動時にそれが使用される。

 もしアイコン作成によく使うならdefault.svgにすると良いだろう。

以上。