![]()
ImageMagickでデコメ絵文字をつくる方法
はじめまして、ツツミマサオです。
昨年11月にMTLにJOINして携帯サイトを大量に開発してます。
さて、先日、ImageMagickで遊んでみたのですが
なかなかカワイイ画像変換ができたので
個人的にちょっとしたデモサイトを作ってみました。
その名も「デコレマジック」です。

自分が撮った写真を簡単にデコメ絵文字に変換してくれるサービスです。
カワイイ絵文字になるかどうかは、あなたの写真のコンテンツ力次第。
人物やキャラクターのひとり写真が良い感じに変換されると思いますよ。
デコレマジックの作り方
やっていることは、至ってシンプル。
1.アップロード写真を一時保存(upfile.jpg)
2.アップロード写真を50px×50pxに縮小してスケッチ調に変換(deco_00.png)
3.アニメーションGIFのキャンパスを定義
4.スケッチ調画像をキャンパスに配置して保存(deco_01.png)
5.縦反転した画像を保存(deco_02.png)
6.反転した画像2点をアニメーションGIFに変換(decolemagick.gif)
これらの処理をImageMagickのコマンドベースで実行しています。
以下、PHPでの実行例です。
exec('convert upfile.jpg -resize 50 -crop 50x50-0-0 -modulate 100,250 -sketch 0x30+135 deco_00.png');
exec('convert -size 50x50 xc:white -matte -channel rgba -fill white -draw "ellipse 25,25,24,24,0,360" -blur 0x1 deco_00.png -compose src_in -composite deco_01.png');
exec('convert deco_01.png -flop deco_02.png');
exec('convert -delay 100 -loop 0 deco_0[1-2].png decolemagick.gif');
ちなみに、コマンドベースで実行するよりも、
PHPのImagickクラスを使って実行する方が3倍処理が速いそうです。
ImageMagickのインストール
WindowsにImageMagickをインストールする場合は次のような感じです。
1.ここからプログラム一式をダウンロード
2.適当に配置(C:\ImageMagick)
3.環境変数の「Path」に配置先を設定(C:\ImageMagick;)
4.とりあえず再起動
5.コマンドプロンプトを起動して「convert」コマンドとか打ってみる
6.ヘルプっぽいのが表示されたら完了!
これで、ローカル環境でImageMagickのテストができます。
あとは、ImageMagickが動くレンタルサーバなどにアップすれば
デコメ絵文字サービスの出来上がりです。
ぜひ、お試しあれ!!
追記: デコメ絵文字は20dot×20dotだった
つくってから気がついたんですが、
ドコモもAUもデコメ絵文字の定義は「画像サイズが20dot×20dot」でしたね。
デコレマジックは、50dot×50dotで作っているので、これはデコメ絵文字じゃないですね・・・
なので、デコメ絵文字には登録できませんが、お好みでどうぞ。
