Friday, March 16, 2007

ImageMagickで消えていく角丸を描画する

ImageMagickで消えていく角丸を描画するには、
以下のコマンドを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.1-Q16

%im%\convert.exe -size 100x100 xc:none -channel RGBA -fill #ffffff -draw "roundrectangle 10,10 89,89 10,10" ( +clone -background #000000 -shadow 90x2+0+0 -channel A -fx "p*((w-20-i)/w)*((h-20-j)/h)" ) +swap -background white -flatten -gravity southeast -chop 20x20 +repage sample114a.jpg

出力画像(sample114a.jpg)

Thursday, March 15, 2007

ImageMagickで円をぼかした背景画像を描画する

ImageMagickで円をぼかした背景画像を描画するには、
以下のコマンドを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.1-Q16
%im%\convert.exe -size 150x100 xc:#bbddff -fill white -draw "ellipse 50,50 40,40 0,360" -blur 0x20 -fx "j%%3==0?p*1.1:p" sample104.jpg

出力画像(sample104.jpg)

Wednesday, March 14, 2007

ImageMagickで端がグラデーションの半透明四角形を描画する

ImageMagickで端がグラデーションの半透明四角形を描画するには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.1-Q16
%im%\convert.exe -size 120x120 xc:#ffffffff -channel RGBA -fill #000000FF -draw "rectangle 10,10 110,110" -blur 0x7 -crop 100x100+10+10 +repage -channel A -fx 0.3 sample108a.png

出力画像(sample108a.png)




重ねあわせ例1:
%im%\convert.exe sample1.jpg sample108a.png -geometry +10+10 -composite sample108b.jpg

出力画像(sample108b.jpg)


%im%\convert.exe -size 120x120 xc:#ffffffff -channel RGBA -fill #000080FF -draw "rectangle 10,10 110,110" -blur 0x7 -crop 100x100+10+10 +repage -channel A -fx 0.6 sample108c.png

出力画像(sample108c.png)


重ねあわせ例2:
%im%\convert.exe sample1.jpg sample108c.png -geometry +10+10 -composite sample108d.jpg

出力画像(sample108d.jpg)

Tuesday, March 13, 2007

ImageMagickで角丸四角画像の端をグラデーションで塗る

ImageMagickで角丸四角画像の端を
グラデーションで塗るには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.1-Q16
%im%\convert.exe sample2bg.jpg -border 10x10 ( -size 120x120 xc:none -channel RGBA -fill white -draw "roundrectangle 10,10 110,110 10,10" -negate -fx "p!=1?0:#F0F0F0" -blur 0x3 ) -composite -crop 100x100+10+10 +repage -channel RGBA sample102a.png
%im%\convert.exe -size 150x100 xc:none -channel RGBA -fill white -draw "roundrectangle 0,0 149,99 10,10" sample102b.png -compose src_in -composite sample102b.gif

元画像(sample7.jpg)



出力画像(sample102b.gif)


2008/01/04追記
ver6.3.7では、以下のバッチファイルを実行します。
rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sample7.jpg -border 10x10 ( -size 170x120 xc:none -matte -channel RGBA -fill white -draw "roundrectangle 10,10 160,110 10,10" -negate -fx "p!=1?0:#404040FF" -blur 0x5 ) -composite -crop 150x100+10+10 -channel RGBA sample102b.png
%im%\convert.exe -size 150x100 xc:none -fill white -draw "roundrectangle 0,0 149,99 10,10" sample102b.png -compose src_in -composite sample102b.gif

関連項目
ImageMagickで画像の上下・左右をグラデーションで塗る


Monday, March 12, 2007

ImageMagickで画像の端をグラデーションで塗る

ImageMagickで画像の端をグラデーションで塗るには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.1-Q16
%im%\convert.exe sample2bg.jpg -border 10x10 ( -size 120x120 xc:none -channel RGBA -fill white -draw "rectangle 10,10 110,110" -negate -fx "p!=1?0:#F0F0F0" -blur 0x10 ) -composite -crop 100x100+10+10 sample101a.gif

元画像(sample2bg.jpg)


出力画像(sample101a.gif)

画像の端を暗くする場合は、以下のバッチファイルを実行します。
%im%\convert.exe sample7.jpg -border 10x10 ( -size 170x120 xc:none -channel RGBA -fill white -draw "rectangle 10,10 160,110" -negate -fx "p!=1?0:#404040" -blur 0x5 ) -composite -crop 150x100+10+10 sample101b.gif

元画像(sample7.jpg)


出力画像(sample101b.gif)


2008/01/04追記
Ver6.3.7では、以下のバッチファイルを実行します。
rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sample2bg.jpg -border 10x10 ( -size 120x120 xc:none -matte -channel RGBA -fill white -draw "rectangle 10,10 110,110" -negate -fx "p!=1?0:#F0F0F0FF" -blur 0x10 ) -composite -crop 100x100+10+10 +repage sample101a.gif
%im%\convert.exe sample7.jpg -border 10x10 ( -size 170x120 xc:none -matte -channel RGBA -fill white -draw "rectangle 10,10 160,110" -negate -fx "p!=1?0:#404040FF" -blur 0x5 ) -composite -crop 150x100+10+10 +repage sample101b.gif

関連項目
ImageMagickで画像の上下・左右をグラデーションで塗る