Saturday, August 16, 2008

ImageMagickで、青色っぽい部分とそれ以外の部分を色付けする

画像の青色っぽい部分とそれ以外の部分を、それぞれ白黒化して別の色で着色するには、以下のバッチファイルを実行します。

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.45)?1:0" -channel rgb -fx "luminance" -fill #aaccff -tint 90 ( sf.jpg -fx "luminance" -fill #F8C749FF -tint 90 ) +swap -composite sample534a.jpg

上記バッチでは、青色っぽい部分を白黒化して#aaccffで着色して、それ以外の部分も白黒化してオレンジ色(#F8C749FF)で着色しています。

元画像(sf.jpg)


出力画像(sample534a.jpg)


関連項目
ImageMagickで、青っぽい所以外を白黒にする

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>sample533(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 指定の点から徐々にぼかす */
/* 円の中心 */
$cx = 130;
$cy = 160;
/* 半径初期値 */
$ir = 30;
/* 半径増分値 */
$dr = 20;
/* ぼかし */
$ib = 0;
/* ぼかし増分値 */
$db = 1;
/* 繰り返し回数 */
$ct = 8;
/* 読み込み画像名 */
$fn = "sf.jpg";

$im = new Imagick($fn);
$im->setImageMatte(true);
for($li=0;$li<$ct;$li++){
$imt = new Imagick($fn);
/* マスク画像を生成 */
$mask = new Imagick();
$mask->newImage($im->getImageWidth(), $im->getImageHeight(), 'none');
/* 円を描画 */
$idraw = new ImagickDraw();
$idraw->setFillColor("#FFFFFF");
$idraw->ellipse($cx, $cy, $ir, $ir, 0, 360);
$mask->drawImage($idraw);
/* マスク画像を使用して画像を切り取り */
$mask->compositeImage($imt, Imagick::COMPOSITE_IN, 0, 0, Imagick::CHANNEL_ALL);
$mask->blurImage(0, $ib, Imagick::CHANNEL_ALL);
$images[] = $mask;
$ir += $dr;
$ib += $db;
$imt->clear();
$imt->destroy();
}
$im->blurImage(0, $ib, Imagick::CHANNEL_ALL);
for($li=$ct-1;$li>=0;$li--){
$im->compositeImage($images[$li], Imagick::COMPOSITE_DEFAULT, 0, 0, Imagick::CHANNEL_ALL);
$images[$li]->clear();
$images[$li]->destroy();
}

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

<img src="sample533a.jpg" />

</body>
</html>


元画像(sf.jpg)


出力画像(sample533a.jpg)


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

関連項目
ImageMagickで一部分だけ焦点のあっている画像に処理する (Convertコマンドでの同様の処理)

Thursday, August 14, 2008

RMagickで画像の上下を半透明にする

RMagickで画像の上下を半透明にするには、以下のコードを実行します。

require 'RMagick'
include Magick

# 上下が半透明になった画像の生成
images = ImageList.new("sf.jpg")
images[0].alpha = ActivateAlphaChannel
mo = images.fx("abs(sin(pi*j/h))", Magick::AlphaChannel)
mo.write("sample532a.png")

# クリーム色の背景と重ね合わせ
img2 = Image.new(images[0].columns+20, images[0].rows+20){
self.background_color = "#ffffe0"
}
img3 = img2.composite(mo, CenterGravity, 0, 0, OverCompositeOp);
img3.write("sample532b.png")

exit

元画像(sf.jpg)


出力画像(sample532a.png)



出力画像(sample532b.png)


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

関連項目
ImageMagickで画像の上下を半透明グラデーションにする (Convertコマンドでの同様の処理)

Wednesday, August 13, 2008

Java2Dで画像を2値化する

Java2Dで画像を2値化するには、以下のコードを実行します。

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

public class Java2DTest15
{
public static void main(String args[])
throws Exception
{
/* 画像を2値化する */
BufferedImage img = ImageIO.read(new File("sf.jpg"));

/* まずグレースケールに変換 */
WritableRaster wr = img.getRaster();
int buf[] = new int[wr.getNumDataElements()];
for(int ly=0;ly<wr.getHeight();ly++){
for(int lx=0;lx<wr.getWidth();lx++){
wr.getPixel(lx, ly, buf);

int maxval = Math.max(Math.max(buf[0], buf[1]), buf[2]);
int minval = Math.min(Math.min(buf[0], buf[1]), buf[2]);
buf[0] = buf[1] = buf[2] = (maxval+minval)/2;

wr.setPixel(lx, ly, buf);
}
}

/* lookupデータ作成 */
byte dat[] = new byte[256];
for(int di=0;di<256;di++){
dat[di] = di>256*0.55?(byte)255:(byte)0;
}
LookupOp lo = new LookupOp(new ByteLookupTable(0, dat), null);
BufferedImage img2 = lo.filter(img, null);

ImageIO.write(img2, "jpg", new File("sample531a.jpg"));
}
}

元画像(sf.jpg)


出力画像(sample531a.jpg)


環境
JDK6 Upadate6(JDK1.6.0_06)

Tuesday, August 12, 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>sample530(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 画像の周りを暗くする */
$im = new Imagick("sf.jpg");
$im2 = new Imagick();
$im2->newImage($im->getImageWidth(), $im->getImageHeight(), 'none');
$im2->setImageBackgroundColor('#000000a0');
$im2->spliceImage(10, 10, $im->getImageWidth(), $im->getImageHeight());
$im2->spliceImage(10, 10, 0, 0);
$im2->blurImage(0, 10, Imagick::CHANNEL_ALL);
$im2->cropImage($im->getImageWidth(), $im->getImageHeight(), 10, 10);
$im->compositeImage($im2, Imagick::COMPOSITE_DEFAULT, 0, 0);
$im->writeImage('sample530a.jpg');
/* $im2->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample530a.jpg" />

</body>
</html>

元画像(sf.jpg)


出力画像(sample530a.jpg)


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

ImageMagickで四角の墨をグラデーションのように塗る - その2

ImageMagickで四角の墨をグラデーションのように塗るには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.4.0-Q16
%im%\convert.exe -size 100x100 xc:white -background #ccddff -virtual-pixel background -blur 0x10 sample408a.png

出力画像(sample408a.png)

Monday, August 11, 2008

Rmagickで半透明のぼかし文字列を描画する

Rmagickで半透明のぼかし文字列を描画するには、以下のコードを実行します。

require 'RMagick'
include Magick

images = ImageList.new("sf.jpg")
images[0].alpha = ActivateAlphaChannel
img2 = Image.new(images[0].columns, images[0].rows){
self.background_color = "none"
}
img2.alpha = ActivateAlphaChannel

dr = Draw.new
# 使用フォント
dr.font = "Tahoma"
# ポイントサイズ
dr.pointsize = 20
# 描画色
dr.fill = "#ffffffa0"
# gravity
dr.gravity = CenterGravity
dr.annotate(img2, 0, 0, 0, 0, "San Francisco")
img3 = img2.blur_channel(0, 1, ChannelType::AllChannels)

images << images =" images.mosaic">

元画像(sf.jpg)


出力画像(sample527a.png)


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

関連項目
RMagickで半透明影つきの文字列を描画する
RMagickで日本語文字列を描画する

Sunday, August 10, 2008

ImageMagickとPHPで手書き風の文字列をアニメーションGIFにする

ImageMagickとPHPで手書き風の文字列をアニメーションGIFにするには、以下のコードを実行します。

<!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>sample526(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 手書き風の文字列を描画する */
$im = new Imagick();

for($li=0;$li<3;$li++){
$im2 = new Imagick();
$im2->newImage(300, 80, 'white');

$idraw = new ImagickDraw();
/* フォント設定 */
$idraw->setFont("Comic-Sans-MS-Bold");
/* フォントサイズ設定 */
$idraw->setFontSize(40);
/* gravity設定 */
$idraw->setGravity(Imagick::GRAVITY_CENTER);
/* 描画色 */
$idraw->setFillColor("#bbddff");
$im2->annotateImage($idraw, 0, 0, 0, "ImageMagick");
$im2->spreadImage(1);
$im2->medianFilterImage(1);
$im->addImage($im2);
$im->setImageDelay(30);
/* $im2->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
}

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

<img src="sample526a.gif" />

</body>
</html>

出力画像(sample526a.gif)


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

関連項目
PHPとImageMagickでアニメーションGIFを生成する
ImageMagickとPHPで文字列を画像で塗りつぶす
ImageMagickとPHPで半透明のぼかし文字列を描画する
ImageMagickとPHPで、画像に日本語の文字列を描画する
ImageMagickとPHPで手書き風の円に囲まれた文字を描画する

Saturday, August 09, 2008

Java2Dで文字列をテクスチャ画像で塗りつぶす

Java2Dで文字列をテクスチャ画像で塗りつぶすには、以下のコードを実行します。

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

public class Java2DTest14
{
public static void main(String args[])
throws Exception
{
/* 文字列をテクスチャ画像で塗りつぶす */
/* テクスチャ読み込み */
BufferedImage img = ImageIO.read(new File("pattern1.gif"));
TexturePaint tp = new TexturePaint(img,
new Rectangle(0, 0, img.getWidth(), img.getHeight()));

/* 文字列描画用イメージを作成 */
BufferedImage img2 = new BufferedImage(
240, 80, BufferedImage.TYPE_INT_RGB);
Graphics2D gr = img2.createGraphics();

gr.setColor(new Color(0xfa, 0xdf, 0x69));
gr.fillRect(0, 0, img2.getWidth(), img2.getHeight());

/* フォント設定 */
gr.setFont(new Font(Font.SANS_SERIF, Font.BOLD, 60));
/* テクスチャ設定 */
gr.setPaint(tp);
gr.drawString("Sample", 10, 60);
gr.dispose();
ImageIO.write(img2, "jpg", new File("sample525a.jpg"));
}
}

テクスチャ画像(pattern1.gif)


出力画像(sample525a.jpg)


環境
JDK6 Upadate6(JDK1.6.0_06)

関連項目
Java2Dで画像の上に半透明のぼやけた文字列を描画する

Friday, August 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>sample390(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* スケッチ風に画像処理 */
$im = new Imagick('sf.jpg');
$im->sketchImage(10,0,120);
$im->writeImage('sample390a.png');
/* $im->clear(); 2008/09/30追記:destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>

<img src="sample390a.png" />

</body>
</html>

元画像(sf.jpg)


出力画像(sample390a.png)


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

関連項目
ImageMagickで、画像を端がちぎられたようなスケッチ調の画像に変換する
ImageMagickで雨が降っているような加工をする
ImageMagickで青色っぽい部分以外をスケッチ調に変換する

Thursday, August 07, 2008

Java2Dで画像を白黒画像に変換する

Java2Dで画像を白黒画像に変換するには、以下のコードを実行します。

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

public class Java2DTest13
{
public static void main(String args[])
throws Exception
{
/*
画像を白黒に変換する
lightness = (max(r,g,b) + min(r,g,b))/2
参考URL:
http://www.imagemagick.org/discourse-server/viewtopic.php?f=3&t=11135&view=previous
*/
BufferedImage img = ImageIO.read(new File("sf.jpg"));
WritableRaster wr = img.getRaster();
int buf[] = new int[wr.getNumDataElements()];

for(int ly=0;ly<wr.getHeight();ly++){
for(int lx=0;lx<wr.getWidth();lx++){
wr.getPixel(lx, ly, buf);

int maxval = Math.max(Math.max(buf[0], buf[1]), buf[2]);
int minval = Math.min(Math.min(buf[0], buf[1]), buf[2]);
buf[0] = buf[1] = buf[2] = (maxval+minval)/2;

wr.setPixel(lx, ly, buf);
}
}
ImageIO.write(img, "jpg", new File("sample524a.jpg"));
}
}

元画像(sf.jpg)


出力画像(sample524a.jpg)

Wednesday, August 06, 2008

Java2Dで画像を荒いドットの画像に変換する

Java2Dで画像を荒いドットの画像に変換するには、以下のコードを実行します。

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

public class Java2DTest12
{
public static void main(String args[])
throws Exception
{
/* Java2Dで画像を荒いドットの画像に変換する */
BufferedImage img = ImageIO.read(new File("sf.jpg"));

/* 1/10の画像に変換 */
BufferedImage img2 = new BufferedImage(
img.getWidth()/10, img.getHeight()/10, BufferedImage.TYPE_INT_BGR
);
Graphics2D gr = img2.createGraphics();
gr.drawImage(img, 0, 0, img2.getWidth(), img2.getHeight(), null);
gr.dispose();
/* 元の大きさの画像に変換 */
BufferedImage img3 = new BufferedImage(
img.getWidth(), img.getHeight(), BufferedImage.TYPE_INT_BGR
);
Graphics2D gr2 = img3.createGraphics();
gr2.drawImage(img2, 0, 0, img.getWidth(), img.getHeight(), null);
gr2.dispose();

ImageIO.write(img3, "jpg", new File("sample523a.jpg"));
}
}

元画像(sf.jpg)


出力画像(sample523a.jpg)


環境
JDK6 Upadate6(JDK1.6.0_06)

Tuesday, August 05, 2008

PHPとImageMagickで1ピクセルのラインごとにモーションブラーをかける

Imagickで1ピクセルのラインごとにモーションブラーをかけるには、以下のコードを実行します。

<!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>sample522(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 1ピクセルのラインごとにモーションブラーをかける */
$fn = "sf2.jpg";
$im = new Imagick($fn);
/* 1ピクセルラインごとに透過させる */
$im->setImageMatte(true);
$im2=$im->fxImage('j%2==0?1:0', Imagick::CHANNEL_ALPHA);
/* もうひとつのイメージを読み込んでモーションブラーをかける */
$im3 = new Imagick($fn);
$im3->motionBlurImage(0,5,180);
$im3->compositeImage($im2, Imagick::COMPOSITE_DEFAULT, 0, 0);


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

</body>
</html>

元画像(sf2.jpg)


出力画像(sample522a.jpg)


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

関連項目
ImageMagickとPHPで透過PNGに影付けして、影にモーションブラーをかける
ImageMagickとPHPで画像にモーションブラーをかける
ImageMagickで1ピクセルのラインごとにモーションブラーをかける
ImageMagickで上下左右方向に徐々にモーションブラーをかける
ImageMagickで、文字列にモーションブラーをかける

Monday, August 04, 2008

Java2Dで画像を半透明に重ね合わせる

Java2Dで画像を半透明に重ね合わせるには、以下のコードを実行します。

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

public class Java2DTest11
{
public static void main(String args[])
throws Exception
{
/* Java2Dで画像を半透明に重ね合わせる */
BufferedImage img = ImageIO.read(new File("sf.jpg"));
BufferedImage img2 = ImageIO.read(new File("sample6.jpg"));
Graphics2D gr = img.createGraphics();
gr.setComposite(
AlphaComposite.getInstance(AlphaComposite.SRC_OVER,0.4F)
);
gr.drawImage(img2,10,70,null);
gr.dispose();
ImageIO.write(img, "jpg", new File("sample521a.jpg"));
}
}

元画像1(sf.jpg)


元画像2(sample6.jpg)


出力画像(sample521a.jpg)


環境
JDK6 Upadate6(JDK1.6.0_06)

関連項目
Java2Dで画像を重ね合わせる

Sunday, August 03, 2008

ImageMagickで画像とグラデーションのかかった砂地を合成する

画像とグラデーションのかかった砂地を合成するには、以下のコードを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.4.2-Q16
%im%\convert.exe sf2.jpg -blur 0x1 -fx "p*0.7+rand()*0.3" -colorspace gray -emboss 1 ( -size 300x225 gradient:#FFFF1050-#3070A050 ) -composite sample520a.png

上記のバッチでは、以下の処理を実行しています。
1. かるくぼかしをかける。
2. ランダムにノイズをかける。
3. 白黒に変換
4. エンボス処理
5. 半透明グラデーションと合成

元画像(sf2.jpg)


出力画像(sample520a.png)


関連項目
RMagickで画像をグラデーションのかかった砂地ぽく加工する

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でエッジ抽出をおこなう