Wednesday, February 06, 2008

ImageMagickで、端が半透明の円形に画像を切り取る

端が半透明の円形に画像を切り取るには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 300x225 xc:none -matte -channel rgba -fill white -draw "ellipse 130,110,100,100,0,360" -blur 0x10 sf2.jpg -compose src_in -composite sample301a.png
rem 重ねあわせ例
%im%\convert.exe sf.jpg sample301a.png -resize 250 -geometry -30-30 -composite +repage sample301b.jpg

元画像(sf2.jpg)


出力画像(sample301a.png)


重ねあわせ例(sample301b.png)


関連項目
ImageMagickで、波型の円で端をぼかして切り取る
RMagickで、端が半透明の円形に画像を切り取る

Tuesday, February 05, 2008

ImageMagickで、角が丸い十字模様を作成する

角が丸い十字模様を作成するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 20x20 xc:none -matte -channel rgba -fill black -draw "roundrectangle 8,2 12,17 2,2 roundrectangle 2,8 17,12 2,2" sample300a.png
%im%\convert.exe -size 200x200 tile:sample300a.png ( -size 220x220 tile:sample300a.png -matte -channel a -fx "p.r==1?0:1" -channel rgba ) -geometry -10-10 -composite sample300b.png

出力画像(sample300a.png)


出力画像(sample300b.png)

Monday, February 04, 2008

ImageMagickで、画像に同心円の模様をつける

画像に同心円の模様をつけるには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 200x200 xc:none -matte -channel rgba -fx "ceil(sqrt((i-150)^2+(j-350)^2))%%4<=1?#00000030:#00000000" sf.jpg +swap -composite sample299.jpg

元画像(sf.jpg)


出力画像(sample299.jpg)

Sunday, February 03, 2008

ImageMagickで、画像を早朝っぽく加工する

画像を早朝っぽく加工するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sf2.jpg -fill #bbddff -tint 120 sample290a.png

上記バッチでは-tintオプションで、明るい青色っぽい色を着色しています。

元画像(sf2.jpg)


出力画像(sample290a.png)

ImageMagickで、ぼんやりと青白く輝く文字列を描画する

ぼんやりと青白く輝く文字列を描画するには、以下のバッチファイルを実行します。

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

%im%\convert.exe -size 300x100 xc:none -matte -channel rgba
-font Times-New-Roman-Bold -gravity center -fill white
-draw "font-size 48 text 0,0 'ImageMagick'" -channel a
-blur 0x2 -normalize -channel rgba ( -size 300x100 xc:black
-matte -channel rgba -font Times-New-Roman-Bold
-gravity center -fill #1F77D2 -stroke #1F77D2
-strokewidth 2 -draw "font-size 48 text 0,0 'ImageMagick'"
-blur 0x5 -strokewidth 1
-draw "font-size 48 text 0,0 'ImageMagick'" ) +swap -composite sample298.png

上記バッチファイルでは、白色で描画した文字列のアルファチャネルに
若干のぼかしをかけて、青色っぽい色で描画した文字列にぼかしをかけた
画像と重ねあわせをしています。

出力画像(sample298.png)


関連項目
ImageMagickで、任意の色でぼかして縁取られた文字を描画する
ImageMagickで文字列の描画 (日本語描画)
ImageMagickとPHPで青白く輝く文字列を描画する (Imagickでの同様の処理)

Saturday, February 02, 2008

ImageMagickで、画像の上下を半円の繰り返しで切り取る

画像の上下を半円の繰り返しで切り取るには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 300x225 xc:white -matte -channel rgba
-fx "(i%%20-10)^2+(j-10)^2-10^2<0?1:0"
-fx "(i%%20-10)^2+(h-j-10-1)^2-10^2<0?1:p"
-fx "j>=10&&j<(h-10)?1:p" sf2.jpg -compose src_in -composite sample296a.png
元画像(sf2.jpg)


出力画像(sample296a.png) : 黒色部分は透過色です。

ImageMagickとWSHで、バッジ画像を生成する

ImageMagickとWSHで、バッジ画像を生成するには、以下のスクリプトを実行します。

sample294.vbs
=============================================
Set im = CreateObject("ImageMagickObject.MagickImage.1")
pi=3.14159

rem 分割数
par = Wscript.Arguments(0)
rem 中心x
cx = Wscript.Arguments(1)
rem 中心y
cy = Wscript.Arguments(2)
rem 半径(大)
rad1 = Wscript.Arguments(3)
rem 半径(小)
rad2 = Wscript.Arguments(4)
rem 描画色
fc = Wscript.Arguments(5)
rem 出力サイズx
ox = Wscript.Arguments(6)
rem 出力サイズy
oy = Wscript.Arguments(7)
rem 出力ファイル名
ofile = Wscript.Arguments(8)

dr1=0
dr2=360/(par*2)
dat="polygon "
Do While dr2<360
p1x=int(cx-cos(2*pi*dr1/360)*rad1)
p1y=int(cy-sin(2*pi*dr1/360)*rad1)
p2x=int(cx-cos(2*pi*dr2/360)*rad2)
p2y=int(cy-sin(2*pi*dr2/360)*rad2)

if dr1 >0 then
dat=dat+","
end if

dat=dat & cstr(p1x) & "," & cstr(p1y) & "," & cstr(p2x) & "," & cstr(p2y)

dr1 = dr1 + 360/par
dr2 = dr2 + 360/par
Loop

im.Convert "-size", ox & "x" & oy, "xc:none", "-fill", fc, "-draw", dat, ofile

Set im = Nothing

=============================================
実行例
cscript sample294.vbs 20 100 100 90 80 orange 200
200 sample294.png

出力画像(sample294.png)


関連項目
ImageMagickとVBS(WSH)でポラロイド写真を並べた画像を生成する
ImageMagickとWSHで、角が丸くなったバッジ画像を生成する

Thursday, January 31, 2008

ImageMagickで、背景パターンをジクザグに配置する

背景パターンをジクザグに配置するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe flower1.png -roll +0+4 flower1.png -roll +0+4 flower1.png -roll +0+4 flower1.png -roll +0+4 flower1.png +append -roll +0-4 flower1.png -roll +0-4 flower1.png -roll +0-4 flower1.png -roll +0-4 +append -write mpr:t1 +delete -size 300x200 tile:mpr:t1 sample295a.png

背景パターン画像(flower1.png)


出力画像(sample295a.png)


関連項目
ImageMagickで、2種類の画像を交互に配置して背景画像を作成する

Wednesday, January 30, 2008

ImageMagickで、濃淡模様が中央に吸い込まれるような画像を生成する

濃淡模様が中央に吸い込まれるような画像を生成するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 400x400 plasma:fractal -fx "intensity" -normalize ( -size 1x1 xc:#3070A0FF xc:#403010FF -append ) -fx "v.p{0,p}" -implode 1 -crop 200x200+100+100 sample292a.png

出力画像(sample292a.png)


関連項目
ImageMagickで、濃淡模様が渦巻状に吸い込まれるような画像を生成する
RMagickで濃淡模様が中央に吸い込まれるような画像を作成する

Tuesday, January 29, 2008

ImageMagickで徐々に画像がスケッチ調になるように加工する

徐々に画像がスケッチ調になるように加工するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sf.jpg -sketch 0x10+120 -matte -channel a -fx "i>=2*w/3?1:0" -fx "i>=w/3&&i<2*w/3?(i-w/3)/(w/3):p" -channel rgba sf.jpg +swap -composite sample291a.png

上記バッチファイルでは、画面左から1/3の部分が元画像、
1/3から2/3が元画像とスケッチ調画像の グラデーション、
右1/3がスケッチ調になっています。

元画像(sf.jpg)


出力画像(sample291a.png)


関連項目
ImageMagickで画像をスケッチ画調に処理する
ImageMagickで青色っぽい部分以外をスケッチ調に変換する
ImageMagickで雨が降っているような加工をする

Saturday, January 26, 2008

ImageMagickで、画像の端をかすれたように処理する

画像の端をかすれたように処理するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 300x225 xc:none -matte -channel rgba -fill white -draw "rectangle 20,20,279,204" -blur 0x1 -spread 2 sf2.jpg -compose src_in -composite sample289.png

元画像(sf2.jpg)


出力画像(sample289.png) : 端の白色部分は透過になります。


関連項目
ImageMagickでクレヨン風の文字列を描画する
ImageMagickとPHPで画像の端をかすれたように処理する
JMagickで画像の端がかすれたような処理をする
Rmagickで画像の端がかすれたように処理する

Friday, January 25, 2008

ImageMagickで画像を角丸四角に切り取って文字入れをする

画像を角丸四角に切り取って文字入れをするには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sf2.jpg -matte -channel rgba ( sf2.jpg -crop 300x30+0+0 -modulate 50 ) -composite -font Comic-Sans-MS-Bold -gravity north -fill white -draw "font-size 20 text 0,0 'San Francisco'" -gravity northwest ( -size 300x225 xc:none -draw "roundrectangle 0,0 300,225 30,30" ) -compose dst_in -composite sample297.png
rem 影つけ
%im%\convert.exe sample297.png ( +clone -background #000000 -shadow 50x2+5+5 ) +swap -background white -mosaic sample297b.jpg

元画像(sf2.jpg)


出力画像(sample297.png)


影付けした出力画像(sample297b.jpg)


関連項目
ImageMagickで文字列の描画 (日本語の文字入れ)
ImageMagickで、ビデオ風の画像を作成する
ImageMagickで画像を角丸四角に切り取って文字入れをする

ImageMagickで、画像にプラズマフラクタル画像を重ね合わせて濃淡をつける

画像にプラズマフラクタル画像を重ね合わせて濃淡をつけるには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 200x200 plasma:fractal -fx "intensity" +contrast +contrast sample273a.png
%im%\convert.exe sf.jpg sample273a.png -compose overlay -composite sample273b.jpg

元画像(sf.jpg)


重ね合わせるプラズマフラクタル画像(sample273a.png)


出力画像(sample273b.png)


関連項目
ImageMagickで、任意の2色グラデーションのプラズマ・フラクタル画像を生成する

ImageMagickで、画像を宙に浮いたような画像に加工する

画像を宙に浮いたような画像に加工するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sf.jpg -matte -virtual-pixel transparent -distort Perspective "0,0 50,40 0,200 25,100 200,200 175,100 200,0 150,40" ( +clone -background #404040 -shadow 60x10+0+0 -roll +0+70 -resize 170x170 ) -gravity south +swap -composite ( -size 200x200 gradient:white-#B0D0E0 ) +swap -composite sample287a.png

上記バッチでは、以下のことを行っています。
・-distortで台形変形
・-shadowで影付けをして、-rollで位置変更と、-resizeでサイズ変更
・背景のグラデーション画像との重ね合わせ

元画像(sf.jpg)


出力画像(sample287a.png)

Wednesday, January 23, 2008

ImageMagickで、明度を変えた吹き出しを描画する

明度が暗い吹き出しを描画するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 300x225 xc:none -fill white -draw "roundrectangle 40,50 160,80 10,10 path 'M 100,80 L 100,90 L 110,80 Z" sf.jpg -compose src_in -composite -modulate 30 sf.jpg +swap -composite -gravity northwest -draw "font-size 15 text 55,58 'San Francisco'" sample286a.png

元画像(sf.jpg)


出力画像(sample286a.png)


明度が明るい吹き出しを描画するには、以下のバッチファイルを実行します。

%im%\convert.exe -size 300x225 xc:none -fill white -draw "roundrectangle 40,50 160,80 10,10 path 'M 100,80 L 100,90 L 110,80 Z" sf.jpg -compose src_in -composite -modulate 130 sf.jpg +swap -composite -gravity northwest -fill black -draw "font-size 15 text 55,58 'San Francisco'" sample286b.png

出力画像(sample286b.jpg)


関連項目
ImageMagickで、半透明グラデーションの吹き出しを描画する
ImageMagickで吹き出しを作成する - その4
ImageMagickで吹き出しを作成する - その3
ImageMagickで吹き出しを作成する - その2
ImageMagickで吹き出しを作成する - その1

Monday, January 21, 2008

ImageMagickで、画像を中心から上下へ徐々に大きく揺らす

画像を中心から上下へ徐々に大きく揺らすには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 200x200 xc:white -fill black -draw "rectangle 90,0,110,199" t1.png
%im%\convert.exe t1.png -fx "j>h/2?p[cos(pi*j/15)*(j-h/2)*0.7,0]:p[cos(pi*(j-h/2)/15)*(h/2-j)*0.7,0]" sample288a.jpg

元画像(t1.png)


出力画像(sample288a.jpg)


関連項目
ImageMagickで任意の位置からゆらぎをかける
RMagickで、画像を中心から上下へ徐々に大きく揺らす

Sunday, January 20, 2008

ImageMagickで、任意の色でぼかして縁取られた文字を描画する

任意の色でぼかして縁取られた文字を描画するには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 300x80 xc:#4060B0 -matte -channel rgba -font Comic-Sans-MS-Bold -gravity center -fill #BBDDFF -draw "font-size 40 text 0,0 'ImageMagick'" -blur 0x2 ( -size 300x80 xc:none -fill white -draw "font-size 40 text 0,0 'ImageMagick'" ) +swap -compose src_in -composite sample293a.png
rem 影付け例
%im%\convert.exe sample293a.png ( +clone -background #BBDDFF -shadow 90x3+3+3 ) +swap -composite ( -size 300x80 xc:white ) +swap -composite sample293b.jpg

出力画像(sample293a.png)


影付け例(sample293b.jpg)

Saturday, January 19, 2008

ImageMagickで、任意の矩形領域、角丸四角、円以外の領域をぼかして暗くする

任意の矩形領域、角丸四角、円以外の領域をぼかして暗くするには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
rem 任意の矩形以外を暗くする
%im%\convert.exe -size 300x225 xc:none -matte -channel rgba -fill white -draw "rectangle 10,10,204,214" -blur 0x10 sf2.jpg -compose src_in -composite ( sf2.jpg -modulate 30 ) +swap -composite sample284a.png

元画像(sf2.jpg)


出力画像(sample284a.png)


rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
rem 任意の角丸四角以外を暗くする
%im%\convert.exe -size 300x225 xc:none -matte -channel rgba -fill white -draw "roundrectangle 10,10,204,214,20,20" -blur 0x10 sf2.jpg -compose src_in -composite ( sf2.jpg -modulate 30 ) +swap -composite sample284b.png

出力画像(sample284b.png)


rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
rem 任意の円以外を暗くする
%im%\convert.exe -size 300x225 xc:none -matte -channel rgba -fill white -draw "ellipse 130,110,100,100,0,360" -blur 0x10 sf2.jpg -compose src_in -composite ( sf2.jpg -modulate 30 ) +swap -composite sample284c.png

出力画像(sample284c.png)


関連項目
ImageMagickで、任意の矩形領域、角丸四角、円以外の領域を暗くする

Friday, January 18, 2008

ImageMagickで金属プレート風の画像を描画する - その2

筋の入った金属プレート風の画像を描画するには、以下のバッチファイルを実行します。

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

%im%\convert.exe -size 150x100 gradient:#f5f5f5-#a3a3a3
( -size 150x100 xc:none -matte -channel RGBA -fx sin(pi*i/w)*0.1+0.9
-channel A -fx 0.5 ) -composite -stroke none
-draw "fill #909090 font-size 26 text 29,59 'Sample' fill #ffffff font-size 26
text 31,61 'Sample' fill #d0d0d0 font-size 26 text 30,60 'Sample'"
( -size 1x100 plasma:fractal -resize 150x100! -channel a -fx "0.1"
-channel rgb -fx "luminosity" ) -composite -raise 2x2 sample281.png

出力画像(sample281.png)


2008/07/13追記
ver6.4.0あたりからluminosityからlightnessに変わったので、以下のバッチを実行します。
rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.4.2-Q16
%im%\convert.exe -size 150x100 gradient:#f5f5f5-#a3a3a3 ( -size 150x100 xc:none -matte -channel RGBA -fx sin(pi*i/w)*0.1+0.9 -channel A -fx 0.5 ) -composite -stroke none -draw "fill #909090 font-size 26 text 29,59 'Sample' fill #ffffff font-size 26 text 31,61 'Sample' fill #d0d0d0 font-size 26 text 30,60 'Sample'" ( -size 1x100 plasma:fractal -resize 150x100! -matte -channel a -fx "0.1" -channel rgb -fx "lightness" ) -composite -raise 2x2 sample281.png

関連項目
ImageMagickで金属プレート風の画像を描画する

Thursday, January 17, 2008

ImageMagickで画像を任意の2色グラデーションの画像に変換する

画像を任意の2色グラデーションの画像に変換するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe sf.jpg -fx "luminosity" ( -size 1x1 xc:#FFFF10FF xc:#3070A0FF -append ) -fx "v.p{0,p}" sample280a.png

上記のバッチでは、明度を元に黄色(#FFFF10FF)と青っぽい色(#3070A0FF)の
2色グラデーションの画像に変換しています。

元画像(sf.jpg)


出力画像(sample280a.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 -fx "lightness" ( -size 1x1 xc:#FFFF10FF xc:#3070A0FF -append ) -fx "v.p{0,p}" sample280a.png

関連項目
ImageMagickで、画像をサーモグラフィ風に加工する
ImageMagickで、青っぽい部分を任意の2色のグラデーションに置き換える
RMagickで任意の2色グラデーションのプラズマフラクタル画像を生成する

Wednesday, January 16, 2008

ImageMagickでランダムな筋がだんだん消えていく模様を生成する

ランダムな筋がだんだん消えていく模様を生成するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
%im%\convert.exe -size 200x10 plasma:fractal -fx "intensity" -gravity north -extent 200x200 -motion-blur 70x50+270 sample279a.png

上記バッチでは、プラズマ・フラクタル画像を白黒化し、モーションブラーをかけています。

出力画像(sample279a.png)

関連項目
ImageMagickで、写真に光が差し込んだような効果をつける
RMagickでランダムな筋模様がだんだんと消えていく画像を生成する

Tuesday, January 15, 2008

ImageMagickで、上・下・左・右に徐々に彩度を落とす

右に徐々に彩度を落としていく場合は、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.7-Q16
rem 右に徐々に彩度を落としていく場合
%im%\convert.exe sf.jpg ( sf.jpg -modulate 100,10 -matte -channel A -fx "i/w" ) -composite sample278a.png

元画像(sf.jpg)


出力画像(sample278a.png)


左側に徐々に彩度を落としていく場合は、以下のコマンドを実行します。
rem 左に徐々に彩度を落としていく場合
%im%\convert.exe sf.jpg ( sf.jpg -modulate 100,10 -matte -channel A -fx "(w-i)/w" ) -composite sample278b.png

出力画像(sample278b.png)


rem 下に徐々に彩度を落としていく場合
%im%\convert.exe sf.jpg ( sf.jpg -modulate 100,10 -matte -channel A -fx "j/h" ) -composite sample278c.png

出力画像(sample278c.png)


rem 上に徐々に彩度を落としていく場合
%im%\convert.exe sf.jpg ( sf.jpg -modulate 100,10 -matte -channel A -fx "(h-j)/h" ) -composite sample278d.png

出力画像(sample278d.png)


関連項目
JMagickで画像の彩度を右方向へ徐々に落とす

Monday, January 14, 2008

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"
-blur 20x10 -channel rgba tree1.jpg -blur 0x2 -compose src_in -composite
-size 300x225 xc:white +swap -composite sample277a.png

元画像(tree1.jpg)


出力画像(sample277a.png)


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

Sunday, January 13, 2008

ImageMagickで逆光で暗くなった部分(青色部分以外)を明るくする - その2

逆光で暗くなった部分(青色部分以外)を明るくするには、以下のバッチファイルを実行します。

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"
-channel rgb -modulate 180 tree1.jpg +swap -composite sample276a.jpg

上記のバッチでは、青色以外の部分を-modulateオプションで明るくしています。

元画像(tree1.jpg)


出力画像(sample276a.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" -channel rgb -modulate 180 tree1.jpg +swap -composite sample276a.jpg

関連項目
ImageMagickで逆光で暗くなった部分(青色部分以外)を明るくする