Saturday, January 05, 2008

ImageMagickで、文字に影だけをつける

文字に影だけをつけるには-shadeオプションでハイライト&影のある文字列を描画した後にハイライト部分を取り除きます(-fx "p>=0.45?0.45:p"の部分)。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 300x50 xc:none -font Tahoma-Bold -gravity center
-fill white -draw "font-size 40 text 0,0 'ImageMagick'" -shade 135x23
-normalize -blur 0x1 -fx "p>=0.45?0.45:p" -modulate 120
( -size 300x50 xc:none -font Tahoma-Bold -gravity center -fill #7799cc
-draw "font-size 40 text 0,0 'ImageMagick'" ) -compose overlay -composite sample271a.png

出力画像(sample271a.png)


関連項目
ImageMagickで凸状に文字列を描画する

Friday, January 04, 2008

ImageMagickで画像を歯車風に切り取る

画像を歯車風に切り取るには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 200x200 xc:none -channel rgba
-fx "(100-i)^2+(100-j)^2<=(floor((atan2(100-i,100-j)+2*pi)/(pi/24))%%2*20+70)^2?1:0" sf.jpg -compose srcin -composite sample268a.png

元画像(sf.jpg)


出力画像(sample268a.png)


関連項目
ImageMagickで、画像を回転刃のように切り取る

Thursday, January 03, 2008

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

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

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 240x200 xc:none -matte -channel rgba -fill black -draw "rectangle 0,0,19,199 rectangle 220,0,239,199" -blur 0x10 -gravity center -crop 200x200+0+0 sample267a.png
%im%\convert.exe sf.jpg -geometry +50+50 sample267a.png -composite sample267b.jpg

出力画像(sample267a.png)


重ね合わせ画像(sf.jpg)


重ねあわせ例(sample267b.jpg)


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

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 200x240 xc:none -matte -channel rgba -fill black -draw "rectangle 0,0,199,19 rectangle 0,220,199,239" -blur 0x10 -gravity center -crop 200x200+0+0 sample267c.png
%im%\convert.exe sf.jpg -geometry +50+50 sample267c.png -composite sample267d.jpg

出力画像(sample267c.png)


重ねあわせ例(sample267d.jpg)


関連項目
ImageMagickで角丸四角画像の端をグラデーションで塗る
ImageMagickで画像の端をグラデーションで塗る
ImageMagickで、画像の上下・左右をバンド状グラデーションで塗る

Wednesday, January 02, 2008

ImageMagickでシャボン玉のような半透明の円を描画する

シャボン玉のような半透明の円を描画するには、以下のバッチファイルを実行します。
rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 100x100 xc:none -matte -channel rgba -fill white +antialias -draw "ellipse 50,50 40,40 0,360" -negate -blur 0x10 ( -size 100x100 xc:none -fill white +antialias -draw "ellipse 50,50 40,40 0,360" ) -compose src_in -composite sample266.png
rem 重ね合わせ
%im%\convert.exe sf.jpg -geometry +50+50 sample266.png -composite sample266b.jpg

出力画像(sample266b.jpg)

ImageMagickでアスペクト比を無視して大きさを変更する

アスペクト比を無視して大きさを変更するには、-resizeオプションの大きさ
指定の後に!を付け加えます。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sf.jpg -resize 200x100! sample265.jpg

元画像(sf.jpg)


出力画像(sample265.jpg)


関連項目
ImageMagickとPHPで、画像サイズを変更する (PHP&Imagick)

Tuesday, January 01, 2008

ImageMagickで、2値化して光が溢れるような画像に変換する

2値化して光が溢れるような画像に変換するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe tree1.jpg -threshold 40000 -negate -matte -channel a
-fx "r" -blur 20x10 tree1.jpg -compose src_in -composite -size 300x225
xc:white +swap -composite sample260a.png

元画像(tree1.jpg)


出力画像(sample260a.png)


関連項目
ImageMagickで、画像の輪郭を影で浮かび上がらせた画像を生成する
ImageMagickで、画像を2値化してメッシュ状にした透過PNGを生成する
ImageMagickで、光が溢れるぼかし画像に変換する

Sunday, December 30, 2007

ImageMagickで画像に横線と横線の入った文字列を描画する

画像に横線と横線の入った文字列を描画するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 200x200 xc:white -fx "j%%4==0?1:0"
( -size 200x200 xc:none +antialias -font Tahoma-Bold
-gravity center -fill white -draw "font-size 100 text 0,0 'SF'"
-matte -channel rgba -fx "j%%4<2?0:p" ) -composite -negate
-matte -channel a -fx "r" -channel rgba sf.jpg -compose src_in
-composite -size 200x200 xc:#e0e0e0 +swap -composite sample264a.png

元画像(sf.jpg)


出力画像(sample264a.png)


関連項目
ImageMagickで横線の入った文字を描画する

ImageMagickでディザリングをオフにして減色する

ディザリングをオフにして減色するには、+ditherオプションを使用します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sf.jpg +dither -colors 32 sample263a.png

元画像(sf.jpg)


出力画像(sample263a.png)

ImageMagickで画像を減色する

ImageMagickで画像を減色するには、-colorsオプションを使用します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sf.jpg -colors 32 sample262.gif

元画像(sf.jpg)


出力画像(sample262.gif)


関連項目
ImageMagickで画像を4色グレースケールの画像に減色する
ImageMagickでディザリングをオフにして減色する

ImageMagickで文字列の端を絞り込む

文字列の端を絞り込むには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 300x150 -gravity center -pointsize 50 -fill #bbddff
-font Tahoma label:ImageMagick -virtual-pixel background
-background white -fx "p{i,(j-cos(pi*i/w*2)*0.7*h/2)/(1-cos(pi*i/w*2)*0.7)}"
sample261.jpg

出力画像(sample261.jpg)

関連項目
ImageMagickで文字列の中央をへこませる

Saturday, December 29, 2007

ImageMagickで画像の暗い部分を明るくする

画像の暗い部分を明るくするには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sf.jpg ( sf.jpg -matte -channel a -fx "luminosity<0.4?p:0" -modulate 160 ) -composite sample259a.png
元画像(sf.jpg)


出力画像(sample259a.png)

街路樹や影になっている部分が明るくなっています。

2008/07/13追記
ver6.4.0あたりからluminosityからlightnessに変わったので、以下のバッチを実行します。
rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.4.2-Q16
%im%\convert.exe sf.jpg ( sf.jpg -matte -channel a -fx "lightness<0.4?p:0" -modulate 160 ) -composite sample259a.png

関連項目
ImageMagickとPHPで画像の暗い部分を明るくする (Imagickによる同様の処理)

ImageMagickで元画像から色調を変えた画像に徐々に変わっていく画像を生成する

ImageMagickで元画像から色調を変えた画像に徐々に変わっていく画像を
生成するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sample10.jpg -matte -channel A -fx
"sqrt(pow(150-i,2)+pow(50-j,2))<50?1:1-(sqrt(pow(150-i,2)+
pow(50-j,2))-50)/50" -channel rgba ( sample10.jpg
-modulate 100,100,60 ) +swap -composite sample258a.jpg

上記バッチファイルでは、座標(150,50)を中心に半径50ピクセルは
元画像そのままで、半径50ピクセルより大きい部分は徐々に
透明になっていくようにして、色調を変更した画像と重ね合わせています。

元画像(sample10.jpg)


出力画像(sample258a.jpg)


関連項目
ImageMagickでだんだんと白黒画像になっていくグラデーションを作成する

Saturday, December 22, 2007

ImageMagickで、2値化した画像部分を盛り上がらせる

2値化した画像部分を盛り上がらせるには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sample5r.jpg -threshold 53000 -negate -matte -channel A
-fx "p.r==1?1:0" -channel rgba -shade 135x23 -blur 0x2 -normalize
sample5r.jpg -compose overlay -composite sample257a.png

元画像(sample5r.jpg)


出力画像( sample257a.png)


関連項目
ImageMagickで2値化したのちグラデーションで塗りつぶす

ImageMagickで、画像を荒いドットで切り取る

画像を荒いドットで切り取るには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe tree1.jpg -threshold 33000 -negate -resize 30 -fx "p>0.1?1:0" -channel rgb -matte -channel a -fx "r" -channel rgba -filter Point -resize 300 tree1.jpg -compose src_in -composite sample256a.png

上記のバッチでは、2値化した画像をモザイク調に変換し、それをマスクとして画像を切り取っています。

元画像(tree1.jpg)


出力画像(sample256a.png):黒い部分は透過するPNG画像です。

Sunday, December 16, 2007

ImageMagickで、画像を2値化してメッシュ状にした透過PNGを生成する

画像を2値化してメッシュ状にした透過PNGを生成するには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe tree1.jpg -threshold 40000 -negate -matte -channel a -fx "r" -channel rgb -fx "#3070A0FF" -channel rgba -fx "(i%%2==0)&&(j%%2==0)?p:0" sample255a.png

元画像(tree1.jpg)


出力画像(sample255a.png)


関連項目
JMagickで、画像を2値化してメッシュ状にした透過PNGを生成する (JMagickでの同様の処理)
ImageMagickで、画像の輪郭を影で浮かび上がらせた画像を生成する

Saturday, December 15, 2007

ImageMagickで、画像の輪郭を影で浮かび上がらせた画像を生成する

画像の輪郭を影で浮かび上がらせた画像を生成するには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe tree1.jpg -threshold 40000 -negate -matte -channel a -fx "r"
-channel rgb -fx "#3070A0FF" -channel rgba ( +clone -background #FFFFFF
-shadow 97x4+0+0 ) +swap -background #3070A0FF -mosaic
-crop 300x225+0+0 sample254a.png

上記バッチでは、画像を2値化して、白の影付けを行い、背景色は青っぽい色に
設定しています。

元画像(tree1.jpg)


出力画像(sample254a.png)


関連項目
ImageMagickで閾値を使用して切り取った画像に影付けする
ImageMagickで、画像を2値化して白色部分は元画像のままで黒色部分は影付けした画像を生成する
ImageMagickとPHPで画像の輪郭を影で浮かび上がらせた画像を生成する (Imagickによる同様の処理)

Sunday, December 09, 2007

ImageMagickで、描画した円部分以外の所の彩度を落とす

描画した円部分以外の所の彩度を落とすには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.6-Q16
%im%\convert.exe -size 200x200 xc:none -matte -channel rgba -fill white -draw
"ellipse 50,140 35,35 0,360 ellipse 110,90 25,25 0,360 ellipse 160,50 20,20 0,360"
sf.jpg -compose srcin -composite ( sf.jpg -modulate 100,20 ) +swap -composite sample253.png

上記のバッチファイルでは、画像を3つの円で切り取り、彩度を下げた画像と重ね合わせています。

元画像(sf.jpg)


出力画像(sample253.png)

Sunday, December 02, 2007

ImageMagickでバンド状にグラデーションのかかった文字を描画する

バンド状にグラデーションのかかった文字を描画するには、以下のバッチファイルを実行します。

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

%im%\convert.exe -size 300x50 xc:none -matte -channel rgba -pointsize 40 -gravity center -draw "text 0,0 ImageMagick" ( -size 1x1 xc:#3070A0FF xc:#FFFF10FF -append
-resize 1x8! -filter Point -resize 300x50! ) -compose srcin -composite sample252.png

出力画像(sample252.png)


関連項目
ImageMagickでグラデーション付きの文字列描画

Saturday, November 24, 2007

ImageMagickで丸ドットの文字列を描画する

丸ドットの文字列を描画するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.6-Q16
%im%\convert.exe -size 400x100 xc:white ( -size 40x10 xc:#f2ede9 -fill #74a2c3 -pointsize 9 +antialias -gravity center -draw "text 0,-2 'M a g i c'" )
-fx "(i%%10-5)^2+(j%%10-5)^2<=4^2?v.p{floor(i/10),floor(j/10)}:#FFFFFF}" sample251a.png

出力画像(sample251a.png)


別バージョン。
%im%\convert.exe -size 400x100 xc:white ( -size 40x10 xc:#f2ede9 -fill #74a2c3 -pointsize 9 -gravity center -draw "text 0,-1 'Magic'" )
-fx "(i%%10-5)^2+(j%%10-5)^2<=5^2?v.p{i/10,j/10}:#FFFFFF}" sample251b.png

出力画像(sample251b.png)

Friday, November 23, 2007

ImageMagickでドット絵風の文字を描画する-その2

ドット絵風の文字を描画するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.6-Q16
%im%\convert.exe -size 40x10 xc:#f2ede9 -fill #74a2c3 -pointsize 9 +antialias -draw "fill-opacity 0.3 text 1,8 'M a g i c'" -filter Point -resize 400x100 sample250a.jpg

出力画像(sample250a.jpg)


関連項目
ImageMagickで丸ドットの文字列を描画する