Monday, June 23, 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>sample475(ImageMagick6.4.1)</title>
</head>
<body>
<?php
/* 画像をサーモグラフィ風画像にする */
$im = new Imagick('sf.jpg');

/* グラデーション用画像の作成 */
$im2 = new Imagick();
$im2->newPseudoImage(1, 1, 'xc:black');
$colors = array('xc:blue', 'xc:green',
'xc:yellow', 'xc:red', 'xc:white');
foreach($colors as $color){
$im3 = new Imagick();
$im3->newPseudoImage(1, 1, $color);
$im2->addImage($im3);
$im2->setImageIndex(0);
$nim=$im2->appendImages(true);
/* $im2->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im3->destroy();
/* $im2->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
$im2 = $nim;
}

/* 作成したグラデーションを使用して変換 */
$im->addImage($im2);
$im->setImageIndex(0);
$im3 = $im->fxImage("v.p{0,(r+g+b)/3*6}");
$im3->writeImage('sample475a.jpg');
/* $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="sample475a.jpg" />

</body>
</html>

元画像(sf.jpg)


出力画像(sample475a.jpg)


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

関連項目
ImageMagickで、画像をサーモグラフィ風に加工する

Sunday, June 22, 2008

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

JMagickで画像の彩度を右方向へ徐々に落とすには、以下のコードを実行します。

import java.awt.*;
import magick.*;

public class JMagickTest37
{
public static void main(String args[])
throws MagickException
{
/* 元画像のサイズ取得 */
MagickImage mi = new MagickImage(new ImageInfo("sf.jpg"));
int iw = (int)mi.getDimension().getWidth();
int ih = (int)mi.getDimension().getHeight();
/* 半透明グラデーションを作成 */
ImageInfo ii = new ImageInfo("gradient:#00000000-#ffffffff");
ii.setSize(ih + "x" + iw);
MagickImage mi2 = new MagickImage(ii);
MagickImage mi3 = mi2.rotateImage(90);
mi.compositeImage(CompositeOperator.CopyOpacityCompositeOp,mi3,0,0);

/* 彩度をおとした画像を生成 */
MagickImage mi4 = new MagickImage(new ImageInfo("sf.jpg"));
mi4.modulateImage("100,10,100");

mi4.compositeImage(CompositeOperator.SrcOverCompositeOp,mi,0,0);

mi4.setFileName("sample473a.jpg");
mi4.writeImage(new ImageInfo());
}
}

元画像(sf.jpg)


出力画像(sample473a.jpg)


環境
JDK6 Upadate6(JDK1.6.0_06)/jmagick-win-6.3.9-Q16


関連情報
JMagickまとめ
ImageMagickをJavaから使用するための設定(JMagickインストール)
ImageMagickで、上・下・左・右に徐々に彩度を落とす (Convertコマンドによる同様の処理)

Saturday, June 21, 2008

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

Imagickで画像を任意の2色のグラデーション画像に変換するには、以下のコードを実行します。

<!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>sample471(ImageMagick6.4.1)</title>
</head>
<body>
<?php
/* 画像を任意の2色のグラデーション画像にする */
$im = new Imagick('sf.jpg');
/* 2色のグラデーションを作成 */
$im2 = new Imagick();
$im2->newPseudoImage(1, 2, 'gradient:#FFFF10FF-#3070A0FF');
/* 任意の2色に変換 */
$im->addImage($im2);
$im->setImageIndex(0);
$im3 = $im->fxImage("v.p{0,(r+g+b)/3}");
$im3->writeImage('sample472a.jpg');
/* $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="sample472a.jpg" />

</body>
</html>

元画像(sf.jpg)


出力画像(sample472a.jpg)


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

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

Friday, June 20, 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>sample471(ImageMagick6.4.1)</title>
</head>
<body>
<?php
/* 画像の左右に暗くグラデーションをかける */
$im = new Imagick('sf.jpg');
/* 左右にグラデーションをかけるためのイメージを作成 */
$dw = 20;
$im2 = new Imagick();
$im2->newImage($im->getImageWidth()+$dw*2, $im->getImageHeight(), 'none');
$idraw = new ImagickDraw();
$idraw->setFillColor('black');
$idraw->rectangle(0, 0, $dw-1, $im->getImageHeight()-1);
$idraw->rectangle($dw+$im->getImageWidth(), 0, $im2->getImageWidth()-1, $im->getImageHeight()-1);
$im2->drawImage($idraw);
$im2->blurImage(0, 10);
$im2->cropImage($im->getImageWidth(), $im->getImageHeight(), $dw, 0);

/* 元画像と重ね合わせ */
$im->compositeImage($im2, Imagick::COMPOSITE_DEFAULT, 0, 0);
$im->writeImage('sample471a.jpg');
/* $idraw->clear(); 2008/09/30追記:destroyと同様にClearDrawingWandを呼ぶので必要なし */
$idraw->destroy();
/* $im2->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();

?>

<img src="sample471a.jpg" />

</body>
</html>

元画像(sf.jpg)


出力画像(sample471a.jpg)


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

関連項目
ImageMagickで画像の上下・左右をグラデーションで塗る (Convertコマンドによる同様の処理)

Thursday, June 19, 2008

Rmagickで画像を2値化し、半分を反転させる

Rmagickで画像を2値化し、半分を反転させるには、以下のコードを実行します。

require 'RMagick'
include Magick

img1 = ImageList.new("tree1.jpg")
img1 = img1.threshold(QuantumRange*0.5)
img2 = img1.crop(0, 0, img1.columns/2, img1.rows)
img1 = img1.negate()
img3 = img1.composite(img2, NorthWestGravity, 0, 0, OverCompositeOp);
img3.write("sample469a.png")

exit

元画像(tree1.jpg)


出力画像(sample469a.png)


動作環境
ruby1.8.6-26/RMagick-2.3.0-ImageMagick-6.4.0-2-Q8

関連項目
RMagickをWindowsで使用するための設定

Wednesday, June 18, 2008

Rmagickで画像を木炭画調に変換してグラデーションを適用する

Rmagickで画像を木炭画調に変換してグラデーションを適用するには、以下のコードを実行します。

require 'RMagick'
include Magick

img1 = ImageList.new("sf2.jpg")
img1[0] = img1.enhance().enhance()
img1[0] = img1.charcoal(0,1).contrast(true)
img1[0].alpha(ActivateAlphaChannel)
img1[0] = img1.fx("r", AlphaChannel)
img2 = Image.new(img1.columns, img1.rows,
GradientFill.new(0, 0, 200, 0, "#bbddff", "#f8c749"))
img3 = img2.composite(img1, NorthWestGravity, 0, 0, OverCompositeOp);
img3.write("sample468b.png")

exit

元画像(sf2.jpg)


出力画像(sample468b.png)


動作環境
ruby1.8.6-26/RMagick-2.3.0-ImageMagick-6.4.0-2-Q8

関連項目
ImageMagickでcharcoal処理した画像にグラデーションをかける (Convertコマンドでの同様の処理)

Tuesday, June 17, 2008

JMagickで文字列画像を作成する

JMagickで文字列画像を生成するには、以下のコードを実行します。

import java.awt.*;
import magick.*;

public class JMagickTest36
{
public static void main(String args[])
throws MagickException
{
ImageInfo ii = new ImageInfo("label:てすと");
/* フォント指定 */
ii.setFont("c:\\winnt\\fonts\\msgothic.ttc");
/* ポイントサイズ指定 */
ii.setPointSize(30);

/* ラベルに合わせて文字列画像を作成 */
MagickImage mi = new MagickImage(ii);

/* 色を変更 */
int iw = (int)mi.getDimension().getWidth();
int ih = (int)mi.getDimension().getHeight();
byte data[] = new byte[iw*ih*4];
mi.dispatchImage(0, 0, iw, ih, "RGBA", data);
int ind = 0;
for(ind=0;ind<iw*ih*4;ind+=4){
/* 真っ白ではないピクセルを水色に */
if( data[ind] != (byte)0xff &&
data[ind+1] != (byte)0xff &&
data[ind+2] != (byte)0xff ){
data[ind+3] = data[ind+0];
data[ind] = (byte)0xbb;
data[ind+1] = (byte)0xdd;
data[ind+2] = (byte)0xff;
}
}
mi.constituteImage(iw, ih, "RGBA", data);

mi.setFileName("sample467a.jpg");
mi.writeImage(new ImageInfo());
}
}

出力画像(sample467a.jpg)


環境
JDK6 Upadate6(JDK1.6.0_06)/jmagick-win-6.3.9-Q16


関連情報
JMagickまとめ
ImageMagickをJavaから使用するための設定(JMagickインストール)

Monday, June 16, 2008

JMagickで画像をセピア調っぽく変換する

JMagickで画像をセピア調っぽく変換するには、以下のコードを実行します。

import magick.*;

public class JMagickTest34
{
public static void main(String args[])
throws MagickException
{
MagickImage mi = new MagickImage(new ImageInfo("sf.jpg"));

/* 画像を白黒に */
QuantizeInfo qi = new QuantizeInfo();
qi.setColorspace(ColorspaceType.GRAYColorspace);
mi.quantizeImage(qi);
/* 着色 */
MagickImage mo = mi.colorizeImage("60%",
new PixelPacket(0xf8*256, 0xc7*256, 0x49*256, 0));

mo.setFileName("sample465a.png");
mo.writeImage(new ImageInfo());

}
}

元画像(sf.jpg)


出力画像(sample465a.png)


環境
JDK6 Upadate6(JDK1.6.0_06)/jmagick-win-6.3.9-Q16


関連情報
JMagickまとめ
ImageMagickをJavaから使用するための設定(JMagickインストール)
JMagickで画像をグレースケールに変換する
JMagickで画像に色を着色する

Sunday, June 15, 2008

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

RMagickで、端が半透明の円形に画像を切り取るには、以下のコードを実行します。

require 'RMagick'
include Magick

img1 = ImageList.new("sf2.jpg")
img2 = Image.new(img1.columns, img1.rows){
self.background_color = "none"
}
dr = Draw.new
# 描画色
dr.fill = "white"
# 円を描画
dr.ellipse(130,110,100,100,0,360)
dr.draw(img2);
# ぼかし
img3 = img2.blur_channel(0, 10, AllChannels);
# 切り取り
img4 = img3.composite(img1, 0, 0, SrcInCompositeOp);
img4.write("sample464a.png")

# リサイズして他の画像と重ね合わせ
img5 = img4.resize(0.5)
img6 = ImageList.new("sf.jpg")
img7 = img6.composite(img5, NorthWestGravity, 10, 10, OverCompositeOp);
img7.write("sample464b.png")

exit

元画像1(sf.jpg)


元画像2(sf2.jpg)


出力画像(sample464a.png)


重ね合わせ例(sample464b.png)


動作環境
ruby1.8.6-26/RMagick-2.3.0-ImageMagick-6.4.0-2-Q8

関連項目
RMagickをWindowsで使用するための設定
ImageMagickで、端が半透明の円形に画像を切り取る (Convertコマンドでの同様の処理)

Saturday, June 14, 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>sample414(ImageMagick6.4.1)</title>
</head>
<body>
<?php
/* 画像の上に半透明の荒いドットの文字列を描画する */
$im = new Imagick('sf2.jpg');

$im2 = new Imagick();
$im2->newImage($im->getImageWidth()/8, $im->getImageHeight()/8, 'none');
$idraw = new ImagickDraw();
$idraw->setFillColor('#bbddffa0');
/* フォント設定 */
$idraw->setFont('Bitstream-Vera-Sans');
/* フォントサイズ設定 */
$idraw->setFontSize(9);
/* gravity設定 */
$idraw->setGravity(Imagick::GRAVITY_CENTER);
/* antialiasをoff*/
$idraw->setStrokeAntialias(false);
/* 文字列描画 */
$idraw->annotation(0, 0, "Magic");
$im2->drawImage($idraw);
/* FILTER_POINTを使用してリサイズ */
$im2->resizeImage($im->getImageWidth(), $im->getImageHeight(), Imagick::FILTER_POINT, 1, false);
/* 画像と重ね合わせ */
$im->compositeImage($im2, Imagick::COMPOSITE_DEFAULT, 0, 0);
$im->writeImage('sample419a.jpg');
/* $idraw->clear(); 2008/09/30追記:destroyと同様にClearDrawingWandを呼ぶので必要なし */
$idraw->destroy();
/* $im2->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();

?>

<img src="sample419a.jpg" />

</body>
</html>

元画像(sf2.jpg)


出力画像(sample419a.jpg)


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

Friday, June 13, 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>sample418(ImageMagick6.4.1)</title>
</head>
<body>
<?php
/* ドット文字列 */
$im = new Imagick();
$im->newImage(45, 12, '#f1ede1');
$idraw = new ImagickDraw();
$idraw->setFillColor('#992210');
/* フォント設定 */
$idraw->setFont('Bitstream-Vera-Sans');
/* フォントサイズ設定 */
$idraw->setFontSize(9);
/* gravity設定 */
$idraw->setGravity(Imagick::GRAVITY_NORTH);
/* antialiasをoff*/
$idraw->setStrokeAntialias(false);
/* 文字列描画 */
$idraw->annotation(0, 0, "M a g i c");
$im->drawImage($idraw);

/* FILTER_POINTを使用してリサイズ */
$im->resizeImage(450, 120, Imagick::FILTER_POINT, 1, false);
$im->writeImage('sample418a.jpg');
/* $idraw->clear(); 2008/09/30追記:destroyと同様にClearDrawingWandを呼ぶので必要なし */
$idraw->destroy();
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample418a.jpg" />

</body>
</html>

出力画像(sample418a.jpg)


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

Thursday, June 12, 2008

ImageMagickで付箋紙を描画する

ImageMagickで付箋紙を描画するには以下のバッチファイルを実行します。

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

%im%\convert.exe -size 200x200 gradient:#f4f070-#e0cc4c -font Comic-Sans-MS-Bold -pointsize 20 -background none -gravity center -annotate 0 "To Do\n4:30 Meeting." -gravity northwest -matte -channel rgba -background none -splice 20x0 -virtual-pixel background -fx "p{i+j^2*0.0005,j}" -shear 0x3 ( -size 200x200 xc:black -background none -splice 20x0 -shear 0x3 -shadow 60x3+3+5 ) ( -size 200x200 xc:white ) -swap 0,2 -mosaic sample416.png

上記バッチファイルでは以下の処理を実行しています。
1. グラデーション背景(gradient:#f4f070-#e0cc4c)に文字列を中央寄せで(-gravity center)描画。
2. 左側に20ピクセルの透明な余白をつけて、-fxで下側を左方向に曲げる。
3. 画像を傾ける(-shear 0x3)。
4. 黒色背景の左側に20ピクセルの透明な余白をつけて、傾けて、影付け。
5. 処理3と処理4と白地の背景を重ね合わせ。

出力画像(sample416.png)

Wednesday, June 11, 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>sample415(ImageMagick6.4.1)</title>
</head>
<body>
<?php
/* 四隅を切り落とす */
$dx=10;
$dy=10;
$im = new Imagick('sf.jpg');
/* 画像の大きさに合わせて四隅が切り取られた形の座標を計算 */
$points = array(
array('x' => $dx, 'y' => 0),
array('x' => 0, 'y' => $dy),
array('x' => 0, 'y' => $im->getImageHeight()-$dy-1),
array('x' => $dx, 'y' => $im->getImageHeight()-1),
array('x' => $im->getImageWidth()-$dx-1, 'y' => $im->getImageHeight()-1),
array('x' => $im->getImageWidth()-1, 'y' => $im->getImageHeight()-$dy-1),
array('x' => $im->getImageWidth()-1, 'y' => $dy),
array('x' => $im->getImageWidth()-$dx-1, 'y' => 0)
);
$im2 = new Imagick();
$im2->newImage($im->getImageWidth(), $im->getImageHeight(), 'none');
$idraw = new ImagickDraw();
$idraw->setFillColor('white');
/* 座標に基づき、ポリゴンを描画 */
$idraw->polygon($points);
$im2->drawImage($idraw);

/* 画像を切り取り */
$im2->compositeImage($im, Imagick::COMPOSITE_IN, 0, 0, Imagick::CHANNEL_ALL);
$im2->writeImage('sample415a.png');


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

?>

<img src="sample415a.png" />

</body>
</html>

元画像(sf.jpg)


出力画像(sample415a.png)


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

関連項目
ImageMagickとPHPで画像を角丸四角に切り取って文字入れする
ImageMagickで画像の四隅を切り取る (Convertコマンドで同様の処理)

Tuesday, June 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>sample414(ImageMagick6.4.1)</title>
</head>
<body>
<?php
/* エッジ抽出 */
$im = new Imagick('sf2.jpg');
$im->edgeImage(1);
$im->writeImage('sample414a.jpg');
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();

?>

<img src="sample414a.jpg" />

</body>
</html>

元画像(sf2.jpg)


出力画像(sample414a.jpg)


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

関連項目
ImageMagickでエッジ抽出を行う (Convertコマンドによるエッジ抽出)
ImageMagickで透過PNGのエッジ抽出画像を生成する (Convertコマンド)
JMagickで、画像のエッジ抽出をする (JMagickの場合)
ImageMagickとPHPで、画像のエッジ抽出後、任意の色に変換する

Monday, June 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>sample413(ImageMagick6.4.1)</title>
</head>
<body>
<?php
$im = new Imagick('sf2.jpg');
$idraw = new ImagickDraw();
$idraw->setFillColor('#00000080');
/* 四角描画 */
$idraw->rectangle(0,0,$im->getImageWidth(),30);
$idraw->setFillColor('#ffffff');
/* フォント設定 */
$idraw->setFont('Comic-Sans-MS-Bold');
/* フォントサイズ設定 */
$idraw->setFontSize(20);
/* gravity設定 */
$idraw->setGravity(Imagick::GRAVITY_NORTH);
/* 文字列描画 */
$idraw->annotation(0, 0, "San Francisco");
$im->drawImage($idraw);
/* 角丸四角に切り取り */
$im->roundCorners(30, 30);
/* 影つけ */
$im2=$im->clone();
$im2->setImageBackgroundColor('black');
$im2->shadowImage(40,2,3,3);

/* 背景用イメージ */
$im3 = new Imagick();
$im3->newImage($im->getImageWidth(), $im->getImageHeight(), 'white');
$im3->addImage($im2);
$im3->addImage($im);
$im4=$im3->mosaicImages();
$im4->writeImage('sample413a.jpg');

/* $idraw->clear(); 2008/09/30追記:destroyと同様にClearDrawingWandを呼ぶので必要なし */
$idraw->destroy();
/* $im4->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im4->destroy();
/* $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="sample413a.jpg" />

</body>
</html>

元画像(sf2.jpg)


出力画像(sample413a.jpg)


関連項目
ImageMagickで画像を角丸四角に切り取って文字入れをする (Convertコマンドによる同様の処理)
ImageMagickとPHPで、画像の四隅を切り落とす
ImageMagickとPHPで縁を明るくして角丸四角に切り取る

Sunday, June 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>sample412</title>
</head>
<body>
<?php
/* Patternを作成 */
$im = new Imagick('pattern1.gif');
$idraw = new ImagickDraw();
$idraw->pushPattern('tile', 0, 0, $im->getImageWidth(), $im->getImageHeight());
$idraw->composite(Imagick::COMPOSITE_DEFAULT, 0, 0, $im->getImageWidth(), $im->getImageHeight(), $im);
$idraw->popPattern();
/* 作成したパターンを使用する */
$idraw->setFillPatternURL('#tile');
/* フォント設定 */
$idraw->setFont('Tahoma');
/* フォントサイズ設定 */
$idraw->setFontSize(60);
/* gravity設定 */
$idraw->setGravity(Imagick::GRAVITY_CENTER);
/* 文字列描画 */
$idraw->annotation(0, 0, "Sample");
/* 背景用のイメージを作成 */
$im2 = new Imagick();
$im2->newImage(240, 80, '#fadf69');
$im2->drawImage($idraw);
$im2->writeImage('sample412a.jpg');
/* $idraw->clear(); 2008/09/30追記:destroyと同様にClearDrawingWandを呼ぶので必要なし */
$idraw->destroy();
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
/* $im2->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();

?>

<img src="sample412a.jpg" />

</body>
</html>

パターン画像()


出力画像()


関連項目
ImageMagickで文字列を画像で塗りつぶすには (Convertコマンドによる同様の処理)

Saturday, June 07, 2008

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

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

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

%im%\convert.exe sample6.jpg -matte -channel rgba ( -size 100x100 gradient:#ffffffff-#00000000 ) -compose copy-opacity -composite ( -size 200x200 sf.jpg ) +swap -geometry +20+20 -composite sample411a.png

上記のバッチでは以下の処理を実行しています。
1. 作成したalpha channelを含んだ白黒グラデーションのalphaを画像にコピーします。(-compose copy-opacity -composite)
2. 別の背景画像と重ね合わせます

元画像1(sample6.jpg)


元画像2(sf.jpg)


出力画像(sample411a.png)


2009/04/18追記
ImageMagick6.5.0では、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.5.0-Q16
%im%\convert.exe sample6.jpg ( -size 100x100 gradient:#ffffffff-#00000000 ) -compose copy-opacity -composite ( -size 200x200 sf.jpg ) +swap -geometry +20+20 -compose src-over -composite sample411a_20080418.png


関連項目
ImageMagickとPHPで、画像に半透明グラデーションをかける
ImageMagickで画像の上下を半透明グラデーションにする

Friday, June 06, 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>sample410</title>
</head>
<body>
<?php
/* oilPaintImageメソッドを使用して油絵調に画像処理する */
$im = new Imagick('sf.jpg');
$im->oilPaintImage(3);
$im->writeImage('sample410a.jpg');
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();

?>

<img src="sample410a.jpg" />

</body>
</html>

元画像(sf.jpg)


出力画像(sample410a.jpg)


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

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

Thursday, June 05, 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>sample409</title>
</head>
<body>
<?php
/* shearImageメソッドを使用して画像を傾ける */
$im = new Imagick('sample3b.jpg');
$im->shearImage('#bbddff', 10, 0);
$im->writeImage('sample409a.jpg');
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();

/* 傾けて生じた空間を透明にする */
$im = new Imagick('sample3b.jpg');
$im->shearImage('none', 0, 20);
/* 背景用画像を読み込み */
$im2 = new Imagick('sf.jpg');
/* 背景用画像と重ね合わせ */
$im2->compositeImage($im, Imagick::COMPOSITE_DEFAULT, 50, 50);
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
$im2->writeImage('sample409b.jpg');
/* $im2->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
?>

<img src="sample409a.jpg" />
<img src="sample409b.jpg" />

</body>
</html>

元画像(sample3b.jpg)


出力画像1(sample409a.jpg)


出力画像2(sample409b.jpg)


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

関連項目
WindowsでImageMagickをPHPから使用するための設定 (Imagickの設定)
ImageMagickとPHPで画像を回転させる

Wednesday, June 04, 2008

JMagickで画像の端を暗くする

JMagickで画像の端を暗くするには、以下のコードを実行します。

import java.awt.*;
import magick.*;

public class JMagickTest35
{
public static void main(String args[])
throws MagickException
{
/* 元画像のサイズ取得 */
MagickImage mi = new MagickImage(new ImageInfo("sf.jpg"));
int iw = (int)mi.getDimension().getWidth();
int ih = (int)mi.getDimension().getHeight();
int d = 10;

ImageInfo ii = new ImageInfo("xc:black");
ii.setSize(iw + "x" + ih);
MagickImage mi1 = new MagickImage(ii);
/* 枠描画 */
mi1.setBorderColor(PixelPacket.queryColorDatabase("white"));
MagickImage mi2 = mi1.borderImage(new Rectangle(d, d));

/* ぼかして中央を透明に */
int tw = iw+d*2;
int th = ih+d*2;
MagickImage mi3 = mi2.blurImage(0, 10);
byte data[] = new byte[tw*th*4];
mi3.dispatchImage(0, 0, tw, th, "RGBA", data);
int ind = 0;
for(ind=0;ind<tw*th*4;ind+=4){
data[ind+3] = data[ind+0];
data[ind] = (byte)0;
data[ind+1] = (byte)0;
data[ind+2] = (byte)0;
}
mi3.constituteImage(tw, th, "RGBA", data);

/* 中央部分を切り取り */
Rectangle rec = new Rectangle(d, d, iw+d-1, ih+d-1);
MagickImage mi4 = mi3.cropImage(rec);

/* 画像と重ね合わせ */
mi.compositeImage(CompositeOperator.SrcOverCompositeOp,mi4,0,0);

mi.setFileName("sample466a.jpg");
mi.writeImage(new ImageInfo());
}
}

元画像(sf.jpg)


出力画像(sample466a.jpg)


環境
JDK6 Upadate6(JDK1.6.0_06)/jmagick-win-6.3.9-Q16


関連情報
JMagickまとめ
ImageMagickをJavaから使用するための設定(JMagickインストール)

Tuesday, June 03, 2008

ImageMagickとPHPで画像を半透明にして重ね合わせる

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>sample407</title>
</head>
<body>
<?php
/* 画像に半透明角丸四角の枠をつけて重ね合わせ */
$im = new Imagick('sf.jpg');
/* 縦横50%の大きさにリサイズ */
$sx = $im->getImageWidth()/2;
$sy = $im->getImageHeight()/2;
$im->resizeImage($sx, $sy, imagick::FILTER_MITCHELL, 1);
/* 画像を半透明に */
$im->setImageOpacity(0.7);

/* 背景用画像を読み込み */
$im2 = new Imagick('sf2.jpg');
/* 背景用画像と重ね合わせ */
$im2->compositeImage($im, Imagick::COMPOSITE_DEFAULT, 150, 100);
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
$im2->writeImage('sample407a.jpg');
/* $im2->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
?>

<img src="sample407a.jpg" />

</body>
</html>

元画像1(sf.jpg)


元画像2(sf2.jpg)


出力画像(sample407a.jpg)


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

関連項目
WindowsでImageMagickをPHPから使用するための設定 (Imagickの設定)
ImageMagickとPHPで半透明の文字列を描画する
ImageMagickとPHPで画像の上に半透明四角と半透明角丸四角を描画する
ImageMagickとPHPで、画像に半透明角丸四角の枠をつける
ImageMagickとPHPで画像を縮小・回転させて他の画像と重ね合わせる

Monday, June 02, 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>sample406</title>
</head>
<body>
<?php
/* 画像に半透明角丸四角の枠をつけて重ね合わせ */
$im = new Imagick('sf.jpg');
/* 縦横50%の大きさにリサイズ */
$sx = $im->getImageWidth()/2;
$sy = $im->getImageHeight()/2;
$im->resizeImage($sx, $sy, imagick::FILTER_MITCHELL, 1);

/* 透明角丸四角用のイメージを作成 */
$im2 = new Imagick();
$dx = 10;
$dy = 10;
$im2->newImage($sx+$dx*2, $sy+$dy*2, 'none');
$idraw = new ImagickDraw();
/* 塗りつぶし色設定 */
$idraw->setFillColor('#c0c0c050');
/* ストローク色設定 */
$idraw->setStrokeColor('#e0e0e050');
/* 角丸四角描画 */
$idraw->roundrectangle(0, 0, $im2->getImageWidth()-1, $im2->getImageHeight()-1,$dx,$dy);
$im2->drawImage($idraw);
/* 半透明角丸四角と画像を重ね合わせ */
$im2->compositeImage($im, Imagick::COMPOSITE_DEFAULT, $dx, $dy);
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
/* 画像を回転 */
$im2->rotateImage('none', -10);

/* 背景用画像を読み込み */
$im3 = new Imagick('sf2.jpg');
/* 背景用画像と重ね合わせ */
$im3->compositeImage($im2, Imagick::COMPOSITE_DEFAULT, 150, 100);
/* $im2->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
$im3->writeImage('sample406a.jpg');
/* $im3->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im3->destroy();
?>

<img src="sample406a.jpg" />

</body>
</html>

元画像1(sf.jpg)


元画像2(sf2.jpg)


出力画像(sample406a.jpg)


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

関連項目
WindowsでImageMagickをPHPから使用するための設定 (Imagickの設定)
ImageMagickで、画像に半透明角丸四角の枠をつける (Convertコマンドによる同様の処理)
ImageMagickとPHPで画像を縮小・回転させて他の画像と重ね合わせる

Sunday, June 01, 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>sample405</title>
</head>
<body>
<?php
/* 画像に余白をつけて連結 */
$fns = array('sample3b.jpg', 'sample4.jpg', 'sample6.jpg');
$im = new Imagick($fns[0]);
for($ind=1;$ind<count($fns);$ind++){
$imt = new Imagick($fns[$ind]);
/* 左側に余白を追加 */
$imt->setImageBackgroundColor('#585050');
$imt->spliceImage(5, 0, 0, 0);
/* 元画像と横方向に連結 */
$im->addImage($imt);
$im->setImageIndex(0);
$nim=$im->appendImages(false);
/* $imt->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$imt->destroy();
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
$im = $nim;
}
$im->writeImage('sample405a.jpg');
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample405a.jpg" />

</body>
</html>

元画像1(sample3b.jpg)


元画像2(sample4.jpg)


元画像3(sample6.jpg)


出力画像(sample405a.jpg)


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

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