1. ホーム
  2. Blog
  3. ImageMagickでデコメ絵文字をつくる方法

ImageMagickでデコメ絵文字をつくる方法

堤 正雄

堤 正雄

技術

はじめまして、ツツミマサオです。
昨年11月にMTLにJOINして携帯サイトを大量に開発してます。

さて、先日、ImageMagickで遊んでみたのですが
なかなかカワイイ画像変換ができたので
個人的にちょっとしたデモサイトを作ってみました。

その名も「デコレマジック」です。

decolemagick.jpg

自分が撮った写真を簡単にデコメ絵文字に変換してくれるサービスです。
カワイイ絵文字になるかどうかは、あなたの写真のコンテンツ力次第。
人物やキャラクターのひとり写真が良い感じに変換されると思いますよ。

デコレマジックの作り方

やっていることは、至ってシンプル。

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で作っているので、これはデコメ絵文字じゃないですね・・・
なので、デコメ絵文字には登録できませんが、お好みでどうぞ。

トップへ戻る