ImageMagickで画像を立体的な角丸四角に加工する

ImageMagickで画像を立体的な角丸四角に加工するには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.3-Q16
rem 角丸四角で切り抜いて
%im%\convert.exe -size 100x100 xc:none -channel RGBA -fill white -draw "roundrectangle 5,5 94,94 10,10" sample2bg.jpg -compose src_in -composite sample139a.png
rem 立体化
%im%\convert.exe -size 100x100 xc:none -fill white -draw "roundrectangle 5,5 94,94 10,10" -shade 135x23 -blur 0x2 -normalize sample139a.png -compose overlay -composite sample139b.png

元画像(sample2bg.jpg)

出力画像(sample139b.png)

ImageMagickで画像を光沢のある角丸四角にする

ImageMagickで画像を光沢のある角丸四角にするには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.3-Q16
rem M moveto(x, y)
rem L lineto(x, y)
rem A elliptical arc(rx ry x-axis-rotation large-arc-flag sweep-flag x y)
%im%\convert.exe sample2bg.jpg ( -size 100x30 xc:none -tile gradient:#D0D0D070-#FFFFFFD0 -draw "path 'M 99,0 L 0,0 L0,30 A 99,19 0 0,1 99,10 Z" ) -composite sample138.jpg
%im%\convert.exe -size 100x100 xc:none -channel RGBA -fill white -draw "roundrectangle 0,0 99,99 10,10" sample138.jpg -compose src_in -composite sample138.png

元画像(sample2bg.jpg)

出力画像(sample138/png)

ImageMagickで円形に広がるアニメーションGIFを作成する

ImageMagickで円形に広がるアニメーションGIFを作成するには、
以下のバッチファイルを実行します。

rem 環境によって変えてね
set im=C:\Progra~1\ImageMagick-6.3.3-Q16

%im%\convert.exe -size 100x100 sample4.jpg ( xc:none -channel RGBA -fill #ffffffff -background none -draw "circle 60,60 50,50" -negate ) -background #ffffdd -compose screen -composite f1.png
%im%\convert.exe -size 100x100 sample4.jpg ( xc:none -channel RGBA -fill #ffffffff -background none -draw "circle 60,60 45,44" -negate ) -background #ffffdd -compose screen -composite f2.png
%im%\convert.exe -size 100x100 sample4.jpg ( xc:none -channel RGBA -fill #ffffffff -background none -draw "circle 60,60 40,40" -negate ) -background #ffffdd -compose screen -composite f3.png
%im%\convert.exe -size 100x100 sample4.jpg ( xc:none -channel RGBA -fill #ffffffff -background none -draw "circle 60,60 35,35" -negate ) -background #ffffdd -compose screen -composite f4.png
%im%\convert.exe -size 100x100 sample4.jpg ( xc:none -channel RGBA -fill #ffffffff -background none -draw "circle 60,60 30,30" -negate ) -background #ffffdd -compose screen -composite f5.png
%im%\convert.exe -size 100x100 sample4.jpg ( xc:none -channel RGBA -fill #ffffffff -background none -draw "circle 60,60 25,25" -negate ) -background #ffffdd -compose screen -composite f6.png
%im%\convert.exe -size 100x100 sample4.jpg ( xc:none -channel RGBA -fill #ffffffff -background none -draw "circle 60,60 20,20" -negate ) -background #ffffdd -compose screen -composite f7.png
%im%\convert.exe -size 100x100 sample4.jpg ( xc:none -channel RGBA -fill #ffffffff -background none -draw "circle 60,60 15,15" -negate ) -background #ffffdd -compose screen -composite f8.png
%im%\convert.exe -size 100x100 sample4.jpg ( xc:none -channel RGBA -fill #ffffffff -background none -draw "circle 60,60 10,10" -negate ) -background #ffffdd -compose screen -composite f9.png
%im%\convert.exe f1.png f2.png f3.png f4.png f5.png f6.png f7.png f8.png f9.png sample4.jpg -set delay 20 -loop 0 sample62.gif

元画像(sample4.jpg)

出力画像(sample62.gif)