librsvgを使用して画像の彩度をおとす

librsvgを使用して画像の彩度をおとすには、以下のsvgファイルを処理します。

saturate.svg

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  width="200" height="200">

<defs>
<!-- 彩度を落とす -->
<filter id="sf" filterUnits="userSpaceOnUse" x="0" y="0" width="200" height="200" >
  <feColorMatrix in="SourceGraphic" type="saturate" values="0.5" />
</filter>
</defs>

<image x="0" y="0" width="200" height="200"
xlink:href="sf.jpg" filter="url(#sf)">
<title>sf.jpg</title>
</image>
</svg>

コマンド
rsvg-convert saturate.svg -f png -o sample705.png

元画像(sf.jpg)


出力画像(sample705.png)


○関連項目
・librsvgをwindowsで使用してSVGからPNG画像を生成する (librsvgをWindowsで使用する方法)
・libsvgに関する他の記事はこちらを参照してください。

ImageMagickで放射グラデーションを描画する

ImageMagickで放射グラデーションを描画するには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.4.4-Q16
%im%\convert.exe -size 200x200 radial-gradient:#bbddff-#ffffff sample704a.png

出力画像(sample704a.png)


関連項目
ImageMagickとPHPで放射グラデーションを描画する　（Imagickでの同様の処理）
RMagickで放射グラデーションを描画する　（RubyとRmagickでの同様の処理）

librsvgを使用して画像をセピア調に変換する

librsvgを使用して画像をセピア調に変換するには、以下のsvgファイルを処理します。

sepia.svg

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   width="200" height="200">

<defs>
 <filter id="sf" filterUnits="userSpaceOnUse" x="0" y="0" width="200" height="200" >
   <feColorMatrix in="SourceGraphic" type="matrix" result="grayscale"
     values="0.33 0.33 0.33 0.00 0.00
             0.33 0.33 0.33 0.00 0.00
             0.33 0.33 0.33 0.00 0.00
             0.00 0.00 0.00 1.00 0.00" />
   <!-- 0xd0/0xff=0.82 0xa0/0xff=0.63 0x50/0xff=0.31 -->
   <feColorMatrix in="grayscale" type="matrix"
     values="0.82 0.00 0.00 0.00 0.00
             0.00 0.63 0.00 0.00 0.00
             0.00 0.00 0.31 0.00 0.00
             0.00 0.00 0.00 1.00 0.00" />
 </filter>
</defs>

<image x="0" y="0" width="200" height="200"
 xlink:href="sf.jpg" filter="url(#sf)">
 <title>sf.jpg</title>
</image>
</svg>

コマンド
rsvg-convert sepia.svg -f png -o sample702.png

元画像(sf.jpg)


出力画像(sample702.png)


○関連項目
・librsvgをwindowsで使用してSVGからPNG画像を生成する (librsvgをWindowsで使用する方法)
・librsvgで画像をグレースケールに変換する
・libsvgに関する他の記事はこちらを参照してください。

Python Imaging Libraryで画像をセピア調に変換する

Python Imaging Libraryで画像をセピア調に変換するには、以下のコードを実行します。

# coding=UTF-8
import Image
import ImageOps

# 画像をセピア調に変換する
img1 = Image.open("sf.jpg")
#img2 = ImageOps.grayscale(img1)
for ly in range(img1.size[1]):
	for lx in range(img1.size[0]):
		pv = img1.getpixel((lx, ly))
		pv2 = (pv[0]+pv[1]+pv[2])/3
		pr = int(pv2 *0xd0/0xff)
		pg = int(pv2 *0xa0/0xff)
		pb = int(pv2 *0x50/0xff)
		img1.putpixel((lx,ly), (pr,pg,pb))
img1.save("sample701a.png")

元画像(sf.jpg)


出力画像(sample701a.png)


関連情報
Python Imaging Libraryまとめ

librsvgを使用して、画像に半透明ぼかしの文字列を描画する

librsvgを使用して、画像に半透明ぼかしの文字列を描画するには、以下のsvgファイルを処理します。

blurred-text.svg

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   width="200" height="200">

<defs>
 <g id="mes">
   <text x="3%" y="65%" font-family="Arial" font-size="30"
     fill="#ffffff" fill-opacity="0.8" filter="url(#gbf)">San Francisco
   </text>
 </g>
 <filter id="btf" filterUnits="userSpaceOnUse" x="0" y="0" width="200" height="200" >
   <feImage xlink:href="#mes" result="mes"/>
   <feGaussianBlur in="mes" stdDeviation="1.5" result="bt"/>
   <feComposite in="bt" in2="SourceGraphic" operator="over" />
 </filter>
</defs>

<image x="0" y="0" width="200" height="200"
 xlink:href="sf.jpg" filter="url(#btf)">
 <title>sf.jpg</title>
</image>
</svg>

コマンド
rsvg-convert blurred-text.svg -f png -o sample700.png

元画像(sf.jpg)


出力画像(sample700.png)

○関連情報
・libsvgに関する他の記事はこちらを参照してください。

librsvgを使用して画像をシャープにする

librsvgを使用して画像をシャープにするには、以下のsvgファイルを処理します。

sharpen.svg

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   width="200" height="200">

<defs>
 <filter id="sf">
   <feConvolveMatrix in="SourceGraphic" order="3"
    kernelMatrix="0 -0.2 0  -0.2 1.8 -0.2  0 -0.2 0" />
 </filter>
</defs>

<image x="0" y="0" width="200" height="200"
 xlink:href="sf.jpg" filter="url(#sf)">
 <title>sf.jpg</title>
</image>
</svg>

コマンド
rsvg-convert sharpen.svg -f png -o sample699.png

元画像(sf.jpg)


出力画像(sample699.png)

○関連情報
・libsvgに関する他の記事はこちらを参照してください。

librsvgを使用して画像の端を暗くする

librsvgを使用して画像の端を暗くするには、以下のSVGファイルを処理します。

edge-darkening.svg

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  width="200" height="200">

<defs>
<!-- 端が透明なマスク -->
<g id="maskimage"
  x="0" y="0" width="200" height="200">
  <rect x="0" y="0" width="200" height="200" fill="#ffffff"/>
</g>
<!-- 黒背景 -->
<g id="bg">
  <rect x="0" y="0" width="200" height="200" fill="#000000" />
</g>
<filter id="edf">
  <!-- マスクイメージをぼかす -->
  <feImage xlink:href="#maskimage" result="maskimage"/>
  <feGaussianBlur in="maskimage" stdDeviation="8" result="blurred"/>
  <!-- マスクイメージを使用して切り取り -->
  <feComposite in="SourceGraphic" in2="blurred" operator="in" result="iwt"/>
  <!-- 半透明画像と黒背景を重ね合わせ -->
  <feImage xlink:href="#bg" result="bg"/>
  <feComposite in="iwt" in2="bg" operator="over" />
</filter>
</defs>

<image x="0" y="0" width="200" height="200"
xlink:href="sf.jpg" filter="url(#edf)">
<title>sf.jpg</title>
</image>
</svg>

コマンド
rsvg-convert edge-darkening.svg -f png -o sample698.png

元画像(sf.jpg)


出力画像(sample698.png)


○関連項目
・librsvgを使用して画像の端をぼかす
・librsvgをwindowsで使用してSVGからPNG画像を生成する (librsvgをWindowsで使用する方法)
・libsvgに関する他の記事はこちらを参照してください。

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 Java2DTest60
{
   public static void main(String args[])
       throws Exception
   {
       /* プラズマ画像を生成する */
       BufferedImage img = new BufferedImage(
           200, 200, BufferedImage.TYPE_INT_RGB
       );
       PlasmaFilter pf = new PlasmaFilter();
       /* 乱れを設定する(0-10) */
       pf.setTurbulence(1.1f);
       /* seed設定 */
       pf.setSeed(318);

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

出力画像(sample660a.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/

librsvgを使用して画像が徐々にグレースケールになるように変換する

librsvgを使用して画像が徐々にグレースケールになるように変換するには、以下のsvgファイルを処理します。

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  width="200" height="200">

<defs>
<!-- 半透明グラデーション -->
<linearGradient id="tg" x1="0%" y1="0%" x2="100%" y2="0%">
  <stop offset="0%" stop-color="#ffffff" stop-opacity="1"/>
  <stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
</linearGradient>
<!-- 半透明グラデーション画像 -->
<g id="gltr">
  <rect x="0" y="0" width="200" height="200" fill="url(#tg)" />
</g>
<filter id="mgf" >
  <!-- 白黒画像 -->
  <feColorMatrix in="SourceGraphic" type="matrix"
    values="0.33 0.33 0.33 0.00 0.00
            0.33 0.33 0.33 0.00 0.00
            0.33 0.33 0.33 0.00 0.00
            0.00 0.00 0.00 1.00 0.00" result="mono"/>
  <feImage xlink:href="#gltr" result="gltr"/>
  <!-- 半透明グラデーション画像を使用して切り取り -->
  <feComposite in="SourceGraphic" in2="gltr" operator="in" result="grad"/>
  <!-- 白黒画像と半透明グラデーション画像を重ね合わせ  -->
  <feComposite in="grad" in2="mono" operator="over"/>
</filter>
</defs>

<image x="0" y="0" width="200" height="200"
xlink:href="sf.jpg" filter="url(#mgf)">
<title>sf.jpg</title>
</image>
</svg>

コマンド
rsvg-convert monotone-gradient.svg -f png -o sample697.png

元画像(sf.jpg)


出力画像(sample697.png)


○関連項目
・librsvgで画像をグレースケールに変換する
・libsvgに関する他の記事はこちらを参照してください。

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 Java2DTest59
{
   public static void main(String args[])
       throws Exception
   {
       /* 画像をシャープにする */
       BufferedImage img = ImageIO.read(new File("sf.jpg"));
       SharpenFilter sf = new SharpenFilter();

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

元画像(sf.jpg)


出力画像(sample659a.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/

Python Imaging Libraryで画像を円形にぼかす

Python Imaging Libraryで画像を円形にぼかすには、以下のコードを実行します。

# coding=UTF-8
import Image
import ImageDraw
import math

# 画像のぼけた円で切り取る
#xx=i/w-.5; yy=j/h-.5; rr=xx*xx+yy*yy; 1-rr*4
img1 = Image.open("sf.jpg")
img2 = Image.new("L", img1.size, 1)
for ly in range(img2.size[1]):
 for lx in range(img2.size[0]):
  img2.putpixel((lx,ly),
  int((1-(pow(lx/float(img2.size[0])-0.5, 2)+
  pow(ly/float(img2.size[1])-0.5, 2))*4)*255))
img1.putalpha(img2)
# pngで保存
img1.save("sample652a.png")

# 白背景と合成してjpegで保存
img3 = Image.new("RGB", img1.size, "#ffffff")
img3.paste(img1, mask=img1)
img3.save("sample652b.jpg")

元画像(sf.jpg)


出力画像1(sample652a.png)



出力画像2(sample652b.jpg)



関連項目
Python Imaging Libraryまとめ
Python Imaging Libraryで画像の端を半透明にぼかす
Python Imaging Libraryで画像をぼかした円で切り取る

Python Imaging Libraryで画像の端を半透明にぼかす

Python Imaging Libraryで画像の端を半透明にぼかすには、以下のコードを実行します。

# coding=UTF-8
import Image
import ImageDraw
import math

# 画像の端を半透明にしてぼかし
img1 = Image.open("sf.jpg")
img2 = Image.new("L", img1.size, 1)
for ly in range(img2.size[1]):
 for lx in range(img2.size[0]):
  img2.putpixel((lx,ly),
  int(((1-pow(2*lx/float(img2.size[0])-1.0, 4))*
  (1.0-pow(2*ly/float(img2.size[1])-1.0, 4)))*255))
img1.putalpha(img2)
# pngで保存
img1.save("sample651a.png")

# 白背景と合成してjpegで保存
img3 = Image.new("RGB", img1.size, "#ffffff")
img3.paste(img1, mask=img1)
img3.save("sample651b.jpg")

元画像(sf.jpg)


出力画像1(sample651a.png)


出力画像2(sample651b.png)


関連項目
Python Imaging Libraryまとめ
Python Imaging Libraryで画像の端を半透明にぼかす
Python Imaging Libraryで画像をぼかした円で切り取る

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>sample703(ImageMagick6.4.4)</title>
</head>
<body>
<?php
 /* 画像の指定された点を中心として徐々に白黒化する */
$cx = 150;
$cy = 100;
$cr = 150;
$im = new Imagick("sf.jpg");
$im->setImageMatte(true);

/* 指定された点から徐々に透明になるようにalphaを設定 */
$it = $im->getPixelIterator();
foreach($it as $py => $line){
 foreach($line as $px => $pixel){
   $pa = 1-sqrt(pow($cx-$px,2)+pow($cy-$py,2))/$cr;
   $pa = $pa<0?0:$pa;
   $pixel->setColorValue(Imagick::COLOR_ALPHA, $pa);
 }
 $it->syncIterator();
}
/* グレースケール画像と重ね合わせ */
$im2 = new Imagick("sf.jpg");
$it2 = $im2->getPixelIterator();
foreach($it2 as $py => $line){
 foreach($line as $px => $pixel){
   $pr = $pixel->getColorValue(Imagick::COLOR_RED);
   $pg = $pixel->getColorValue(Imagick::COLOR_GREEN);
   $pb = $pixel->getColorValue(Imagick::COLOR_BLUE);
   $pixel->setColorValue(Imagick::COLOR_RED, ($pr+$pg+$pb)/3);
   $pixel->setColorValue(Imagick::COLOR_GREEN, ($pr+$pg+$pb)/3);
   $pixel->setColorValue(Imagick::COLOR_BLUE, ($pr+$pg+$pb)/3);
 }
 $it2->syncIterator();
}
$im2->compositeImage($im, Imagick::COMPOSITE_DEFAULT, 0, 0);
$im2->writeImage('sample703a.png');

$im2->destroy();
$im->destroy();
?>
<img src="sample703a.png" />

</body>
</html>

元画像(sf.jpg)


出力画像(sample703a.png)


関連項目
ImageMagickとPHPで青っぽいところ以外を白黒にする
ImageMagickで、マスクした部分を白黒に変換する
ImageMagickとPHPで、画像の緑っぽい所以外は白黒にする

Python Imaging Libraryで画像をぼかした円で切り取る

PILで画像をぼかした円で切り取るには、以下のコードを実行します。

# coding=UTF-8
import Image
import ImageFilter
import ImageDraw

# 半透明円の切り取りをする
img1 = Image.open("sf.jpg")
img2 = Image.new("RGBA", img1.size, "#000000")
mask = Image.new("L", img1.size, 1)
draw = ImageDraw.Draw(mask)
draw.ellipse((10,10,img1.size[0]-11,img1.size[1]-11), fill="#ffffff")
del draw
mask = mask.filter(ImageFilter.BLUR)
img2.paste(img1, (0,0))
img2.putalpha(mask)
# PNGで保存
img2.save("sample650a.png")
# 白背景と合成してjpegで保存
img3 = Image.new("RGB", img1.size, "#ffffff")
img3.paste(img2, mask=img2)
img3.save("sample650b.jpg")

元画像(sf.jpg)


出力画像1(sample650a.png)


出力画像2(sample650b.jpg)


関連情報
Python Imaging Libraryまとめ

librsvgで画像を反転させる

librsvgで画像を反転させるには、以下のsvgファイルを処理します。

invert.svg

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  width="200" height="200">

<defs>
<filter id="if" >
  <feColorMatrix in="SourceGraphic" type="matrix" values="-1,0,0,0,1 0,-1,0,0,1 0,0,-1,0,1 0,0,0,1,0"/>
</filter>
</defs>

<image x="0" y="0" width="200" height="200"
xlink:href="sf.jpg" filter="url(#if)">
<title>sf.jpg</title>
</image>
</svg>

コマンド
rsvg-convert invert.svg -f png -o sample696.png

元画像(sf.jpg)


出力画像(sample696.png)

○関連情報
・libsvgに関する他の記事はこちらを参照してください。

Python Imaging Libraryで画像のシャープネスを上げる・下げる

PILで画像のシャープネスを上げたり下げたりするには、以下のコードを実行します。

# coding=UTF-8
import Image
import ImageEnhance

# 画像のシャープネスを下げる
img1 = Image.open("sf.jpg")
iec1 = ImageEnhance.Sharpness(img1)
img2 = iec1.enhance(0.5)
img2.save("sample649a.jpg",quality=80)
# 画像のシャープネスを上げる
iec2 = ImageEnhance.Sharpness(img1)
img3 = iec2.enhance(1.5)
img3.save("sample649b.jpg",quality=80)

元画像(sf.jpg)


出力画像1(sample649a.jpg)


出力画像2(sample649b.jpg)


関連情報
Python Imaging Libraryまとめ

Python Imaging Libraryで画像のコントラストを上げる・下げる

ＰＩＬで画像のコントラストを上げたり下げたりするには、以下のコードを実行します。

# coding=UTF-8
import Image
import ImageEnhance

# 画像のコントラストを上げる
img1 = Image.open("sf.jpg")
iec1 = ImageEnhance.Contrast(img1)
img2 = iec1.enhance(1.5)
img2.save("sample648a.jpg",quality=80)
# 画像のコントラストを下げる
iec2 = ImageEnhance.Contrast(img1)
img3 = iec2.enhance(0.5)
img3.save("sample648b.jpg",quality=80)

元画像(sf.jpg)


出力画像1(sample648a.jpg)


出力画像2(sample648b.jpg)


関連情報
Python Imaging Libraryまとめ

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>sample668(ImageMagick6.4.2)</title>
</head>
<body>
<?php
/* 画像を反転させる */
$im = new Imagick('sf.jpg');
$im->negateImage(false);
$im->writeImage('sample668a.jpg');
$im->destroy();
?>
<img src="sample668a.jpg" />

</body>
</html>

元画像(sf.jpg)


出力画像(sample668a.jpg)


関連項目
ImageMagickとPHPで画像上に描画した文字列以外の部分をグレースケールにする
ImageMagickとPHPで、画像をエンボス処理する

Python Imaging Libraryを使用して画像を暗くする

PILを使用して画像を暗くするには、以下のコードを実行します。

# coding=UTF-8
import Image
import ImageEnhance

# 画像を暗くする
img1 = Image.open("sf.jpg")
ieb = ImageEnhance.Brightness(img1)
img2 = ieb.enhance(0.5)
img2.save("sample647a.jpg",quality=80)

元画像(sf.jpg)


出力画像(sample647a.jpg)


関連情報
Python Imaging Libraryまとめ

ImageMagickで画像の一部の矩形領域を明るくする

ImageMagickで画像の一部の矩形領域を明るくするには、以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.4.3-Q16
%im%\convert.exe sf.jpg -region 100x100+50+50 -modulate 120 sample646a.png

元画像(sf.jpg)


出力画像(sample646a.png)


関連項目
ImageMagickで画像の暗い部分を明るくする
ImageMagickで逆光で暗くなった部分（青色部分以外）を明るくする
ImageMagickで画像のレベルを変更する