読者です 読者をやめる 読者になる 読者になる

くんすとの備忘録

プログラミングや環境設定の覚え書き。

ImageMagickを使って吉里吉里のクリッカブルマップ用の領域画像を生成する

Windows版のImageMagickを使い、透過PNG画像を単色で塗りつぶして、クリッカブルマップ用の領域画像(パレット画像)を作成します。

1色の場合

画像全体を青色で塗りつぶし、パレット形式のpng8ファイルで出力する

convert.exe hoge.png -fill blue -colorize 100 -type Palette png8:hoge_p.png
入力画像(hoge.png)

f:id:kunst1080:20150810114652p:plain

出力画像(hoge_p.png)

f:id:kunst1080:20150810114700p:plain

※出力画像をPictBearで開いてパレットを確認してみた様子

f:id:kunst1080:20150810114707p:plain
→ ちゃんとパレットが2色になってますね!

2色以上の場合

1色ずつ領域画像を作成し、最後に合成します。

①領域画像の作成

convert.exe hoge1.png -fill blue   -colorize 100 -type Palette png8:hoge1.pass1.png
convert.exe hoge2.png -fill red    -colorize 100 -type Palette png8:hoge2.pass1.png
convert.exe hoge3.png -fill yellow -colorize 100 -type Palette png8:hoge3.pass1.png

②背景を透過する

convert.exe hoge1.pass1.png -alpha set -background none -channel RGBA -fill "#00000000" -draw "matte 1,1 floodfill" hoge1.pass2.png
convert.exe hoge2.pass1.png -alpha set -background none -channel RGBA -fill "#00000000" -draw "matte 1,1 floodfill" hoge2.pass2.png
convert.exe hoge3.pass1.png -alpha set -background none -channel RGBA -fill "#00000000" -draw "matte 1,1 floodfill" hoge3.pass2.png

③合成するベース画像を生成する

convert.exe -size 800x600 xc:black hoge_p.png

④ベース画像へ合成する

composite.exe -compose over hoge1.pass2.png hoge.png hoge_p.png
composite.exe -compose over hoge2.pass2.png hoge.png hoge_p.png
composite.exe -compose over hoge3.pass2.png hoge.png hoge_p.png

⑤合成後のベース画像を再度パレット形式に変換し完成

convert.exe hoge_p.png -type Palette png8:hoge_p.png
入力画像(hoge1.png、hoge2.png、hoge3.png)

f:id:kunst1080:20150810123202p:plain
f:id:kunst1080:20150810123214p:plain
f:id:kunst1080:20150810123227p:plain

出力画像(hoge_p.png)

f:id:kunst1080:20150810123139p:plain

※出力画像をPictBearで開いてパレットを確認してみた様子

f:id:kunst1080:20150810123112p:plain
→ ちゃんとパレットが4色になってます!

広告