画像処理についてあれこれ: 2008-08-03

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

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で１ピクセルのラインごとにモーションブラーをかける

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>sample522(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* １ピクセルのラインごとにモーションブラーをかける */
$fn = "sf2.jpg";
$im = new Imagick($fn);
/* １ピクセルラインごとに透過させる */
$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で１ピクセルのラインごとにモーションブラーをかける
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で画像をグラデーションのかかった砂地ぽく加工する