Sunday, August 05, 2007

ImageMagickで半透明グラデの縁取り文字を描画する

ImageMagickで半透明グラデの縁取り文字を描画するには、
以下のバッチを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.4-Q16
%im%\convert.exe -size 200x50 xc:none -channel RGBA -fill #FFFFFFFF +antialias -font Tahoma -gravity center -draw "font-size 30 text 0,0 'ImageMagick'" t1.png
%im%\convert.exe -size 200x50 xc:none -channel RGBA +antialias -font Tahoma -gravity center -fill none -stroke white -strokewidth 2 -draw "font-size 30 text 0,0 'ImageMagick'" -stroke none -fill black -strokewidth 0 -draw "font-size 30 text 0,0 'ImageMagick'" ( -size 1x1 xc:#7090E080 xc:#FFFF1040 +append -resize 2x1 ) -fx "p.r==0?0:v.p{0,0}" t2.png
%im%\convert.exe -size 200x50 xc:none -channel RGBA +antialias -font Tahoma -gravity center -fill none -stroke white -strokewidth 4 -draw "font-size 30 text 0,0 'ImageMagick'" -stroke black -fill black -strokewidth 2 -draw "font-size 30 text 0,0 'ImageMagick'" ( -size 1x1 xc:#7090E080 xc:#FFFF1040 +append -resize 2x1 ) -fx "p.r==0?0:v.p{0.25,0}" t3.png
%im%\convert.exe -size 200x50 xc:none -channel RGBA +antialias -font Tahoma -gravity center -fill none -stroke white -strokewidth 6 -draw "font-size 30 text 0,0 'ImageMagick'" -stroke black -fill black -strokewidth 4 -draw "font-size 30 text 0,0 'ImageMagick'" ( -size 1x1 xc:#7090E080 xc:#FFFF1040 +append -resize 2x1 ) -fx "p.r==0?0:v.p{0.50,0}" t4.png
%im%\convert.exe -size 200x50 xc:none -channel RGBA +antialias -font Tahoma -gravity center -fill none -stroke white -strokewidth 8 -draw "font-size 30 text 0,0 'ImageMagick'" -stroke black -fill black -strokewidth 6 -draw "font-size 30 text 0,0 'ImageMagick'" ( -size 1x1 xc:#7090E080 xc:#FFFF1040 +append -resize 2x1 ) -fx "p.r==0?0:v.p{0.75,0}" t5.png
%im%\convert.exe -size 200x50 xc:none -channel RGBA +antialias -font Tahoma -gravity center -fill none -stroke white -strokewidth 10 -draw "font-size 30 text 0,0 'ImageMagick'" -stroke black -fill black -strokewidth 8 -draw "font-size 30 text 0,0 'ImageMagick'" ( -size 1x1 xc:#7090E080 xc:#FFFF1040 +append -resize 2x1 ) -fx "p.r==0?0:v.p{1,0}" t6.png
%im%\convert.exe t6.png t5.png -composite t4.png -composite t3.png -composite t2.png -composite t1.png -composite sample184a.png
%im%\convert.exe sample8.jpg -gravity center sample184a.png -composite sample184b.jpg

この例では淡い青(#7090E0)と黄色(#FFFF10)の2色から半透明グラデーションにして
縁取りを描画しています。

出力画像(sample184a.png)


重ねあわせ例(sample184b.jpg)

No comments: