Photoshop をはじめとしたソフトウェアを使って扱うグラフィックはピクセルが集まって表現されるラスターイメージと呼ばれています。それに対し、点・線・面の属性を記録してイメージを描写しているのがベクターイメージです。ベクターイメージはイメージのサイズや角度を変えても品質の劣化することがないので、イラストやアイコン作りに適しています。Adobe IllustratorCorelDRAWなどベクターグラフィックを扱うソフトウェアは幾つかあり、複雑なベクターイメージを作成するための機能が実装されています。これらのソフトを使いゼロから絵を描くこともありますが、何か手本になるものをトレースしてベクターイメージを作成することもあると思います。しかし、複雑な画像になればなるほど、色のバランスや後で編集しやすいように図形を描いていかなくてはならないので、大変な作業になってしまいます。

オンライン上で作業工程を確認しながら手軽にベクターイメージを作れるのが「Vector Magic」というサービスです。画像をアップロードして、幾つかの質問に答えるだけで質の高いベクターイメージを作成してくれます。アンチエイリアスの有無、色の数、アップロードした画像の画質、ディテールのきめ細かさ。これらを決めてボタンをクリックするだけで、パラメーターの調整や数値を入力するといった面倒な作業はありません。完成した画像は、EPSやSVGといったベクターイメージ形式だけでなくPDFやPNGといったラスターイメージとしてもダウンロードすることができます。

会員にならなくても、Vector Magicの機能を使うことができるので、まずは何か画像をアップロードしていろいろ試してみてください

作ったベクターイメージをダウンロードしたい場合、会員登録が必要になります。情報を入力後、確認メールが送信されるので、メールにあるURLをクリックして登録完了になります

会員登録をすると無料で2回までVector Magicを利用することができます。それ以降はTokenというクレジットを購入してベクター化することができます。1画像を変換するのに1Tokenが必要で、5Token単位で購入できます。Tokenを毎回購入するか、有料会員になり無制限に使用するか、いずれかのオプションが用意されていますが、1ヶ月に2回以上サービスを利用するならば、無制限に使える有料会員になるのがお勧めです。一度ベクター化したイメージは会員ページから何度でもダウンロードすることが可能です。

画面右側にある選択肢をクリックするだけという簡単プロセス。何度でもやり直すことができるので、英語が分からなくても、クリックしながら気軽に試すことができます

完成図。ステップの途中の設定を変更することもできますし、最初からやり直すこともできます。会員登録をしなくても PNG であれば無料でダウンロードできます

一つで1画像変換できるTokenの購入は5つから、1ヶ月無制限のプランの契約は3ヶ月単位になっています

一度作ったベクターイメージは会員ページに履歴として掲載され、何度でもダウンロードができます

ラスターイメージをベクターイメージに変換する機能はAdobe Illustratorにも実装されています。[オブジェクト]→[ライブトレース]→[トレースオプション]で様々な設定を行ってベクター化することができます。Adobe Illustrator CS2以上であれば、あらかじめ実装されている機能なので、ソフトウェアを既に持っている方はライブトレースを使ったほうがコストパフォーマンスは高いですが、Vector MagicはAdobe Illustratorとは描写の傾向が違うので、トレースをする機会が多い方はVector Magicを併用してみると良いでしょう。

Illustrator に実装されているライブトレース機能。Vector Magic よりさらに細かい設定ができる。トレース後、拡張すればパスを変更するといった操作も可能

左がVector Magic、右がIllustratorで変換した画像。ほぼ同じ設定でベクター化してみたときの比較。Illustratorのほうがパスの数が少ないが、輪郭の描き方や詳細の描写が荒く感じられます

IllustoratorだけでなくVector Magicにも言えることですが、トレースの技術は年々精度が上がってきていますが、万能というわけではありません。トレースしたいイメージを最適化したり、トレース時の設定を少し工夫するだけでベクター化したイメージの質が良くなることがあります。低解像度でスキャンした画像など画質が悪いイメージは色が分散して見える場合があります。こうした場合、ベクター化するときの色の数を減らすとはっきりとした線が描かれます。Photoshopなどのグラフィックソフトウェアにある「明るさ・コントラスト」や「レベル補正」を使って必要ないディテールをあらかじめ飛ばしておくと、よりイラストっぽいベクターイメージを作り出せます。白黒のベクターイメージが欲しい場合ではわざとグレーと白に設定してトレースするとディテールを失わずに済みます。

左が Vector Magicで右がIllustratorで変換した画像。縮小画面だと分かり難いですが Illustrator には図形の間にわずかながら隙間が見えます

複製だけでなく、色の変更、大きさや角度を変えても劣化することなく奇麗に描写されます

ベクターイメージを作成するのが苦手な方も、まずはトレースから始めると、どうやって描いたら良いのか次第に分かってきます。Vector MagicやIllustoratorの機能を使って、ベクターイメージのおもしろさに触れてみてはいかがでしょうか。