Sunday, March 30, 2008

ImageMagickで、凹んだ影つきボタンを描画する

凹んだ影つきボタンを描画するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.9-Q16
%im%\convert.exe -size 110x30 xc:#d0d0d0 -pointsize 12 -gravity center -draw "text 0,0 'Search'" -gravity northwest -matte -channel rgba ( -size 110x30 xc:white -fill black +antialias -draw "roundrectangle 5,5 104,24 8,8" -transparent black ) ( +clone -background #000000 -shadow 40x2+3+3 ) -swap 1,2 -mosaic -crop 100x20+5+5 sample349a.png

上記バッチでは、以下の処理を実行しています。
1.灰色背景に文字列を描画
2.白背景に黒の角丸四角を描画して、黒色を透明に変換
3.2に対して影付け
4.2と3を入れ替え重ね合わせ、座標(x=5,y=5)から幅100px高さ20pxを切り取っています。

出力画像(sample349a.png)

No comments: