Saturday, August 02, 2008

ImageMagickで画像を絵画風に変換する

画像を絵画風に変換するには、以下のバッチファイルを実行します。
rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.4.2-Q16
%im%\convert.exe sf2.jpg -spread 1 -median 2 -emboss 1 sample519a.png

元画像(sf2.jpg)


出力画像(sample519a.png)


関連項目
ImageMagickとPHPで画像を絵画調に変換する (Imagickでの同様の処理)
im4javaで画像を絵画調に変換する (im4javaでの同様の処理)
RMagickで画像を絵画調に変換する (RMagickでの同様の処理)

Friday, August 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>sample518(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 画像の下部分がだんだん荒いドットになるように処理する */
$fn = "sf2.jpg";
$im = new Imagick($fn);
$iw = $im->getImageWidth();
$ih = $im->getImageHeight();
/* 最大ドットサイズ */
$mps=16;
/* 同一ドットサイズ繰り返し回数 */
$lm=2;
$ofs=0;
/* 各サイズの荒いドットで切り取り */
$ind = 0;
for(;$mps>1;$mps/=2){
for($lc=0;$lc<$lm;$lc++){
$images[$ind] = new Imagick($fn);
$images[$ind]->cropImage($iw, $mps, 0, $ih-$ofs-$mps);
$images[$ind]->resizeImage($iw/$mps, 1, imagick::FILTER_MITCHELL, 1);
$images[$ind]->resizeImage($iw, $mps, Imagick::FILTER_POINT, 1);
$ind++;
$ofs += $mps;
}
}
/* 切り取った変換画像を並び替えてから縦方向に連結 */
$im->cropImage($iw, $ih-$ofs, 0, 0);
for($ind--;$ind>=0;$ind--) {
$im->addImage($images[$ind]);
$images[$ind]->clear();
$images[$ind]->destroy();
}
$im->setImageIndex(0);
$im2 = $im->appendImages(true);
$im2->writeImage('sample518a.jpg');
/* $im2->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();

?>

<img src="sample518a.jpg" />

</body>
</html>

元画像(sf2.jpg)


出力画像(sample518a.jpg)


動作環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.2

関連項目
ImageMagickとPHPで、画像を荒いドット画像に変換する

Thursday, July 31, 2008

RMagickで画像の指定した点から円形のバンド状に明るさを変える

RMagickで画像の指定した点から円形のバンド状に明るさを変えるには、以下のコードを実行します。

require 'RMagick'
include Magick

# 円の中心
cx = 130
cy = 160
# 半径初期値
ir = 30
# 半径増分値
dr = 20
# 明るさ
il = 1.0
# 明るさ増分値
dl = -0.1
# 繰り返し回数
ct = 8
# 読み込み画像名
fn = "sf.jpg"

images = ImageList.new(fn)
images[0].alpha = ActivateAlphaChannel
ct.times do
# マスク画像を作成
mask = Image.new(images[0].columns, images[0].rows){
self.background_color = "none"
}
idr = Draw.new
idr.ellipse(cx, cy, ir, ir, 0, 360)
idr.draw(mask);
# マスクを利用して切り取り
timg = images[0].composite(mask, 0, 0, DstInCompositeOp)
images.insert 1, timg.modulate(il, 1.0, 1.0)
ir += dr
il += dl
end
images[0] = images[0].modulate(il, 1.0, 1.0)
# すべてのイメージを重ね合わせ
img = images.mosaic
img.write("sample517a.png")

exit

元画像(sf.jpg)


出力画像(sample517a.png)


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

Wednesday, July 30, 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>sample516(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 画像を荒いドット画像に変換する */
$im = new Imagick('sf.jpg');
/* 画像を1/8にリサイズ */
$iw = $im->getImageWidth();
$ih = $im->getImageHeight();
$im->resizeImage($iw/8, $ih/8, imagick::FILTER_MITCHELL, 1);
/* FILTER_POINTを使用して元のサイズにリサイズ */
$im->resizeImage($iw, $ih, Imagick::FILTER_POINT, 1);
$im->writeImage('sample516a.jpg');
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();

?>

<img src="sample516a.jpg" />

</body>
</html>

元画像(sf.jpg)


出力画像(sample516a.jpg)


動作環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.2

関連項目
ImageMagickとPHPで画像を荒いドットを交互に配置したモザイク画像に変換する
ImageMagickで斜めドットのモザイクをかける
ImageMagickで画像を銭湯タイル風に変換する

Tuesday, July 29, 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>sample515(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* エッジ抽出 + normalize + 任意の2色のグラデーションで色替え */
$im = new Imagick('sf2.jpg');
$im->edgeImage(2);
$im->normalizeImage();
$im2 = new Imagick();
/* 任意の2色のグラデーションで色替え */
$im2->newPseudoImage(1, 2, 'gradient:#ffffff-#bbddff');
$im->addImage($im2);
$im->setImageIndex(0);
$im3 = $im->fxImage("v.p{0,lightness}");

$im3->writeImage('sample515a.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="sample515a.jpg" />

</body>
</html>

元画像(sf2.jpg)


出力画像(sample515a.jpg)


動作環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.2

関連項目
ImageMagickとPHPでエッジ抽出をおこなう

Monday, July 28, 2008

ImageMagickで手書き風の文字列を描画する

手書き風の文字列を描画するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.4.2-Q16
%im%\convert.exe -size 300x80 xc:white -font Comic-Sans-MS-Bold -gravity center -fill #BBDDFF -draw "font-size 40 text 0,0 'ImageMagick'" -spread 1 -median 1 sample514a.png

出力画像(sample514a.png)


関連項目
ImageMagickで手書きで塗りつぶしたような文字列を描画する

Saturday, July 26, 2008

ImageMagickで画像をストライプ上にずらす

画像をストライプ上にずらすには、以下のコードを実行します。

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

%im%\convert.exe sf.jpg -background white -gravity south -splice 0x4 -virtual-pixel background -fx "i%%16<8?p[0,-4]:p" sample513a.png

元画像(sf.jpg)


出力画像(sample513a.png)

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>sample512(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 座標を少しずつずらして、複数のベジェ曲線を描画 */
$im = new Imagick();
$im->newPseudoImage(200, 200, "xc:white");

$idraw = new ImagickDraw();
$idraw->setStrokeColor('#88bbff50');
$idraw->setFillColor('none');

$ct=10;
for($ind=0;$ind<$ct;$ind++){
$points[0] = array(
'x' => 30+5*$ind,
'y' => 200
);
$points[1] = array(
'x' => 0,
'y' => 100
);
$points[2] = array(
'x' => 0,
'y' => 20
);
$points[3] = array(
'x' => 200,
'y' => 100+3*$ind
);
$idraw->bezier($points);
}

$im->drawImage($idraw);

$im->writeImage('sample512a.jpg');

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

<img src="sample512a.jpg" />

</body>
</html>

出力画像(sample512a.jpg)


動作環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.2

関連項目
ImageMagickとPHPでベジェ曲線を描画する

Java2Dで画像をぼかす

Java2Dで画像をぼかすには、以下のコードを実行します。

import java.awt.*;
import java.awt.geom.*;
import java.awt.image.*;
import java.io.*;
import java.util.*;
import javax.imageio.*;

public class Java2DTest10
{
public static void main(String args[])
throws Exception
{
/* Java2Dで画像をぼかす */
BufferedImage img = ImageIO.read(new File("sf.jpg"));
BufferedImage img2 = new BufferedImage(
img.getWidth(), img.getHeight(), BufferedImage.TYPE_INT_RGB
);
Graphics2D gr = img2.createGraphics();
gr.drawImage(img,0,0,null);
gr.dispose();

float kernel[] = new float[3*3];
for(int li=0;li<3*3;li++){
kernel[li] = 1F/(3*3);
}

BufferedImageOp bio = new ConvolveOp(new Kernel(3, 3, kernel),
ConvolveOp.EDGE_NO_OP, new RenderingHints(new HashMap()));
BufferedImage img3 = bio.filter(img2, null);
ImageIO.write(img3, "jpg", new File("sample511a.jpg"));

}
}

元画像(sf.jpg)


出力画像(sample511a.jpg)


環境
JDK6 Upadate6(JDK1.6.0_06)

Friday, July 25, 2008

Java2Dで画像を角丸四角で切り取る

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

import java.io.*;
import java.awt.*;
import java.awt.geom.*;
import java.awt.image.*;
import javax.imageio.*;

public class Java2DTest9
{
public static void main(String args[])
throws Exception
{
/* 画像を角丸四角で切り取る */
BufferedImage img = ImageIO.read(new File("sf.jpg"));
/* 角丸四角の画像を作成 */
BufferedImage img2 = new BufferedImage(
img.getWidth(), img.getHeight(), BufferedImage.TYPE_INT_ARGB
);
Graphics2D gr = img2.createGraphics();
gr.setColor(new Color(1F, 1F, 1F, 1F));
RoundRectangle2D rr = new RoundRectangle2D.Double(
0.0, 0.0, img.getWidth()-1, img.getHeight()-1, 40.0, 40.0);
gr.fill(rr);
/* 切り取り */
gr.setComposite(AlphaComposite.SrcIn);
gr.drawImage(img,0,0,null);
gr.dispose();
/* 白色背景画像を作成 */
BufferedImage img3 = new BufferedImage(
img.getWidth(), img.getHeight(), BufferedImage.TYPE_INT_RGB
);
Graphics2D gr2 = img3.createGraphics();
gr2.setColor(new Color(255, 255, 255));
gr2.fillRect(0, 0, img.getWidth(), img.getHeight());
/* 切り取った画像と合成 */
gr2.drawImage(img2,0,0,null);
gr2.dispose();
ImageIO.write(img3, "jpg", new File("sample510a.jpg"));
}
}

元画像(sf.jpg)


出力画像(sample510a.jpg)


環境
JDK6 Upadate6(JDK1.6.0_06)

Thursday, July 24, 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>sample509(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 点線の角丸四角を描画する */
$sx = 100;
$sy = 100;
$px = 5;
$py = 5;
$rx = 10;
$ry = 10;

$im = new Imagick();
$im->newImage($sx, $sy, "white");
$idraw = new ImagickDraw();
/* 塗りつぶし色 */
$idraw->setFillColor('none');
/* 線の色 */
$idraw->setStrokeColor('#bbddff');
/* 点線のスタイル */
$idraw->setStrokeDashArray(array(3,4));
/* 線の幅 */
$idraw->setStrokeWidth(2);
$idraw->roundrectangle($px, $py, $sx-$px, $sy-$py, $rx, $ry);
$im->drawImage($idraw);

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

<img src="sample509a.jpg" />

</body>
</html>

出力画像(sample509a.jpg)


動作環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.2

関連項目
ImageMagickで点線の角丸四角を描画する - その1 (Convertコマンドでの同様の処理)

Wednesday, July 23, 2008

JMagickでバンド状のグラデーションを描画する

JMagickでバンド状のグラデーションを描画するには、以下のコードを実行します。

import magick.*;

public class JMagickTest41
{
public static void main(String args[])
throws MagickException
{
/* バンド状のグラデーションを描画する */
ImageInfo ii = new ImageInfo("gradient:#FFFF10FF-#3070A0FF");
ii.setSize("1x10");
MagickImage mi = new MagickImage(ii);
/* フィルタタイプをPointFilterに設定 */
mi.setFilter(FilterType.PointFilter);
MagickImage mi2 = mi.scaleImage(150, 150);
mi2.setFileName("sample508a.jpg");
mi2.writeImage(new ImageInfo());
}
}
出力画像(sample508a.jpg)


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


関連情報
JMagickまとめ
ImageMagickでバンド状のグラデーションを作成する (Convertコマンドでの同様の処理)
ImageMagickでバンド状にグラデーションのかかった文字を描画する

Tuesday, July 22, 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>sample507(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 手塗り風の四角を描画する */
$sx = 200;
$sy = 200;
$px = 10;
$py = 10;
$im = new Imagick();
$im->newImage($sx, $sy, "white");
$idraw = new ImagickDraw();
$idraw->setFillColor('#bbddff');
$idraw->rectangle($px, $py, $sx-$px, $sy-$py);
$im->drawImage($idraw);
$im->spreadImage(5);
$im->medianFilterImage(3);

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

<img src="sample507a.jpg" />

</body>
</html>

出力画像(sample507a.jpg)


動作環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.2

関連項目
ImageMagickとPHPで手書き風の円に囲まれた文字を描画する
ImageMagickで、手塗り風の四角を描画する (Convertコマンドでの同様の処理)

Sunday, July 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>sample506(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 画像の端をかすれたように処理する */
$im = new Imagick('sf2.jpg');

/* かすれた矩形領域のマスクを作成 */
$px = 10;
$py = 10;
$im2 = new Imagick();
$im2->newImage($im->getImageWidth(), $im->getImageHeight(), "none");
$idraw = new ImagickDraw();
$idraw->setFillColor('#ffffff');
$idraw->rectangle($px, $py, $im->getImageWidth()-$px, $im->getImageHeight()-$py);
$im2->drawImage($idraw);
$im2->spreadImage(2);
/* マスクを使用して切り取り */
$im2->compositeImage($im, Imagick::COMPOSITE_IN, 0, 0, Imagick::CHANNEL_ALL);

$im2->writeImage('sample506a.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="sample506a.png" />

</body>
</html>

元画像(sf2.jpg)


出力画像(sample506a.png)


動作環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.2

関連項目
ImageMagickで、画像の端をかすれたように処理する (Convertコマンドによる同様の処理)
ImageMagickとPHPで文字列をクレヨン風に描画する

Saturday, July 19, 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>sample505(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* ぼかした矩形領域以外を暗くする */
$im = new Imagick('sf2.jpg');
/* ぼかした矩形領域のマスクを作成 */
$im2 = new Imagick();
$im2->newImage($im->getImageWidth(), $im->getImageHeight(), "none");
$idraw = new ImagickDraw();
$idraw->setFillColor('#ffffff');
$idraw->rectangle(10,10,214,214);
$im2->drawImage($idraw);
$im2->blurImage(10, 10, Imagick::CHANNEL_ALL);
/* マスクを使用して切り取り */
$im2->compositeImage($im, Imagick::COMPOSITE_IN, 0, 0, Imagick::CHANNEL_ALL);

/* 暗くした画像を生成 */
$im3 = new Imagick('sf2.jpg');
/* $im3->modulateImage(30, 100, 100);
なぜかmodulateImageが上手くいかないのでfxで代用*/
$im3 = $im3->fxImage("p*0.3");
$im3->compositeImage($im2, Imagick::COMPOSITE_DEFAULT, 0, 0);

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

</body>
</html>

元画像(sf2.jpg)


出力画像(sample505a.jpg)


動作環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.2

関連項目
ImageMagickで、任意の矩形領域、角丸四角、円以外の領域をぼかして暗くする (Convertコマンドでの同様の処理)

Friday, July 18, 2008

Java2Dで文字列を描画する

Java2Dで文字列を描画するには、以下のコードを実行します。

import java.io.*;
import java.awt.*;
import java.awt.geom.*;
import java.awt.image.*;
import javax.imageio.*;

public class Java2DTest8
{
public static void main(String args[])
throws Exception
{
/* 画像上に文字列を描画する */
BufferedImage img = ImageIO.read(new File("sf.jpg"));
Graphics2D gr = img.createGraphics();
gr.setColor(new Color(0xbb, 0xdd, 0xff));
gr.setFont(new Font(Font.SANS_SERIF, Font.PLAIN, 20));
gr.drawString("San Francisco", 10, 30);
gr.dispose();
ImageIO.write(img, "png", new File("sample504a.png"));
}
}

元画像(sf.jpg)


出力画像(sample504a.png)


環境
JDK6 Upadate6(JDK1.6.0_06)

ImageMagickとPHPで画像の青っぽいところ以外を明るくする

Imagickで画像の青っぽいところ以外を明るくするには、以下のコードを実行します。

</head>
<body>
<?php
/* 画像の青っぽい所以外を明るくする */
$im = new Imagick('tree1.jpg');
$im->setImageMatte(true);
$im2=$im->fxImage('(hue>0.47&&hue<0.69&&lightness>0.45)?0:1', Imagick::CHANNEL_ALPHA);
$im2->modulateImage(180, 100, 100);
$im3 = new Imagick('tree1.jpg');
$im3->compositeImage($im2, Imagick::COMPOSITE_DEFAULT, 0, 0);

$im3->writeImage('sample503a.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="sample503a.jpg" />

</body>
</html>

元画像(tree1.jpg)


出力画像(sample503a.jpg)


動作環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.2

Thursday, July 17, 2008

Java2Dで画像をビデオ風にする

Java2Dで画像をビデオ風にするには、以下のコードを実行します。

import java.io.*;
import java.awt.*;
import java.awt.geom.*;
import java.awt.image.*;
import javax.imageio.*;

public class Java2DTest7
{
public static void main(String args[])
throws Exception
{
/* 画像をビデオ風に変換する */
BufferedImage img = ImageIO.read(new File("sf.jpg"));
WritableRaster wr = img.getRaster();

int buf[] = new int[wr.getNumDataElements()];

for(int ly=1;ly<wr.getHeight();ly+=2){
for(int lx=0;lx<wr.getWidth();lx++){
wr.getPixel(lx, ly, buf);
buf[0] = buf[0]/2;
buf[1] = buf[1]/2;
buf[2] = buf[2]/2;
wr.setPixel(lx, ly, buf);
}
}
ImageIO.write(img, "png", new File("sample502a.png"));
}
}

元画像(sf.jpg)


出力画像(sample502a.png)


環境
JDK6 Upadate6(JDK1.6.0_06)

関連項目
groovyで画像をビデオ風に加工する (groovyでの同様の処理)

Wednesday, July 16, 2008

RMagickで閾値を使用して切り取った画像に影付けをする

RMagickで閾値を使用して切り取った画像に影付けをするには、以下のコードを実行します。

require 'RMagick'
include Magick

# 画像を2値化して切り取り
img1 = ImageList.new("sample5.jpg")
img2 = img1.threshold(QuantumRange*0.84)
img3 = img2.transparent("white");
img4 = ImageList.new("sample5.jpg")
img4.alpha = ActivateAlphaChannel
img5 = img4.composite(img3, 0, 0, DstInCompositeOp);

# 影付け
img5.background_color = "black"
img6 = img5.shadow(3, 3, 3, 0.4)
img7 = img6.composite(img5, 0, 0, OverCompositeOp);
# 白背景と合成
bg = Image.new(img7.columns, img7.rows){
self.background_color='white'
}
img8 = bg.composite(img7, 0, 0, OverCompositeOp);

img8.write("sample501a.png")
exit

元画像(sample5.jpg)


出力画像(sample501a.png)


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

関連項目
ImageMagickで閾値を使用して切り取った画像に影付けする

Tuesday, July 15, 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>sample500(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* グラデーションバッジ画像を生成する */
/* 画像幅 */
$sx = 200;
/* 画像高さ */
$sy = 200;
/* 分割数 */
$par = 64;
/* 中心x */
$cx = 100;
/* 中心y */
$cy = 100;
/* 半径(大) */
$rad1 = 90;
/* 半径(小) */
$rad2 = 80;

/* グラデーション作成 */
$im = new Imagick();
$im->newPseudoImage($sx, $sy, "gradient:#bbddff-#4466bb");
$idraw = new ImagickDraw();
$idraw->pushPattern('gradient', 0, 0, $sx, $sy);
$idraw->composite(Imagick::COMPOSITE_OVER, 0, 0, $sx, $sy, $im);
$idraw->popPattern();

/* イメージ作成 */
$im2 = new Imagick();
$im2->newPseudoImage($sx, $sy, 'xc:none');

$dr1=0;
$dr2=360/($par*2);
while($dr2<360){
$points[] = array(
'x' => (int)($cx-cos(2*pi()*$dr1/360)*$rad1),
'y' => (int)($cy-sin(2*pi()*$dr1/360)*$rad1)
);
$points[] = array(
'x' => (int)($cx-cos(2*pi()*$dr2/360)*$rad2),
'y' => (int)($cy-sin(2*pi()*$dr2/360)*$rad2)
);
$dr1 += 360/$par;
$dr2 += 360/$par;
}

$idraw->setFillPatternURL('#gradient');
/* 座標に基づき、ポリゴンを描画 */
$idraw->polygon($points);
$im2->drawImage($idraw);

/* 影つけ */
$im3=$im2->clone();
$im3->setImageBackgroundColor('black');
$im3->shadowImage(40,2,5,5);

/* 白背景と重ね合わせ */
$im4 = new Imagick();
$im4->newImage($im->getImageWidth(), $im->getImageHeight(), 'white');
$im4->addImage($im3);
$im4->addImage($im2);
$im5=$im4->mosaicImages();


/* フォント設定 */
$idraw->setFont("Arial");
/* フォントサイズ設定 */
$idraw->setFontSize(25);
/* gravity設定 */
$idraw->setGravity(Imagick::GRAVITY_CENTER);
/* 描画色 */
$idraw->setFillColor("white");
$im5->annotateImage($idraw, 0, 0, 0, "ImageMagick");


$im5->writeImage('sample500a.jpg');

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

</body>
</html>

出力画像(sample500a.jpg)


動作環境
Apache 2.2.8/PHP5.2.5/ImageMagick6.4.2