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

Saturday, September 06, 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>sample552(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* プラズマフラクタル画像を用いて画像に濃淡をつける */
$im = new Imagick("sf.jpg");

/* プラズマフラクタル画像 */
$im2 = new Imagick();
$im2->newPseudoImage(200, 200, 'plasma:fractal');
$im3 = $im2->fxImage("intensity");
$im3->contrastImage(false);
$im3->contrastImage(false);

/* overlayで重ね合わせ */
$im->compositeImage($im3, Imagick::COMPOSITE_OVERLAY, 0, 0, Imagick::CHANNEL_ALL);

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

</body>
</html>

元画像(sf.jpg)

出力画像(sample552a.jpg)

関連項目
ImageMagickで、画像にプラズマフラクタル画像を重ね合わせて濃淡をつける　（Convertコマンドでの同様の処理）

Friday, September 05, 2008

Java2DとJava Image Filters(pixels)を使用して画像を点状に変換する

Java2DとJava Image Filters(pixels)を使用して画像を点状に変換するには、以下のコードを実行します。


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

public class Java2DTest24
{
  public static void main(String args[])
      throws Exception
  {
      /* 画像を点状に変換する */
      BufferedImage img = ImageIO.read(new File("sf.jpg"));

      PointillizeFilter pf = new PointillizeFilter();
      /* スケール */
      pf.setScale(12);
      /* エッジを表示するかどうか */
      pf.setFadeEdges(false);
      /* エッジの厚さ */
      pf.setEdgeThickness(0.4f);
      /* ランダムさ */
      pf.setRandomness(0.2f);
      /* あいまいさ */
      pf.setFuzziness(0.2f);

      BufferedImage img2 = pf.filter(img, null);
      ImageIO.write(img2, "jpg", new File("sample551a.jpg"));
  }
}

元画像(sf.jpg)

出力画像(sample551a.jpg)

関連項目
Jerry Huxtableさんのホームページ
http://www.jhlabs.com/index.html

Java Image Filtersのページ
http://www.jhlabs.com/ip/filters/

java.netでのプロジェクトページ
https://pixels.dev.java.net/

groovyで画像を点状に変換する

Thursday, September 04, 2008

Java2DとJava Image Filters(pixels)を使用して、画像にひねりをかける

Java2DとJava Image Filters(pixels)を使用して、画像にひねりをかけるには、以下のコードを実行します。


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

public class Java2DTest23
{
   public static void main(String args[])
       throws Exception
   {
       /* 画像にひねりをかける */
       BufferedImage img = ImageIO.read(new File("sf2.jpg"));

       TwirlFilter tf = new TwirlFilter();
       /* 角度 */
       tf.setAngle(1.5f);
       /* 中央座標X */
       tf.setCentreX(0.4f);
       /* 中央座標Y */
       tf.setCentreY(0.6f);
       /* 半径 */
       tf.setRadius(150f);

       BufferedImage img2 = tf.filter(img, null);
       ImageIO.write(img2, "jpg", new File("sample550a.jpg"));
   }
}

元画像(sf2.jpg)

出力画像(sample550a.jpg)

Wednesday, September 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>sample549(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 画像を端がちぎれたようなセピア色のスケッチ画像に変換する */
$im = new Imagick("sf.jpg");
/* セピアトーン */
$im->sepiaToneImage(80);
/* スケッチ処理 */
$im->sketchImage(10,0,120);

/* 端がちぎれたようなマスクを作成 */
$px = 10;
$py = 10;
$im2 = new Imagick();
$im2->newImage($im->getImageWidth(), $im->getImageHeight(), "none");
$idraw = new ImagickDraw();
$idraw->setFillColor('white');
$idraw->rectangle($px, $py,
$im->getImageWidth()-$px, $im->getImageHeight()-$py);
$im2->drawImage($idraw);
$im2->spreadImage(5);
$im2->medianFilterImage(3);

/* マスクを使用して切り取り */
$im2->compositeImage($im, Imagick::COMPOSITE_IN, 0, 0, Imagick::CHANNEL_ALL);

/* 白色背景と重ね合わせ */
$im3 = new Imagick();
$im3->newImage($im->getImageWidth(), $im->getImageHeight(), "white");
$im3->compositeImage($im2, Imagick::COMPOSITE_DEFAULT, 0, 0, Imagick::CHANNEL_ALL);

$im3->writeImage('sample549a.jpg');
$im3->destroy();
/* $im2->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
/* $im->clear(); 2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>
<img src="sample549a.jpg" />

</body>
</html>

元画像(sf.jpg)

出力画像(sample549a.jpg)

関連項目
ImageMagickで、画像を端がちぎられたようなスケッチ調の画像に変換する (Convertコマンドでの同様の処理)

Tuesday, September 02, 2008

Java2DとJava Image Filters(pixels)を使用して画像にマーブルフィルタをかける

Java2DとJava Image Filters(pixels)を使用して画像にマーブルフィルタをかけるには、以下のコードを実行します。


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

public class Java2DTest22
{
   public static void main(String args[])
       throws Exception
   {
       /* 画像にマーブルフィルタをかける */
       BufferedImage img = ImageIO.read(new File("sf2.jpg"));

       MarbleFilter mf = new MarbleFilter();
       /* Xスケールの設定 */
       mf.setXScale(8f);
       /* Yスケールの設定 */
       mf.setYScale(8f);
       /* マーブルフィルタをかける量 */
       mf.setAmount(1.0f);
       /* 荒れ具合を指定 */
       mf.setTurbulence(0.7f);

       BufferedImage img2 = mf.filter(img, null);
       ImageIO.write(img2, "jpg", new File("sample548a.jpg"));
   }
}

元画像(sf2.jpg)

出力画像(sample548a.jpg)

Monday, September 01, 2008

Java2DとJava Image Filters(pixels)を使用して画像をステンドグラス風に変換する

Java2DとJava Image Filters(pixels)を使用して画像をステンドグラス風に変換するには、以下のコードを実行します。


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

public class Java2DTest21
{
   public static void main(String args[])
       throws Exception
   {
       /* 画像をステンドグラス状に変換する */
       BufferedImage img = ImageIO.read(new File("sf2.jpg"));

       CrystallizeFilter cf = new CrystallizeFilter();
       /* スケールの設定 */
       cf.setScale(8);
       /* エッジを消すかどうか */
       cf.setFadeEdges(false);
       /* エッジの幅 */
       cf.setEdgeThickness(0.4f);
       /* ランダムさ */
       cf.setRandomness(0.5f);

       BufferedImage img2 = cf.filter(img, null);
       ImageIO.write(img2, "jpg", new File("sample547a.jpg"));
   }
}

元画像(sf2.jpg)

出力画像(sample547a.jpg)

Saturday, August 30, 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>sample546(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 画像を２値化して暗い部分を盛り上がらせる */
$im = new Imagick("sample5r.jpg");
$im->blackThresholdImage('#e0e0e0');
$im->whiteThresholdImage('#e0e0e0');

$im->shadeImage(true, 333, 23);
$im->blurImage(0, 2, Imagick::CHANNEL_ALL);
$im->normalizeImage();

$im2 = new Imagick("sample5r.jpg");
$im2->compositeImage($im, Imagick::COMPOSITE_OVERLAY, 0, 0);

$im2->writeImage('sample546a.jpg');
/* $im2->clear();  2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im2->destroy();
/* $im->clear();  2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>
<img src="sample546a.jpg" />

</body>
</html>

元画像(sample5r.jpg)

出力画像(sample546a.jpg)

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

Friday, August 29, 2008

Java2DとJava Image Filters(pixels)を使用して輝度・コントラストを変更する

Jerry Huxtableさんが公開しているJava Image Filtersを使用して、輝度・コントラストを変更するには、以下のコードを実行します。


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

public class Java2DTest20
{
  public static void main(String args[])
      throws Exception
  {
      /* 明るさ・コントラストを変更する */
      BufferedImage img = ImageIO.read(new File("sf.jpg"));

      ContrastFilter cf = new ContrastFilter();
      /* 明るさを50%に */
      cf.setBrightness(0.5f);
      BufferedImage img2 = cf.filter(img, null);
      ImageIO.write(img2, "jpg", new File("sample545a.jpg"));

      ContrastFilter cf2 = new ContrastFilter();
      /* コントラストを150% */
      cf2.setContrast(1.5f);
      BufferedImage img3 = cf2.filter(img, null);
      ImageIO.write(img3, "jpg", new File("sample545b.jpg"));

  }
}

元画像(sf.jpg)

出力画像(sample545a.jpg)

出力画像(sample545b.jpg)

Wednesday, August 27, 2008

Java2DとJava Image Filters(pixels)を使用して水面の波紋のような効果を処理する

Jerry Huxtableさんが公開しているJava Image Filtersを使用して、画像に水面の波紋のような効果を処理するには、以下のコードを実行します。


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

public class Java2DTest19
{
   public static void main(String args[])
       throws Exception
   {
       /* 水面の波紋のような効果 */
       BufferedImage img = ImageIO.read(new File("sf.jpg"));
       WaterFilter wf = new WaterFilter();
       /* x座標を60%に設定 */
       wf.setCentreX(0.6f);
       /* y座標を60%に設定 */
       wf.setCentreY(0.6f);
       /* 半径を設定 */
       wf.setRadius(100f);
       /* 輪の太さ */
       wf.setWavelength(20);
       /* 振幅 */
       wf.setAmplitude(4);

       BufferedImage img2 = wf.filter(img, null);
       ImageIO.write(img2, "jpg", new File("sample544a.jpg"));
   }
}

元画像(sf2.jpg)

出力画像(sample544a.jpg)

Tuesday, August 26, 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>sample543(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 画像を絵画風に変換する */
$im = new Imagick("sf2.jpg");
$im->spreadImage(1);
$im->medianFilterImage(2);
$im->embossImage(1, 1);

$im->writeImage('sample543a.jpg');
/* $im->clear();  2008/09/30追記：destroyと同様にClearMagicWandを呼ぶので必要なし */
$im->destroy();
?>
<img src="sample543a.jpg" />

</body>
</html>

元画像(sf2.jpg)

出力画像(sample543a.jpg)

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

関連項目
ImageMagickとPHPで画像を点画のように変換する
ImageMagickで画像を絵画風に変換する (Convertコマンドでの同様の処理)

Monday, August 25, 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 Java2DTest18
{
   public static void main(String args[])
       throws Exception
   {
       /* 画像の上に半透明のぼやけた文字列を描画する */

       BufferedImage img = ImageIO.read(new File("sf.jpg"));
       Graphics2D gr = img.createGraphics();

       /* 文字列描画用のBufferedImageを作成 */
       BufferedImage img2 = new BufferedImage(
           img.getWidth(), img.getHeight(),
           BufferedImage.TYPE_INT_ARGB_PRE
       );
       Graphics2D gr2 = img2.createGraphics();
       /* 文字列を描画 */
       gr2.setColor(new Color(0xff, 0xff, 0xff, 0xf0));
       gr2.setFont(new Font(Font.SANS_SERIF, Font.PLAIN, 28));
       gr2.drawString("San Francisco", 10, 150);
       gr2.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);

       /* ぼかした文字列を半透明にして合成 */
       gr.drawImage(img3, 0, 0, null);
       gr.dispose();

       ImageIO.write(img, "jpg", new File("sample542a.jpg"));
   }
}

元画像(sf.jpg)

出力画像(sample542a.jpg)

環境
JDK6 Upadate6(JDK1.6.0_06)

関連項目
Java2Dで文字列をテクスチャ画像で塗りつぶす
Java2Dで文字列を描画する

Sunday, August 24, 2008

Java2Dで画像を反転させる

Java2Dで画像を反転させるには、以下のコードを実行します。


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

public class Java2DTest17
{
   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=0;ly<wr.getHeight();ly++){
           for(int lx=0;lx<wr.getWidth();lx++){
               wr.getPixel(lx, ly, buf);
               buf[0] = (byte)255 - buf[0];
               buf[1] = (byte)255 - buf[1];
               buf[2] = (byte)255 - buf[2];
               wr.setPixel(lx, ly, buf);
           }
       }

       ImageIO.write(img, "jpg", new File("sample541a.jpg"));
   }
}

元画像(sf2.jpg)

出力画像(sample541a.jpg)

Friday, August 22, 2008

Java2Dでコントラストを落とした画像を作成する

Java2Dでコントラストを落とした画像を作成するには、以下のコードを実行します。


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

public class Java2DTest16
{
   public static void main(String args[])
       throws Exception
   {
       /* コントラストを落とした画像を作成する */
       BufferedImage img = ImageIO.read(new File("sf2.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);
               buf[0] = (byte)(buf[0]*0.2 + 256*0.4);
               buf[1] = (byte)(buf[1]*0.2 + 256*0.4);
               buf[2] = (byte)(buf[2]*0.2 + 256*0.4);
               wr.setPixel(lx, ly, buf);
           }
       }

       ImageIO.write(img, "jpg", new File("sample540a.jpg"));
   }
}

元画像(sf2.jpg)

出力画像(sample540a.jpg)

環境
JDK6 Upadate6(JDK1.6.0_06)

Thursday, August 21, 2008

ImageMagickで画像の左上の右下に半透明グラデーションをかける

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

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.4.2-Q16
%im%\convert.exe sf2.jpg ( -size 300x225 xc:black -matte -channel rgba -strokewidth 200 -stroke white +antialias -draw "line 0,225,300,0" -fill #bbddffd0 -opaque black -transparent white -blur 0x20 ) -composite sample539a.jpg

上記バッチファイルでは、極太の線を左下から右上に描画し、白黒の色を半透明の青っぽい
色と透明に変えてからぼかして重ね合わせています。

元画像(sf2.jpg)

出力画像(sample539a.jpg)

Wednesday, August 20, 2008

ImageMagickとPHPで画像を円形に切り取って、点線が回転するアニメーションGIFを作成する

Imagickで画像を円形に切り取って、点線が回転するアニメーション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>sample538(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 画像を円形に切り取って、点線が回転するアニメーションGIFを作成する */
$images = new Imagick();

for($ii=0;$ii<8;$ii++){
 $im = new Imagick('sample3b.jpg');
 $im2 = new Imagick();
 $im2->newImage($im->getImageWidth(), $im->getImageHeight(), "none");
 $idraw = new ImagickDraw();
 $idraw->setFillColor('#ffffff');
 $idraw->ellipse(
   $im->getImageWidth()/2, $im->getImageHeight()/2,
   $im->getImageWidth()/2-2, $im->getImageHeight()/2-2,0,360);
 $im2->drawImage($idraw);
 $idraw->clear();
 $idraw->destroy();
 /* マスクを使用して切り取り */
 $im2->compositeImage($im, Imagick::COMPOSITE_IN, 0, 0, Imagick::CHANNEL_ALL);
 $idraw = new ImagickDraw();
 $idraw->setFillColor("none");
 $idraw->setStrokeColor('#c0b49d');
 /* 点線のスタイル */
 $idraw->setStrokeDashArray(array(4,4));
 /* 点線のオフセット */
 $idraw->setStrokeDashOffset($ii);
 /* 線の太さ */
 $idraw->setStrokeWidth(2);
 $idraw->ellipse(
   $im->getImageWidth()/2, $im->getImageHeight()/2,
   $im->getImageWidth()/2-3, $im->getImageHeight()/2-3,0,360);
 $im2->drawImage($idraw);

 $images->addImage($im2);
/* $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();
}

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

<img src="sample538a.gif" />

</body>
</html>

元画像(sample3b.jpg)

出力画像(sample538a.gif)

Tuesday, August 19, 2008

RMagickで画像を揺らす

RMagickで1/3の位置から画像を揺らすには、以下のコードを実行します。

require 'RMagick'
include Magick

images = ImageList.new("sf2.jpg")
mo = images.fx("j>h/3?p[cos(pi*(j-h/3)/10)*sqrt(j-h/3),0]:p", Magick::AllChannels)
mo.write("sample537a.jpg")

exit

元画像(sf2.jpg)

出力画像(sample537a.jpg)

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

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

Monday, August 18, 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>sample536(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->ellipse(130,110,100,100,0,360);
$im2->drawImage($idraw);
$im2->blurImage(10, 10, Imagick::CHANNEL_ALL);
/* マスクを使用して切り取り */
$im2->compositeImage($im, Imagick::COMPOSITE_IN, 0, 0, Imagick::CHANNEL_ALL);
$im2->resizeImage(200, 225*200/300, imagick::FILTER_MITCHELL, 1);

/* 別の画像 */
$im3 = new Imagick('sf.jpg');
$im3->compositeImage($im2, Imagick::COMPOSITE_DEFAULT, -10, -10);

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

</body>
</html>

元画像(sf.jpg)

元画像(sf.jp2g)

出力画像(sample536a.jpg)

Sunday, August 17, 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>sample535(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->roundrectangle(10,10,214,214,20,20);
$im2->drawImage($idraw);
/* マスクを使用して切り取り */
$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('sample535a.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="sample535a.jpg" />

</body>
</html>

元画像(sf2.jpg)

出力画像(sample535a.jpg)

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

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

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コマンドでの同様の処理)