ImageMagickで吹き出しを作成する - その３

ImageMagickで影付き吹き出しを作成するには
以下のバッチファイルを実行します。

set im=C:\Progra~1\ImageMagick-6.3.0-Q16
%im%\convert.exe -size 200x150 xc:none -fill #fce769 -stroke #f6b739 -strokewidth 4 -draw "roundrectangle 5,5 194,99 20,20" -stroke #fce769 -draw "polygon 70,99 50,149 80,99" -stroke #f6b739 -draw "polyline 60,99 70,99 50,149 80,99 89,99" ( +clone -background #707070 -shadow 97x4+4+4 ) +swap -background #ffffff -mosaic sample44a.gif



影を斜めにつけるには、縦方向をaffine&transformで縮めて、
shearで傾けます。

set im=C:\Progra~1\ImageMagick-6.3.0-Q16
%im%\convert.exe -size 200x150 xc:none -fill #fce769 -stroke #f6b739 -strokewidth 4 -draw "roundrectangle 5,5 194,99 20,20" -stroke #fce769 -draw "polygon 70,99 50,149 80,99" -stroke #f6b739 -draw "polyline 60,99 70,99 50,149 80,99 89,99" ( +clone -background #d0d0d0 -shadow 97x4+4+4 -affine 1,0,0,0.5,0,75 -transform -shear 30x0 ) +swap -background #ffffff -mosaic sample44b.gif



関連項目
ImageMagickで、半透明グラデーションの吹き出しを描画する
ImageMagickで、明度を変えた吹き出しを描画する

ImageMagickで枠をつける

ImageMagickで枠をつけるには、以下のバッチファイルのように
-borderで幅・高さ、-bordercolorで枠の色を指定することで
できます。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.0-Q16
%im%\convert.exe sample2bg.jpg -bordercolor #e2dcce -border 10x10 sample37a.jpg
%im%\convert.exe sample2bg.jpg -bordercolor #fbfaf7 -border 10x10 -bordercolor #918164 -border 5x5 sample37b.jpg

元画像(sample2bg.jpg)


出力画像(sample37a.jpg)


出力画像(sample37b.jpg)


関連項目
ImageMagickとPHPで、画像に枠をつける
im4javaで画像に枠をつける

ImageMagickでグラデーションの斜線を重ね合わせる

ImageMagickでグラデーションの斜線を重ね合わせるには
以下のようなバッチファイルで実行できます。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.0-Q16
rem マスク作成
%im%\convert.exe -size 100x100 xc:#ff0000ff -channel RGBA -fx "(i+j)%%5==0?u:0" mask.png
rem 半透明グラデーション
%im%\convert.exe -size 100x100 mask.png -channel A -fx "(i+j)%%5==0?((h-j)/h)*0.9:0" mask2.png
rem 重ね合わせ
%im%\convert.exe -size 100x100 sample2bg.jpg -matte -channel RGBA mask2.png -compose atop -composite sample36.jpg

元画像(sample2bg.jpg)


マスク(mask.png)


グラデーションのかかったマスク(mask2.png)


出力結果(sample36.jpg)

ImageMagickで斜線を重ね合わせる

ImageMagickで斜線を重ね合わせるには、
以下のバッチファイルのように斜線のマスクを作成してから
重ね合わせます。
-fxの式のシンボルの意味は以下の通りです。
i : カラムオフセット
j : 行オフセット
u : 最初のイメージシーケンス

set im=C:\Progra~1\ImageMagick-6.3.0-Q16
%im%\convert.exe -size 100x100 xc:#ffff00ff -channel RGBA -fx "(i+j)%%5==0?u:0" mask.png
%im%\convert.exe -size 100x100 sample2bg.jpg -matte -channel RGBA -antialias mask.png -compose atop -composite sample35.jpg

元画像(sample2bg.jpg)


出力結果(sample35.jpg)

ImageMagickで半透明の文字を描画する

ImageMagickで半透明の文字を描画するには、
fill-opacityで透明度を指定します。

サンプルバッチファイル
set im=C:\Progra~1\ImageMagick-6.3.0-Q16
%im%\convert.exe -size 200x150 xc:#f2ede9 -fill #74a2c3 -pointsize 30 -draw "fill-opacity 0.3 text 20,100 Sample text 25,90 Transparent" sample34.jpg

出力画像(sample34.jpg)