Friday, August 17, 2007

ImageMagickで青色っぽい部分の明るさを変更する

ImageMagickで青色っぽい部分の明るさを変更するには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.5-Q16
%im%\convert.exe sf.jpg -channel a -fx "(hue>0.47&&amp;hue<0.69&&luminosity>0.5)?1:0" -channel rgba -modulate 150 sf.jpg +swap -composite sample193a.jpg

元画像(sf.jpg)


青い部分だけが明るくなった画像が生成されます。
出力画像(sample193a.jpg)


青色っぽい部分を暗くする場合は、以下のバッチを実行します。
%im%\convert.exe sf.jpg -channel a -fx "(hue>0.47&&amp;hue<0.69&&luminosity>0.5)?1:0" -channel rgba -modulate 70 sf.jpg +swap -composite sample193b.jpg

出力画像(sample193b.jpg)


2008/01/04追記
ver6.3.7では、以下のバッチファイルのように-matteを追加します。
rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sf.jpg -matte -channel a -fx "(hue>0.47&&hue<0.69&&luminosity>0.5)?1:0" -channel rgba -modulate 150 sf.jpg +swap -composite sample193a.jpg
%im%\convert.exe sf.jpg -matte -channel a -fx "(hue>0.47&&hue<0.69&&luminosity>0.5)?1:0" -channel rgba -modulate 70 sf.jpg +swap -composite sample193b.jpg

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

ImageMagickで青色っぽい部分の彩度を上げる・下げる

ImageMagickで青色っぽい部分の彩度を上げる・下げるには、
以下のバッチを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.5-Q16
%im%\convert.exe sf.jpg -channel a -fx "(hue>0.47&&hue<0.69&&luminosity>0.5)?1:0" -channel rgba -modulate 100,150 sf.jpg +swap -composite sample192a.jpg

元画像(sf.jpg)


出力画像(sample192a.jpg):青空がより青くなって澄んだ感じに。


彩度を下げると、湿気のあるような空の色になります。
%im%\convert.exe sf.jpg -channel a -fx "(hue>0.47&&hue<0.69&&luminosity>0.5)?1:0" -channel rgba -modulate 100,30 sf.jpg +swap -composite sample192b.jpg

出力画像(sample192b.jpg)


2008/01/04追記
ver6.3.7では、以下のバッチファイルのように-matteを追加します。
rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sf.jpg -matte -channel a -fx "(hue>0.47&&hue<0.69&&luminosity>0.5)?1:0" -channel rgba -modulate 100,150 sf.jpg +swap -composite sample192a.jpg
%im%\convert.exe sf.jpg -matte -channel a -fx "(hue>0.47&&hue<0.69&&luminosity>0.5)?1:0" -channel rgba -modulate 100,30 sf.jpg +swap -composite sample192b.jpg

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

関連項目
ImageMagickで画像の緑っぽい部分の彩度を上げて、それ以外の色の部分の彩度を下げる

ImageMagickで青空を夕日にかえる

ImageMagickで青空を夕日に変える(青色っぽい部分を赤茶けた色に変換)には
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.5-Q16
%im%\convert.exe sf.jpg -channel a -fx "(hue>0.47&&hue<0.69&&luminosity>0.5)?1:0" -channel rgba -modulate 100,100,10 sf.jpg +swap -composite sample191a.jpg

元画像(sf.jpg)


出力画像(sample191a.jpg)


2008/01/04追記
Ver6.3.7では、以下のバッチファイルのように-matteを追加します。
rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sf.jpg -matte -channel a -fx "(hue>0.47&&hue<0.69&&luminosity>0.5)?1:0" -channel rgba -modulate 100,100,10 sf.jpg +swap -composite sample191a.jpg

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

Wednesday, August 15, 2007

ImageMagickで青色部分・青色以外の部分をぼかす

ImageMagickで青色部分・青色以外の部分をぼかすには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.5-Q16
rem 青空をぼかす
%im%\convert.exe sf.jpg -channel a -fx "(hue>0.47&&amp;hue<0.69&&luminosity>0.6)?1:0" -channel rgba -blur 0x2 sf.jpg +swap -composite sample190a.jpg
rem 青空以外をぼかす
%im%\convert.exe sf.jpg -channel a -fx "(hue>0.47&&amp;hue<0.69&&luminosity>0.6)?0:1" -channel rgba -blur 0x2 sf.jpg +swap -composite sample190b.jpg

元画像(sf.jpg)


出力画像(sample190a.jpg)


出力画像(sample190b.jpg)


2008/01/04追記
ver6.3.7では、-matteオプションを追加します。

2008/07/13追記
ver6.4.0あたりからluminosityからlightnessに変わったので、以下のバッチを実行します。
rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.4.2-Q16
%im%\convert.exe sf.jpg -matte -channel a -fx "(hue>0.47&&hue<0.69&&lightness>0.6)?1:0" -channel rgba -blur 0x2 sf.jpg +swap -composite sample190a.jpg
%im%\convert.exe sf.jpg -matte -channel a -fx "(hue>0.47&&hue<0.69&&lightness>0.6)?0:1" -channel rgba -blur 0x2 sf.jpg +swap -composite sample190b.jpg

関連項目
ImageMagickで青っぽい部分以外が上下に揺れたような加工をする

ImageMagickで上下・左右に半透明グラデーションをかける

ImageMagickで上下・左右に半透明グラデーションをかけるには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.5-Q16
rem 上下半透明グラデーション
%im%\convert.exe -size 100x100 xc:none ( xc:#5070E030 xc:#d0a03040 +append -resize 2x1 ) -channel rgba -fx "v.p{(1-sin(pi*j/h)),1}" sample6.jpg +swap -composite sample189a.jpg
rem 左右半透明グラデーション
%im%\convert.exe -size 100x100 xc:none ( xc:#f9b4a450 xc:#7090F030 +append -resize 2x1 ) -channel rgba -fx "v.p{(1-sin(pi*i/w)),1}" sample6.jpg +swap -composite sample189b.jpg

元画像(sample6.jpg)


出力画像(sample189a.jpg)


出力画像(sample189b.jpg)


関連項目
ImageMagickで画像に半透明グラデーションをかける

Sunday, August 12, 2007

ImageMagickで半透明の青いぼかしを重ね合わせる

ImageMagickで半透明の青いぼかしを重ね合わせるには、
以下のバッチを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.5-Q16
%im%\convert.exe sample8.jpg ( sample8.jpg -threshold 53000 -negate -channel r -fx "0.2" -channel g -fx "0.2" -channel a -fx "p.b==0?0:0.5" -channel rgba -blur 0x4 ) -composite sample188a.jpg

元画像(sample8.jpg)


出力画像(sample188a.jpg)

Saturday, August 11, 2007

ImageMagickで角丸四角で修飾された文字列を描画する

ImageMagickで角丸四角で修飾された文字列を描画するには、
以下のVBSをcscript.exe(WSH)で実行します。

letters-w-rr.vbs
Set im = CreateObject("ImageMagickObject.MagickImage.1")
rem 出力文字列(英文字のみ)
message_string = "ImageMagick"

For wl=1 to Len(message_string)
ch = Mid(message_string,wl,1)
If (wl mod 2) = 0 then
rt = "-15"
else
rt = "15"
end if

im.Convert "-size", "20x20", "xc:none", "-fill", "#c0b49d", "-draw", "roundrectangle 0,0,19,19,5,5", "-font", "Tahoma-Bold", "-gravity", "center", "-fill", "white", "-draw", "font-size 15 text 0,0 '" & ch &amp; "'", "-rotate", rt, "t" & wl & ".png"

if wl = 1 then
im.Convert "t1.png", "output.png"
else
im.Convert "output.png", "t" & wl & ".png", "+append", "output.png"
end if

Next

Set im = Nothing

出力画像(output.jpg)


関連項目
ImageMagickで文字ごとに背景色が異なる文字列を描画する
ImageMagickで影つきの立体的な角丸四角で修飾された文字列を描画する

ImageMagickで画像に半透明グラデーションをかける

ImageMagickで画像に半透明グラデーションをかけるには、
以下のバッチのようにアルファ付きのgradientを使用します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.5-Q16
%im%\convert.exe -size 200x100 sample8.jpg -fill gradient:#5070E020-#d0a03030 -draw "rectangle 0,0 199, 99" sample187a.gif

元画像(sample8.jpg)


出力画像(sample187a.gif)


関連項目
ImageMagickで、写真を虹色の濃淡画像に変換する

Tuesday, August 07, 2007

ImageMagickで凸状に文字列を描画する

ImageMagickで凸状に文字列を描画するには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.5-Q16
%im%\convert.exe -size 200x50 xc:none -font Tahoma-Bold -gravity center -fill white -draw "font-size 28 text 0,0 'ImageMagick'" -shade 135x23 -blur 0x2 ( -size 200x50 xc:none -font Tahoma-Bold -gravity center -fill #fad759 -draw "font-size 28 text 0,0 'ImageMagick'" ) -compose overlay -composite sample186a.png
rem 重ねあわせ例
%im%\convert.exe sample8.jpg -gravity south sample186a.png -composite sample186b.jpg

出力画像(sample186a.png)


重ねあわせ例(sample186b.jpg)


関連項目
ImageMagickで、文字に影だけをつける

Monday, August 06, 2007

ImageMagickで飛び出した感じの文字列を描画する

ImageMagickで飛び出した感じの文字列を描画するには、
以下のバッチファイルを実行します。

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

%im%\convert.exe -size 200x50 xc:none -channel RGBA -font Tahoma -gravity center -fill #F0F0FF -stroke #90A0FF -strokewidth 1 -draw "font-size 31 text 0,0 'ImageMagick'" t1.png
%im%\convert.exe -size 200x50 xc:none -channel RGBA +antialias -font Tahoma -gravity center -fill white -stroke white -strokewidth 2 -draw "font-size 30 text 0,2 'ImageMagick'" ( -size 1x1 xc:#20c332 xc:#FFFF10 +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 white -stroke white -strokewidth 2 -draw "font-size 29 text 0,4 'ImageMagick'" ( -size 1x1 xc:#20c332 xc:#FFFF10 +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 white -stroke white -strokewidth 2 -draw "font-size 28 text 0,6 'ImageMagick'" ( -size 1x1 xc:#20c332 xc:#FFFF10 +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 white -stroke white -strokewidth 2 -draw "font-size 27 text 0,8 'ImageMagick'" ( -size 1x1 xc:#20c332 xc:#FFFF10 +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 white -stroke white -strokewidth 2 -draw "font-size 26 text 0,10 'ImageMagick'" ( -size 1x1 xc:#20c332 xc:#FFFF10 +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 sample185a.png

出力画像(sample185a.png)

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)

Thursday, August 02, 2007

ImageMagickで任意の大きさの市松模様を作成する

ImageMagickで任意の大きさの市松模様を作成するには、
以下のバッチファイルを実行します。

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

rem 10x10の市松模様
%im%\convert.exe -size 100x100 xc:white -fx "(floor(i/10)+floor(j/10))%%2==0?#EFD8D2:#FFFFF0" sample183a.png

出力画像(sample183a.png)


rem 20x5の市松模様
%im%\convert.exe -size 100x100 xc:white -fx "(floor(i/20)+floor(j/5))%%2==0?#F8C749:#FCE769" sample183b.png

出力画像(sample183b.png)

ImageMagickで任意の色調の部分を斜線を描画する

ImageMagickで任意の色調の部分を斜線を描画するには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.4-Q16
%im%\convert.exe sample3b.jpg -fx "tp=((i+j)%%5<3)?p*1.2:p; ((hue<0.08||hue>0.83)&&luminosity>0.98&&saturation<0.8)?tp:p" sample182a.png

元画像(sample3b.jpg)


出力画像(sample182a.png)


2008/07/13追記
ver6.4.0あたりからluminosityからlightnessに変わったので、以下のバッチを実行します。
rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.4.2-Q16
%im%\convert.exe sample3b.jpg -fx "tp=((i+j)%%5<3)?p*1.2:p; ((hue<0.08||hue>0.83)&&lightness>0.50&&saturation>0.8)?tp:p" sample182a.png

Sunday, July 22, 2007

ImageMagickで半透明矩形を描画して、その背景部分だけぼかす

ImageMagickで半透明矩形を描画して、その背景部分だけぼかすには、
以下のバッチファイルを実行します。

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

%im%\convert.exe -size 200x100 xc:none -fill white -draw "rectangle 10,10 90,90" ( sample8.jpg -blur 0x2 ) -compose srcin -composite temp1.png
%im%\convert.exe sample8.jpg temp1.png -composite -fill #50505080 -draw "rectangle 10,10 90,90" sample181a.png

元画像(sample8.jpg)


出力画像(sample181a.png)


関連項目
ImageMagickとPHPで画像の任意の領域をぼかして半透明の色を重ね合わせる

Sunday, July 15, 2007

ImageMagickで青色っぽい部分を透過させる

ImageMagickで青色っぽい部分を透過させるには、以下のバッチファイルを実行します。

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

rem 青色っぽい部分を透明に設定して透過PNG作成
%im%\convert.exe tree1.jpg -channel A -fx "(hue>0.47&&hue<0.69&&luminosity>0.5)?0:1" sample180a.png

rem グラデーションと透過PNGの重ね合わせ
%im%\convert.exe -size 300x225 gradient:#80ffff-#e0ff80 sample180a.png -composite sample180b.jpg

元画像(tree1.jpg)


透過PNG(sample180a.png)


グラデーションと重ね合わせた出力画像(sample180b.jpg)


2008/01/04追記
ver6.3.7では、以下のバッチファイルのように-matteを追加します。
rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe tree1.jpg -matte -channel A -fx "(hue>0.47&&hue<0.69&&luminosity>0.5)?0:1" sample180a.png
%im%\convert.exe -size 300x225 gradient:#80ffff-#e0ff80 sample180a.png -composite sample180b.jpg

2008/07/13追記
ver6.4.0あたりからluminosityからlightnessに変わったので、以下のバッチを実行します。
rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.4.2-Q16

%im%\convert.exe tree1.jpg -matte -channel A -fx "(hue>0.47&&hue<0.69&&lightness>0.5)?0:1" sample180a.png

%im%\convert.exe -size 300x225 gradient:#80ffff-#e0ff80 sample180a.png -composite sample180b.jpg

Wednesday, July 11, 2007

ImageMagickでナビゲーション風に画像を重ね合わせる

ImageMagickでナビゲーション風に画像を重ね合わせるには、
以下のバッチファイルを実行します。

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

%im%\convert.exe sample2bg.jpg -extent 180x100 ( sample3b.jpg -channel A -fx "(j<h/2)&&(i<j*20*2/h)?0:p" -fx "(j>=h/2)&&(i<(20-(j-h/2)*20*2/h))?0:p" -fx "(j<h/2)&&(i>80+j*20*2/h)?0:p" -fx "(j>=h/2)&&(i>(100-(j-h/2)*20*2/h))?0:p" ) -geometry +80+0 -composite sample179a.jpg

元画像(sample2bg.jpg)


元画像(sample3b.jpg)


出力画像(sample179a.jpg)


Sunday, July 08, 2007

ImageMagickで斜線画像を生成する

ImageMagickで斜線画像を生成するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.4-Q16
%im%\convert.exe -size 100x100 xc:none -fx "((200+j-i)%%10<7)?#7090E0:#fbfaf7" sample178a.jpg
%im%\convert.exe -size 100x100 xc:none -fx "((i+j)%%20<6)?#C0B49D:#fbfaf7" sample178b.jpg

出力画像(sample178a.jpg)


出力画像(sample178b.jpg)



関連項目
ImageMagickで任意の大きさの市松模様を作成する
ImageMagickで任意の大きさの斜め四角模様を作成する
ImageMagickで、画像に半透明の斜線を重ね合わせる

Saturday, July 07, 2007

ImageMagickで境界を半透明グラデーションにして2つの画像を重ね合わせる - その3

ImageMagickで境界を半円状の半透明グラデーションにして2つの画像を重ね合わせるには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.4-Q16
%im%\convert.exe sample2bg.jpg -extent 170x100 ( sample3b.jpg -channel A -fx "i<((1-sin(pi*j/h))*10)?0:1" -fx "(((1-sin(pi*j/h))*10)<=i)&&(i<((1-sin(pi*j/h))*10+20))?(i-((1-sin(pi*j/h))*10))/20:p" ) -geometry +70+0 -composite sample177a.jpg

元画像(sample2bg.jpg)


元画像(sample3b.jpg)


出力画像(sample177a.jpg)


2008/01/04追記
Ver6.3.7では、以下のバッチファイルのように-matteを追加します。
rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sample2bg.jpg -extent 170x100 ( sample3b.jpg -matte -channel A -fx "i<((1-sin(pi*j/h))*10)?0:1" -fx "(((1-sin(pi*j/h))*10)<=i)&&(i<((1-sin(pi*j/h))*10+20))?(i-((1-sin(pi*j/h))*10))/20:p" ) -geometry +70+0 -composite sample177a.jpg

関連項目
ImageMagickで境界を半透明グラデーションにして2つの画像を重ね合わせる
ImageMagickで境界を半透明グラデーションにして2つの画像を重ね合わせる - その2
ImageMagickとPHPで、2つの画像を連結する

Friday, July 06, 2007

ImageMagickで境界を半透明グラデーションにして2つの画像を重ね合わせる - その2

ImageMagickで斜めの境界を半透明グラデーションにして2つの画像を重ね合わせるには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.4-Q16
%im%\convert.exe sample2bg.jpg -extent 180x100 ( sample3b.jpg -channel A
-fx "i<(10-10*j/h)?0:1" -fx "((10-10*j/h)<=i)&&(i<(20-10*j/h))?(i-(10-10*j/h))/10:p" ) -geometry +80+0 -composite sample176a.jpg


元画像(sample2bg.jpg)


元画像(sample3b.jpg)


出力画像(sample176a.jpg)

2008/01/04追記
Ver6.3.7では、以下のバッチファイルのように-matteを追加します。
rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sample2bg.jpg -extent 180x100 ( sample3b.jpg -matte -channel A
-fx "i<(10-10*j/h)?0:1" -fx "((10-10*j/h)<=i)&&(i<(20-10*j/h))?(i-(10-10*j/h))/10:p" ) -geometry +80+0 -composite sample176a.jpg

関連項目
ImageMagickで境界を半透明グラデーションにして2つの画像を重ね合わせる
ImageMagickで境界を半透明グラデーションにして2つの画像を重ね合わせる - その3
ImageMagickで、2つの画像が交互にスクロールするアニメーションGIFを作成する
ImageMagickとPHPで、2つの画像を連結する

Thursday, July 05, 2007

ImageMagickで上部がカーブしたタブ画像を作成する

ImageMagickで上部がカーブしたタブ画像を作成するには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.4-Q16
rem タブ画像1 - 非選択
%im%\convert.exe -size 100x10 gradient:#f4f4f4-#cccccc ( -size 100x20 xc:#cccccc ) -append -background none -wave -4x200 -gravity north -crop 100x25+0+0 +repage -extent 102x25 -gravity center -fill #707070 -pointsize 15 -font "c:/winnt/fonts/msmincho.ttc" -draw @lbl.txt sample172a.gif
rem タブ画像1 - 選択
%im%\convert.exe -size 100x10 gradient:#ffffdd-#f8c749 ( -size 100x20 xc:#f8c749 ) -append -background none -wave -4x200 -gravity north -crop 100x25+0+0 +repage -extent 102x25 -gravity center -fill #8c8769 -pointsize 15 -font "c:/winnt/fonts/msmincho.ttc" -draw @lbl.txt sample172b.gif
rem タブ画像1 - hover
%im%\convert.exe -size 100x10 gradient:#ffffdd-#fce769 ( -size 100x20 xc:#fce769 ) -append -background none -wave -4x200 -gravity north -crop 100x25+0+0 +repage -extent 102x25 -gravity center -fill #f29719 -pointsize 15 -font "c:/winnt/fonts/msmincho.ttc" -draw @lbl.txt sample172c.gif
rem 3つのボタン画像を連結
%im%\convert.exe sample172a.gif sample172b.gif sample172c.gif +append tab1.gif

lbl.txtには、以下の内容をUTF-8で保存します。
text 0,2 '詳細設定'

出力画像(tab1.gif)