画像処理についてあれこれ

Saturday, May 10, 2008

ImageMagickとPHPで、２つの画像を連結する

Imagickを使用して２つの画像を連結するには、以下のコードを実行します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr">
<head>
<title>sample384</title>
</head>
<body>
<?php
/* 縦方向に画像の連結 */
$im = new Imagick('sample3b.jpg');
$im2 = new Imagick('sample4.jpg');
$im->addImage($im2);
$im->setImageIndex(0);
$im3=$im->appendImages(true);
$im3->writeImage('sample384a.png');
/* $im3->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im3->destroy();
/* $im2->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
/* 横方向に画像の連結 */
$im = new Imagick('sample3b.jpg');
$im2 = new Imagick('sample4.jpg');
$im->addImage($im2);
$im->setImageIndex(0);
$im3=$im->appendImages(false);
$im3->writeImage('sample384b.png');
/* $im3->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im3->destroy();
/* $im2->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>
<img src="sample384a.png" />
<img src="sample384b.png" />
</body>
</html>

上記のコードでは、addImageメソッドでイメージを追加して、カレントのイメージインデックスを０に設定してからappendImagesメソッドで画像を連結しています。

元画像１(sample3b.jpg)

元画像２(sample4.jpg)

縦に連結した画像(sample384a.png)

横に連結した画像(sample384b.png)

環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.0

関連項目
WindowsでImageMagickをPHPから使用するための設定 (Imagickの設定)

ImageMagickとPHPで、画像サイズを変更する

Imagickで画像サイズを変更するには、以下のコードを実行します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr">
<head>
<title>sample383</title>
</head>
<body>
<?php
/* リサイズ */
$im = new Imagick('sf.jpg');
/* 2008/11/25追記比率を保ってリサイズするには、基準となる軸以外に０を指定する
(誤)$im->resizeImage(100, 100, imagick::FILTER_MITCHELL, 1);
*/
$im->resizeImage(100, 0, imagick::FILTER_MITCHELL, 1);
$im->writeImage('sample383a.png');
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
/* アスペクト比を無視してリサイズ */
$im = new Imagick('sf.jpg');
$im->resizeImage(200, 100, imagick::FILTER_MITCHELL, 1, false);
$im->writeImage('sample383b.png');
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>
<img src="sample383a.png" />
<img src="sample383b.png" />
</body>
</html>

元画像(sf.jpg)

出力画像１(sample383a.png)

出力画像２(sample383b.png)

関連項目
ImageMagickでアスペクト比を無視して大きさを変更する　(Convertコマンド)
ImageMagickとPHPで、バンド状グラデーションを描画する (FILTER_POINTを使用してのリサイズ)
ImageMagickとPHPで、画像を荒いドット画像に変換する (FILTER_POINTを使用してのリサイズ)

Friday, May 09, 2008

ImageMagickとPHPで、画像の２値化を行う

Imagickで画像の２値化を行うには、以下のコードを実行します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr">
<head>
<title>sample381</title>
</head>
<body>
<?php
/* ２値化 */
$im = new Imagick('sf.jpg');
$im->blackThresholdImage('#808080');
$im->whiteThresholdImage('#808080');
$im->writeImage('sample382a.png');
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>
<img src="sample382a.png" />
</body>
</html>

上記の例ではblackThresholdImageメソッドとwhiteThresholdImageメソッドを使用して画像を２値化しています。

元画像(sf.jpg)

出力画像(sample382a.png)

環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.0

関連項目
WindowsでImageMagickをPHPから使用するための設定 (Imagickの設定)

Thursday, May 08, 2008

ImageMagickとPHPで、グラデーションの四角・角丸四角を描画する

Imagickでグラデーションの四角・角丸四角を描画するには、以下のコードを実行します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr">
<head>
<title>sample381</title>
</head>
<body>
<?php
/* グラデーション */
$im = new Imagick();
$im->newPseudoImage(200, 200, 'gradient:#bbddff-#ffffff');
$im->writeImage('sample381a.png');
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();

/* 角丸グラデーション */
$im = new Imagick();
$im->newPseudoImage(200, 200, 'gradient:#cceeff-#6699dd');
$im->roundCorners(20,20);
$im->writeImage('sample381b.png');
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample381a.png" />
<img src="sample381b.png" />
</body>
</html>

Imagick::newPseudoImageメソッドで、指定の２色のグラデーションのイメージを生成することができます。

出力画像(sample381a.png)

出力画像(sample381b.png)

環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.0

関連項目
WindowsでImageMagickをPHPから使用するための設定 (Imagickの設定)
ImageMagickで角丸グラデーションの四角を描画する (Convertコマンド)

Wednesday, May 07, 2008

ImageMagickとPHPで、画像を丸く切り取る

Imagickで画像を丸く切り取るには、以下のコードを実行します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr">
<head>
<title>sample380</title>
</head>
<body>
<?php
$im = new Imagick('sf.jpg');
$width = $im->getImageWidth();
/* 読み込んだイメージと同じ大きさのマスク用画像を作成 */
$height = $im->getImageHeight();
$mask = new Imagick();
$mask->newImage($width, $height, 'none', 'png');
/* 画像の大きさと同じ円を描画 */
$idraw = new ImagickDraw();
$idraw->setFillColor("#FFFFFF");
$idraw->ellipse($width/2, $height/2, $width/2-1, $height/2-1, 0, 360);
$mask->drawImage($idraw);
/* マスク画像を使用して画像を切り取り */
$mask->compositeImage($im, Imagick::COMPOSITE_IN, 0, 0, Imagick::CHANNEL_ALL);
$mask->writeImage('sample380a.png');

/* cleanup */
/* $idraw->clear(); 2008/09/30追記：destroyと同様にClearDrawingWandを呼ぶので必要なし */
$idraw->destroy();
/* $mask->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$mask->destroy();
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample380a.png" />
</body>
</html>

元画像(sf.jpg)

出力画像(sample380a.png)

環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.0

Tuesday, May 06, 2008

ImageMagickで、文字列の影に横線をいれる

文字列の影に横線をいれるには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.4.0-Q16
%im%\convert.exe -size 200x50 xc:none -gravity center -font Tahoma -pointsize 30 -fill #707070 -annotate 0 "ImageMagick" ( +clone -background #000000 -shadow 70x3+5+5 -fx "j%%2>0?p:#FFFFFF" ) +swap -background white -mosaic sample378.png

上記バッチファイルでは、以下の処理を実行しています。
1. 横200ピクセルx縦50ピクセルの透明なイメージを作成し、Tahomaフォント・30ポイント、描画色#707070で文字列ImageMagickを描画。
2. 処理1の画像を複製し、影の色#000000で影を生成し、偶数ラインを#FFFFFFの色にします。
3. 処理1と処理2の画像を入れ替え、背景色白で重ね合わせます。

出力画像(sample378.png)

Sunday, May 04, 2008

ImageMagickで、２つの画像が交互にスクロールするアニメーションGIFを作成する

２つの画像が交互にスクロールするアニメーションGIFを作成するには、以下のバッチファイルを実行します。

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

%im%\convert.exe sample3b.jpg -enhance f0.png
%im%\convert.exe sample3b.jpg sample6.jpg -append -crop 100x100+0+10 +repage -enhance f1.png
%im%\convert.exe sample3b.jpg sample6.jpg -append -crop 100x100+0+20 +repage -enhance f2.png
%im%\convert.exe sample3b.jpg sample6.jpg -append -crop 100x100+0+30 +repage -enhance f3.png
%im%\convert.exe sample3b.jpg sample6.jpg -append -crop 100x100+0+40 +repage -enhance f4.png
%im%\convert.exe sample3b.jpg sample6.jpg -append -crop 100x100+0+50 +repage -enhance f5.png
%im%\convert.exe sample3b.jpg sample6.jpg -append -crop 100x100+0+60 +repage -enhance f6.png
%im%\convert.exe sample3b.jpg sample6.jpg -append -crop 100x100+0+70 +repage -enhance f7.png
%im%\convert.exe sample3b.jpg sample6.jpg -append -crop 100x100+0+80 +repage -enhance f8.png
%im%\convert.exe sample3b.jpg sample6.jpg -append -crop 100x100+0+90 +repage -enhance f9.png
%im%\convert.exe sample6.jpg -enhance f10.png
%im%\convert.exe sample6.jpg sample3b.jpg -append -crop 100x100+0+10 +repage -enhance f11.png
%im%\convert.exe sample6.jpg sample3b.jpg -append -crop 100x100+0+20 +repage -enhance f12.png
%im%\convert.exe sample6.jpg sample3b.jpg -append -crop 100x100+0+30 +repage -enhance f13.png
%im%\convert.exe sample6.jpg sample3b.jpg -append -crop 100x100+0+40 +repage -enhance f14.png
%im%\convert.exe sample6.jpg sample3b.jpg -append -crop 100x100+0+50 +repage -enhance f15.png
%im%\convert.exe sample6.jpg sample3b.jpg -append -crop 100x100+0+60 +repage -enhance f16.png
%im%\convert.exe sample6.jpg sample3b.jpg -append -crop 100x100+0+70 +repage -enhance f17.png
%im%\convert.exe sample6.jpg sample3b.jpg -append -crop 100x100+0+80 +repage -enhance f18.png
%im%\convert.exe sample6.jpg sample3b.jpg -append -crop 100x100+0+90 +repage -enhance f19.png

%im%\convert.exe f0.png -coalesce -layers optimize-plus f0.png f0.png f0.png f0.png f1.png f2.png f3.png f4.png f5.png f6.png f7.png f8.png f9.png f10.png f10.png f10.png f10.png f10.png f11.png f12.png f13.png f14.png f15.png f16.png f17.png f18.png f19.png -set delay 20 -loop 0 sample377.gif

上記の例では、2つの画像を垂直方向に連結して(-append)、ずらして切り取り(-chop)をおこなって各フレームを生成してアニメーションGIFを作成しています。また、各フレームでノイズを減らすために-enhanceを使用しています。

元画像１(sample3b.jpg)

元画像2(sample6.jpg)

出力画像(sample377.gif)

ImageMagickとPHPで、画像の上下反転・左右反転をおこなう

画像の上下反転・左右反転をおこなうには、以下のコードを実行します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr">
<head>
<title>sample377</title>
</head>
<body>
<?php
/* 上下反転 */
$im = new Imagick('sample3b.jpg');
$im->flipImage();
$im->writeImage('sample377a.jpg');
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
/* 左右反転 */
$im = new Imagick('sample3b.jpg');
$im->flopImage();
$im->writeImage('sample377b.jpg');
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample377a.jpg" />
<img src="sample377b.jpg" />
</body>
</html>

filpImageメソッドで上下反転、flopImageメソッドで左右反転を行います。

元画像(sample3b.jpg)

出力画像1(sample377a.jpg)

出力画像2(sample377b.jpg)

環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.0

関連項目
ImageMagickで画像の左右反転を行う (Convertコマンド)
WindowsでImageMagickをPHPから使用するための設定 (Imagick)

Saturday, May 03, 2008

ImageMagickとPHPで、画像をぼかす

Imagickを使用して画像をぼかすには、以下のコードを実行します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr">
<head>
<title>sample376</title>
</head>
<body>
<?php
$im = new Imagick('sf.jpg');
$im->blurImage(0,5);
$im->writeImage('sample376a.jpg');
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample376a.jpg" />
</body>
</html>

元画像(sf.jpg)

出力画像(sample376a.jpg)

環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.0

関連項目
WindowsでImageMagickをPHPから使用するための設定 (Imagickの設定)

Friday, May 02, 2008

ImageMagickとPHPで画像に指定の色を着色する

画像に指定の色を着色するには以下のコードを実行します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr">
<head>
<title>sample374</title>
</head>
<body>
<?php
$im = new Imagick('sf2.jpg');
$im->setImageMatte(true);
$im->tintImage(new ImagickPixel("#bbddff"),new ImagickPixel("#f0f0f0"));
$im->writeImage('sample375a.jpg');
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();

?>

<img src="sample375a.jpg" />
</body>
</html>

上記の例では、tintImageメソッドを使用して水色っぽい色(#bbddff)に着色しています。

元画像(sf2.jpg)

出力画像(sample375a.jpg)

Thursday, May 01, 2008

ImageMagickとPHPで、明度・彩度・色相を変更する

明度・彩度・色相を変更するには、以下のコードを実行します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr">
<head>
<title>sample374</title>
</head>
<body>
<?php
/* 明度を70に設定 */
$im = new Imagick('sf.jpg');
$im->modulateImage(70,100,100);
$im->writeImage('sample374a.jpg');
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();

/* 彩度を150に設定 */
$im = new Imagick('sf.jpg');
$im->modulateImage(100,150,100);
$im->writeImage('sample374b.jpg');
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();

/* 色相を10に設定 */
$im = new Imagick('sf.jpg');
$im->modulateImage(100,100,10);
$im->writeImage('sample374c.jpg');
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();

?>

<img src="sample374a.jpg" />
<img src="sample374b.jpg" />
<img src="sample374c.jpg" />
</body>
</html>

元画像(sf.jpg)

出力画像1(sample374a.jpg)

出力画像2(sample374b.jpg)

出力画像3(sample374c.jpg)

環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.0

関連項目
ImageMagickで明るさを変更する (Convertコマンド)
ImageMagickで彩度を変える　(Convertコマンド)
ImageMagickで色相を変える (Convertコマンド)

Wednesday, April 30, 2008

ImageMagickとPHPで、画像に日本語の文字列を描画する

PHPで画像に日本語の文字列を描画するには、以下のコードを実行します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr">
<head>
<title>sample373</title>
</head>
<body>
<?php
/* ファイルはUTF-8で保存してね */
$im = new Imagick('sf.jpg');
$idraw = new ImagickDraw();
/* フォント設定 */
$idraw->setFont("c:\\winnt\\fonts\\msgothic.ttc");
/* フォントサイズ設定 */
$idraw->setFontSize(32);
/* gravity設定 */
$idraw->setGravity(Imagick::GRAVITY_CENTER);
$im->annotateImage($idraw, 0, 0, 0, "日本語");
$im->writeImage('sample373a.jpg');
/* $idraw->clear(); 2008/09/30追記：destroyと同様にClearDrawingWandを呼ぶので必要なし */
$idraw->destroy();
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample373a.jpg" />
</body>
</html>

元画像(sf.jpg)

出力画像(sample373a.jpg)

環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.0

関連項目
WindowsでImageMagickをPHPから使用するための設定
ImageMagickとPHPで、画像からはみ出した影付き文字列を描画する

Monday, April 28, 2008

WindowsでImageMagickをPHPから使用するための設定

WindowsでImageMagickをPHPから使用するためには、以下の設定を行います。

環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.0

1. ImageMagickをインストール。Program Files配下などのスペースを含むパスにインストールしないこと。(例:c:\ImageMagick640Q16など)

2. Microsoft Visual C++ 2005 SP1 再頒布可能パッケージ (x86)のインストール
http://www.microsoft.com/downloads/details.aspx?familyid=200B2FD9-AE1A-4A14-984D-389C36F85647&displaylang=ja
上記URLからダウンロードして、インストール。

3.php_imagickのインストール
以下のURLのMikko's blogからphp_imagick_dyn-Q16.dllをダウンロード。
http://valokuva.org/?page_id=50
php_imagick_dyn-Q16.dllをPHPのextディレクトリにコピー。

4. php.iniに以下の設定を追加(パスは環境に合わせて変更してください)
extension_dir = "C:\PHP525\ext"
extension=php_imagick_dyn-Q16.dll

5. OSのシステム環境変数にMAGICK_HOMEという環境変数名で
ImageMagickをインストールしたパスを指定。(例：C:/ImageMagick640Q16)

6. Windowsを再起動。

7. 以下のPHPファイルを作成し、ブラウザからアクセス。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr">
<head>
<title>sample372</title>
</head>
<body>
<?php
$first = new Imagick('sf.jpg');
$second = new Imagick('sample3b.jpg');
$first->compositeImage($second, Imagick::COMPOSITE_DEFAULT, 10, 10);
$first->writeImage('sample372a.jpg');
?>

<img src="sample372a.jpg" />
</body>
</html>

元画像1(sf.jpg)

元画像2(sample3b.jpg)

出力画像(sample372a.jpg)

2009/05/04追記
「Microsoft Visual C++ 2005 SP1 再頒布可能パッケージ」は「Microsoft Visual C++ 2008 Redistributable」でも動作する。
動作環境
Microsoft Windows 2003 Server SP2, Apache2.2.11, PHP5.2.9-2, ImageMagick6.5.2-0

2010/08/05追記
以下のページのDLLを使用して、XAMPP1.7.3でも動作する。
http://www.sk89q.com/2010/03/vc6-windows-binaries-for-imagick-2-3-0/
動作環境
Microsoft Windows 2003 Server SP2, XAMPP 1.7.3, ImageMagick6.6.3-2-Q16

ImageMagickで、画像を端がちぎられたようなスケッチ調の画像に変換する

画像を端がちぎられたようなスケッチ調の画像に変換するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.4.0-Q16
%im%\convert.exe -size 200x200 xc:none -fill white -draw "rectangle 10,10 189,189" -spread 5 -median 2 sf.jpg -compose src_in -composite xc:white +swap -composite -sketch 0x10+120 sample371a.png

上記バッチファイルでは、以下の処理を実行しています。
1. キャンバスサイズより小さめの四角を描画し、-spreadで拡散、メディアンフィルタでちぎったような領域を作成。
2. １で元画像を切り抜いて、白背景と合成。
3. -sketchでスケッチ調に変換。

元画像(sf.jpg)

出力画像(sample371a.png)

rem セピアトーン
%im%\convert.exe -size 200x200 xc:none -fill white -draw "rectangle 10,10 189,189" -spread 5 -median 2 ( sf.jpg -sepia-tone 80%% ) -compose src_in -composite xc:white +swap -composite -sketch 0x10+120 sample371b.png

出力画像(sample371b.png)

Sunday, April 27, 2008

ImageMagickで、画像からはみ出して影付き文字列を描画する

画像からはみ出して影付き文字列を描画するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.4.0-Q16
%im%\convert.exe sf.jpg -gravity northwest -background white -splice 20x25 -fill #bbddff -font Tahoma -pointsize 35 -background none "label:San Francisco" ( +clone -background #000000 -shadow 40x2+3+3 ) -swap 1,2 -mosaic sample370a.jpg

上記のバッチファイルでは以下の処理を実行しています。
1. 元画像(sf.jpg)を読み込んで、-spliceで左20ピクセル、上25ピクセルの余白を追加。
2. Tahomaフォント、35ポイント、描画色#bbddff、背景色無しで文字列San Franciscoを描画。
3. 処理２の文字列を複製して、影付け。
4. 2と３を入れ替え、重ね合わせる

元画像(sf.jpg)

出力画像(sample370a.jpg)

Saturday, April 26, 2008

ImageMagickで、画像に画像サイズを書き込む

画像に画像サイズを書き込むには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.9-Q16
%im%\convert.exe sf.jpg -gravity northwest -fill black -stroke white -font Tahoma -pointsize 20 -annotate 0 "%%wx%%h" sample369a.jpg

%wで横幅、%hで高さを描画します。

元画像(sf.jpg)

出力画像(sample369a.jpg)

Friday, April 25, 2008

ImageMagickで、余白をつけて画像を連結する

余白をつけて画像を連結するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.9-Q16
%im%\convert.exe sample3b.jpg -background #585050 -gravity east -splice 5x0 sample4.jpg +append -splice 5x0 sample6.jpg +append sample368a.jpg

上記バッチファイルでは、以下の処理を実行しています。
1. 元画像１(sample3b.jpg)に#585050の色で右側に５ピクセルの余白を追加。
２.元画像２(sample4.jpg)を横方向に連結して、右側に５ピクセルの余白を追加。
3.元画像３(sample6.jpg)を横方向に連結。

元画像１(sample3b.jpg)

元画像２(sample4.jpg)

元画像3(sample6.jpg)

出力画像１(sample368a.jpg)

連結した画像の上下左右に余白を追加するには、-borderオプションを使用します。
下の例では、上下左右に５ピクセルの余白を-backgroundの色で追加しています。
%im%\convert.exe sample3b.jpg -background #585050 -gravity east -splice 5x0 sample4.jpg +append -splice 5x0 sample6.jpg +append -bordercolor #585050 -border 5x5 sample368b.jpg

出力画像２(sample268b.jpg)

関連項目
ImageMagickで、画像の上下左右に余白を追加する

Thursday, April 24, 2008

ImageMagickで、画像の上下左右に余白を追加する

画像の上下左右に余白を追加するには、-spliceオプションを使用します。
どの位置に余白を追加するかは-gravityオプションで指定できます。
余白部分の色は-backgroundオプションで指定します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.9-Q16
rem 上側に10ピクセルの背景色でのスペースを追加
%im%\convert.exe sf.jpg -background #e2ddd4 -gravity north -splice 0x10 sample367a.png

元画像(sf.jpg)

出力画像(sample367a.png)

rem 左側に15ピクセルの背景色でのスペースを追加
%im%\convert.exe sf.jpg -background #e2ddd4 -gravity west -splice 15x0 sample367b.png

出力画像(sample367b.png)

rem 下側に20ピクセルの背景色でのスペースを追加
%im%\convert.exe sf.jpg -background #e2ddd4 -gravity south -splice 0x20 sample367c.png

出力画像(sample367c.png)

rem 右側に25ピクセルの背景色でのスペースを追加
%im%\convert.exe sf.jpg -background #e2ddd4 -gravity east -splice 25x0 sample367d.png

出力画像(sample367d.png)

２箇所に同時に余白を設定するには、以下のコマンドのようにします。
rem 右下に25ピクセルの背景色でのスペースを追加
%im%\convert.exe sf.jpg -background #e2ddd4 -gravity southeast -splice 25x25 sample367e.png

出力画像(sample367e.png)

画像処理についてあれこれ

Saturday, May 10, 2008

ImageMagickとPHPで、２つの画像を連結する

ImageMagickとPHPで、画像サイズを変更する

Friday, May 09, 2008

ImageMagickとPHPで、画像の２値化を行う

Thursday, May 08, 2008

ImageMagickとPHPで、グラデーションの四角・角丸四角を描画する

Wednesday, May 07, 2008

ImageMagickとPHPで、画像を丸く切り取る

Tuesday, May 06, 2008

ImageMagickで、文字列の影に横線をいれる

Sunday, May 04, 2008

ImageMagickで、２つの画像が交互にスクロールするアニメーションGIFを作成する

ImageMagickとPHPで、画像の上下反転・左右反転をおこなう

Saturday, May 03, 2008

ImageMagickとPHPで、画像をぼかす

Friday, May 02, 2008

ImageMagickとPHPで画像に指定の色を着色する

Thursday, May 01, 2008

ImageMagickとPHPで、明度・彩度・色相を変更する

Wednesday, April 30, 2008

ImageMagickとPHPで、画像に日本語の文字列を描画する

Monday, April 28, 2008

WindowsでImageMagickをPHPから使用するための設定

ImageMagickで、画像を端がちぎられたようなスケッチ調の画像に変換する

Sunday, April 27, 2008

ImageMagickで、画像からはみ出して影付き文字列を描画する

Saturday, April 26, 2008

ImageMagickで、画像に画像サイズを書き込む

Friday, April 25, 2008

ImageMagickで、余白をつけて画像を連結する

Thursday, April 24, 2008

ImageMagickで、画像の上下左右に余白を追加する

About Me

Labels