Saturday, February 10, 2007

ImageMagickで円形に端をぼかす

ImageMagickで円形に端をぼかすにはvignetteオプションを
使用します。その際、-backgroundオプションで色を指定できます。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.1-Q16
%im%\convert.exe sample2bg.jpg -vignette 5x5+10+5 sample73a.jpg
%im%\convert.exe sample2bg.jpg -background black -vignette 10x10+5+10 sample73b.jpg

元画像(sample2bg.jpg)


出力画像(sample73a.jpg)


出力画像(sample73b.jpg)

Friday, February 09, 2007

ImageMagickで任意の色調のモノクローム画像を生成する

ImageMagickで任意の色調のモノクローム画像を生成するには、
白黒のモノクローム画像に変換した後、-colorizeオプションで
任意の色調にします。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.1-Q16
%im%\convert.exe sample1.jpg -fx "(r+g+b)/3" -fill #ccddff -colorize 50% sample72a.jpg

元画像(sample1.jpg)


青色っぽい色調のモノクローム画像(sample72a.jpg)


%im%\convert.exe sample1.jpg -fx "(r+g+b)/3" -fill #fee6e6 -colorize 50% sample72b.jpg

淡いピンク調のモノクローム画像(sample72b.jpg)


%im%\convert.exe sample1.jpg -fx "(r+g+b)/3" -fill #c0b49d -colorize 50% sample72c.jpg

こげ茶っぽいモノクローム画像(sample72c.jpg)


%im%\convert.exe sample1.jpg -fx "(r+g+b)/3" -fill #fad759 -colorize 50% sample72d.jpg

淡いゴールド調のモノクローム画像(sample72d.jpg)








Thursday, February 08, 2007

ImageMagickで回転・縮小するアニメーションGIFを生成する

ImageMagickで回転・縮小するアニメーションGIFを作成するには、
-affineでアフィン変換を使用して回転・スケーリングを行います。
縮小の後、画像サイズが変わるので、-extent及びgravityオプションで
均一サイズにしています。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.1-Q16
rem sx=s*cos(r)
rem rx=s*sin(r)
rem ry=s*-sin(r)
rem sy=s*cos(r)
rem r=30,s=0.95
%im%\convert.exe sample2.png -affine 0.82,0.48,-0.48,0.82,0,0 -transform +repage -gravity center -background white -extent 100x100 -flatten f2.gif
rem r=60,s=0.90
%im%\convert.exe sample2.png -affine 0.45,0.78,-0.78,0.45,0,0 -transform +repage -gravity center -background white -extent 100x100 -flatten f3.gif
rem r=90,s=0.85
%im%\convert.exe sample2.png -affine 0.00,0.85,-0.85,0.00,0,0 -transform +repage -gravity center -background white -extent 100x100 -flatten f4.gif
rem r=120,s=0.8
%im%\convert.exe sample2.png -affine -0.40,0.69,-0.69,-0.40,0,0 -transform +repage -gravity center -background white -extent 100x100 -flatten f5.gif
rem r=150,s=0.75
%im%\convert.exe sample2.png -affine -0.65,0.38,-0.38,-0.65,0,0 -transform +repage -gravity center -background white -extent 100x100 -flatten f6.gif
rem r=180,s=0.7
%im%\convert.exe sample2.png -affine -0.70,0.00,0.00,-0.70,0,0 -transform +repage -gravity center -background white -extent 100x100 -flatten f7.gif
rem r=210,s=0.65
%im%\convert.exe sample2.png -affine -0.56,-0.33,0.33,-0.56,0,0 -transform +repage -gravity center -background white -extent 100x100 -flatten f8.gif
rem r=240,s=0.55
%im%\convert.exe sample2.png -affine -0.28,-0.48,0.48,-0.28,0,0 -transform +repage -gravity center -background white -extent 100x100 -flatten f9.gif
rem r=270,s=0.45
%im%\convert.exe sample2.png -affine 0.00,-0.45,0.45,0.00,0,0 -transform +repage -gravity center -background white -extent 100x100 -flatten f10.gif
rem r=300,s=0.35
%im%\convert.exe sample2.png -affine 0.18,-0.30,0.30,0.18,0,0 -transform +repage -gravity center -background white -extent 100x100 -flatten f11.gif
rem r=330,s=0.25
%im%\convert.exe sample2.png -affine 0.22,-0.13,0.13,0.22,0,0 -transform +repage -gravity center -background white -extent 100x100 -flatten f12.gif
rem r=360,s=0.15
%im%\convert.exe sample2.png -affine 0.15,0.00,0.00,0.15,0,0 -transform +repage -gravity center -background white -extent 100x100 -flatten f13.gif
rem r=390,s=0.05
%im%\convert.exe sample2.png -affine 0.04,0.02,-0.02,0.04,0,0 -transform +repage -gravity center -background white -extent 100x100 -flatten f14.gif
%im%\convert.exe sample2.png f2.gif f3.gif f4.gif f5.gif f6.gif f7.gif f8.gif f9.gif f10.gif f11.gif f12.gif f13.gif f14.gif -set delay 20 -loop 0 sample71.gif

出力画像(sample71.gif)

Wednesday, February 07, 2007

ImageMagickで縞模様の角丸四角を描画する

ImageMagickで縞模様の角丸四角は以下のような
バッチファイルで描画することもできます。

横縞の場合は、-appendオプションでそれぞれの色を
縦方向に追加してパターンを作成します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.1-Q16
%im%\convert.exe -size 1x8 xc:#edd3d2 xc:#e1bfbd xc:#fee6e6 -append pat1.png
%im%\convert.exe -size 100x100 xc:none -tile pat1.png -draw "roundrectangle 0,0 99,99 10,10" sample70a.gif

出力画像(sample70a.jpg)




縦縞の場合は、-appendオプションでそれぞれの色を
横方向に追加してパターンを作成します。


%im%\convert.exe -size 8x1 xc:#edd3d2 xc:#e1bfbd xc:#fee6e6 +append pat2.png
%im%\convert.exe -size 100x100 xc:none -tile pat2.png -draw "roundrectangle 0,0 99,99 10,10" sample70b.gif


出力画像(sample70b.jpg)


Tuesday, February 06, 2007

ImageMagickで点線の角丸四角を描画する - その2

ImageMagickで2色の点線の角丸四角を描画するには、
実線で角丸四角を描画して、点線で重ね書きします。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.1-Q16
%im%\convert.exe -size 100x100 xc:none -stroke #2277dd -fill none -draw "stroke-width 2 roundrectangle 5,5 95,95 10,10" -stroke #ccddff -fill none -strokewidth 2 -draw "stroke-dasharray 4,4 stroke-width 2 roundrectangle 5,5 95,95 10,10" sample69a.gif

出力画像(sample69a.jpg)


ImageMagickで3色の点線の角丸四角を描画するには、
実線で角丸四角を描画して、stroke-dasharrayの幅を変えて2回点線で重ね書きします。

%im%\convert.exe -size 100x100 xc:none -stroke #fce769 -fill none -draw "stroke-width 2 roundrectangle 5,5 95,95 10,10" -stroke #f8c749 -fill none -strokewidth 2 -draw "stroke-dasharray 8,4 stroke-width 2 roundrectangle 5,5 95,95 10,10" -stroke #f4a729 -fill none -strokewidth 2 -draw "stroke-dasharray 4,8 stroke-width 2 roundrectangle 5,5 95,95 10,10" sample69b.gif

出力画像(sample69b.jpg)


関連項目
ImageMagickで点線の角丸四角を描画する - その1

Monday, February 05, 2007

ImageMagickで点線の角丸四角を描画する - その1

ImageMagickで点線の角丸四角を描画するには、
以下のバッチファイルを実行します。
stroke-dasharrayで点線のスタイル、
stroke-widthで線の太さを指定しています。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.1-Q16
%im%\convert.exe -size 100x100 xc:white -stroke #ccddff -fill white -strokewidth 3 -draw "stroke-dasharray 3,4 stroke-width 2 roundrectangle 5,5 95,95 10,10" sample68a.png

出力画像(sample68a.jpg)


関連項目
ImageMagickで点線の角丸四角を描画する - その2

Sunday, February 04, 2007

ImageMagickで凹んだ影付き角丸四角を描画する

ImageMagickで写真立てフレームのように、
凹んだ影付き角丸四角を描画するには、
以下のコマンドを実行します。
枠色は#fad759の部分を他の色に置き換えることもできます。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.1-Q16
%im%\convert.exe sample5.jpg ( -size 100x100 -matte -channel RGBA xc:#00000000 -fill #ffffffff -draw "roundrectangle 10,10 90,90 10,10" -negate -fx "p!=1?0:#fad759" ) ( +clone -background #000000 -shadow 40x2+3+3 ) +swap -mosaic -crop 100x100+0+0 sample67.jpg

元画像(sample5.jpg)


出力画像(sample67.jpg)