鈍足ランナーのIT日記

走るのが好きな5流のITエンジニアのブログ。

趣味の範囲は広いけど、どれも中途半端なクソブロガー楽しめるWebアプリを作ってあっと言わせたい。サーバーサイドPerl(Mojolicious)、クライアントサイドVue.js。Arduinoにも触手を伸ばす予定。

ラインスタンプ作成を効率化するツール - Inkscapeのsvgからpngファイルを一気に掃出し、zip化する

皆さん、ラインスタンプ作ってますか??

Inkscapeでラインスタンプを作るとき、pngにするのがGUIから面倒なのでsvgpngに一気に変えてくれるツールを作った。

https://github.com/dokechin/LineStampTool

まず初めに、コマンドラインを上げてからクローンする

git clone https://github.com/dokechin/LineStampTool.git your_stamp_name
cd your_stamp_name

srcには空っぽのひな形svg(Inkscape向け)が42個格納されている。 main,tab,スタンプ(00-40)、それらの縦横比はLINEが求めているサイズにすでになっている。 そして、下書きレイヤーとトレースレイヤーが予め作られている。

  • 手書きした下絵をスキャナーで取り込む。(白黒モードで)
  • ペイントで適当に切り取り、Inkscapeの下書きレイヤーにコピーする。
  • Inkscapeを立ち上げ、編集するsvgファイルを開く
  • 下絵レイヤーに余白がちょうどいい感じになるように、画像の大きさや位置を調整する。
  • 下絵レイヤーをロックする。鍵マークをクリック!
  • トレースレイヤーに移り、ベジエ曲線をひたすら書く。
  • ベジエ曲線をハンドルなどで調整して下絵と合わせる
  • 線を太くする
  • 色を付ける
  • 下絵レイヤーを消す。(目のアイコンをクリックして瞼にする)
  • 保存

この作業をコツコツと42個繰り返し、以下コマンドを投げれば、ラインで要求されるサイズのpngがdistディレクトリ につくられ、さらにカレントにはstamp.zipが作られるので これをLine Creators Matketで上げれば完成。

./script/svg2png.pl

Image::LibRSVGというPerlモジュールをcpanmコマンドでインストールしてください。 LibRSVGバインディングなので、LibRSVGがインストールされている前提です。

動かしてみましたが、非常に便利です。1時間くらいは余裕で工数削減できるでしょう。でも、Image::LibRSVGをインストールするのに、1時間以上はまったけど。以下、はまった様子Image::LibRSVGがcygwinでインストールできない

もう一人の子供が描いたイラストはこのツールを使ってラインスタンプ化してみます。