Saturday, May 05, 2007

ImageMagickで枠が立体的な凹み角丸四角のプレートを描画する

ImageMagickで枠が立体的な凹み角丸四角のプレートを描画するには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.3-Q16
%im%\convert.exe -size 200x50 xc:none -stroke #f8c749 -fill none -draw "stroke-width 3 path 'M 10,1 A 10,10 0 0,1 1,10 L 1,39 A 10,10 0 0,1 9,48 L 189,48 A 10,10 0 0,1 198,39 L 198,10 A 10,10 0 0,1 189,1 Z" sample153a.png
%im%\convert.exe sample153a.png -background none -gravity center -extent 202x52 -threshold 1 -shade 135x20 -blur 0x1 -normalize sample153a.png -compose overlay -composite -gravity center -crop 200x50+0+0 +repage sample153b.png
%im%\convert.exe -size 200x50 xc:none -stroke #f8c749 -tile gradient:#fce769-#ffffee -draw "stroke-width 3 path 'M 10,1 A 10,10 0 0,1 1,10 L 1,39 A 10,10 0 0,1 9,48 L 189,48 A 10,10 0 0,1 198,39 L 198,10 A 10,10 0 0,1 189,1 Z" sample153b.png -composite sample153c.png

出力画像(sample153c.png)

ImageMagickで凹み角丸四角を描画する

ImageMagickで凹み角丸四角を描画するには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.3-Q16
%im%\convert.exe -size 200x50 xc:none -stroke #f8c749 -fill #ffffee -draw "path 'M 10,0 A 10,10 0 0,1 0,10 L 0,39 A 10,10 0 0,1 9,49 L 189,49 A 10,10 0 0,1 199,39 L 199,10 A 10,10 0 0,1 189,0 Z" sample152a.png

出力画像(sample152a.png)

Thursday, May 03, 2007

ImageMagickで2色ストライプの円を描画する

ImageMagickで2色ストライプの円を描画するには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.3-Q16
%im%\convert.exe -size 400x200 xc:none -tile gradient:#ffffff-#bbddff -draw "path 'M 200,200 L 200,0 A 200,200 0 0,1 252,6 Z" -tile gradient:#ffffff-#ffeebb -draw "path 'M 200,200 L 147,6 A 200,200 0 0,1 200,0 Z" sample151a.png
%im%\convert.exe sample151a.png -background none -extent 400x400 -rotate 30 -gravity center -crop 400x400+0+0 +repage r1.png
%im%\convert.exe sample151a.png -background none -extent 400x400 -rotate 60 -gravity center -crop 400x400+0+0 +repage r2.png
%im%\convert.exe sample151a.png -background none -extent 400x400 -rotate 90 -gravity center -crop 400x400+0+0 +repage r3.png
%im%\convert.exe sample151a.png -background none -extent 400x400 -rotate 120 -gravity center -crop 400x400+0+0 +repage r4.png
%im%\convert.exe sample151a.png -background none -extent 400x400 -rotate 150 -gravity center -crop 400x400+0+0 +repage r5.png
%im%\convert.exe sample151a.png -background none -extent 400x400 -rotate 180 -gravity center -crop 400x400+0+0 +repage r6.png
%im%\convert.exe sample151a.png -background none -extent 400x400 -rotate 210 -gravity center -crop 400x400+0+0 +repage r7.png
%im%\convert.exe sample151a.png -background none -extent 400x400 -rotate 240 -gravity center -crop 400x400+0+0 +repage r8.png
%im%\convert.exe sample151a.png -background none -extent 400x400 -rotate 270 -gravity center -crop 400x400+0+0 +repage r9.png
%im%\convert.exe sample151a.png -background none -extent 400x400 -rotate 300 -gravity center -crop 400x400+0+0 +repage r10.png
%im%\convert.exe sample151a.png -background none -extent 400x400 -rotate 330 -gravity center -crop 400x400+0+0 +repage r11.png
%im%\convert.exe sample151a.png r1.png r2.png r3.png r4.png r5.png r6.png r7.png r8.png r9.png r10.png r11.png -mosaic -resize 200x200 sample151b.png

出力画像(sample151b.png)

Wednesday, May 02, 2007

ImageMagickで半透明矩形に透過文字を描画して影付けする

ImageMagickで半透明矩形に透過文字を描画して影付けするには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.3-Q16
%im%\convert.exe -size 100x50 xc:#00000080 -channel RGBA -fill #000000ff +antialias -gravity center -draw "font-size 18 text 0,0 'Flower'" -fx "p==#000000?0:p" sample149a.png
%im%\convert.exe sample7.jpg ( sample149a.png -background none -gravity center -extent 150x100 ) ( +clone -background #BBDDFF -shadow 150x3+3+3 ) +swap -mosaic sample149b.jpg

元画像(sample7.jpg)


出力画像(sample149b.jpg)


2008/01/04追記
ver6.3.7では、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -matte -channel RGBA -size 100x50 xc:#00000080 -fill #000000ff +antialias -gravity center -draw "font-size 18 text 0,0 'Flower'" -fx "p==#000000FF?0:p" sample149a.png
%im%\convert.exe sample7.jpg ( sample149a.png -background none -gravity center -extent 150x100 ) ( +clone -background #BBDDFF -shadow 150x3+3+3 ) +swap -mosaic -crop 150x100+0+0 sample149b.jpg

Sunday, April 29, 2007

ImageMagickで画像に影付けしてモーションブラーをかける

ImageMagickで画像(透過PNG)に影付けしてモーションブラーをかけるには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.3-Q16
%im%\convert.exe -size 150x150 xc:white ( sample2.png -background none -gravity center -extent 150x150 ) ( +clone -background #000000 -shadow 40x2+3+3 -motion-blur 0x20+225 ) +swap -mosaic sample148a.jpg

元画像(sample2.png)


出力画像(sample148a.jpg)


関連項目
ImageMagickとPHPで透過PNGに影付けして、影にモーションブラーをかける
ImageMagickとPHPで、文字列にモーションブラーをかける