画像処理についてあれこれ: 2008-06-01

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)

元画像２(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>

元画像１(sample3b.jpg)

元画像２(sample4.jpg)

元画像3(sample6.jpg)

出力画像(sample405a.jpg)

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

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