今回はAdobe Illustrator（イラストレーター）で、粗い画像ファイルをトレースしてパス化する方法をご紹介します。
イラストレーターの「画像トレース」を使ったトレース方法で、簡単にパス化することができます。
ただ、画像が小さすぎたり、文字の部分はうまくいかない場合が多いです。
高解像度の画像ファイルをパス化したい時には、かなり綺麗にトレースできます。
同じ内容をYouTubeで動画にして投稿しているので、動画が良い方はチェックしてみてください↓
粗い画像を扱う場面が時々ありますが、まずは今回ご紹介した方法で試してみてください。どうしても限界があるので、画像のサイズ次第、という感じでしょうか。
粗い画像ファイルをパス化する方法
今回は2つのマークを自作したので、この2つのマークをパス化したいと思います。
それぞれ解像度の低い画像（小さい画像）と中サイズの画像の2種類を試します。
イラスト（シンボルマークなど）のトレース
シンボルマークのようなイラストをトレースしてみます。
画像サイズは250ピクセル程度です。おそらく綺麗にトレースするのは難しいと思いますが、ひとまずやってみます。
画像ファイルを選択した状態で、プロパティウィンドウの「画像トレース」のボタンをクリックします。
「写真（高精度）」を選びます。
「画像トレース」の右横にアイコンがあるのでクリックすると、画像トレースのウィンドウが表示されます。このウィンドウで色々と設定ができます。
カラーモードは「カラー」に設定。
パレットは「フル階調」（デフォルト）に設定。他の設定も試してみましたが、今回の画像ではフル階調が一番綺麗にトレースできました。
カラーとノイズを最小サイズに設定します。
方式は「隣接」にチェックを入れます。
シェイプにチェックを入れると四角形などが直線で綺麗にトレースできます。図形が入っている場合はチェックを入れると綺麗にトレースできる場合もあると思います。プレビューで違いを見ながら設定してみてください。
設定が完了したら、最後に右下の「拡張」をクリックしてパスにします。
ぱっと見は綺麗ですが、イラストの上の方はちょっとうまくいっていません。下の画像の右はアウトライン表示です。
ちなみに、方式を「重なり」にすると微妙でした。
下の画像のような感じでパスがズレる感じに。ケースバイケースだと思いますが、基本的には方式は「隣接」がおすすめです。
1300ピクセルサイズでもトレースを試してみました。設定はカラーとノイズを最小に、方式は隣接の設定です。他の部分はデフォルト（初期設定）のままです。
これくらいのサイズがあれば、かなり綺麗にトレースできました。
ロゴデザインのトレース
ロゴデザインも用意したので、このロゴデザインもトレースしてみます。
まずは300ピクセルの小さいサイズでトレースします。
先ほどと同じように、カラーとノイズを最小に、方式は隣接で拡張します。
やはり画像が小さすぎたようで、特に文字の部分は再現ができていません。
今度は1300ピクセル程度の画像でトレースしてみます。設定は同じくカラーとノイズを最小に、方式を隣接で拡張します。
画像ファイルとほぼ変わらない状態で綺麗にトレースできました。
高解像度の画像ファイルはあるけれど、パスにしたい場合はこの「画像トレース」はかなり使えて便利です。
直線がほぼ無いイラストのトレース
最後にイラストACさんのイラストを使って、トレースしたいと思います。
このイラスト素材はそもそもパス化されたものがダウンロードできますが、あえて低画像で書き出しています。
250ピクセルの小さいサイズですが、同じように画像トレースをかけていきます。カラーとノイズを最小に、方式を隣接で拡張します。
驚いたことに、かなり綺麗にトレースできています。細かい部分で言うと正確ではない部分もありますが、この粗い画像でここまで出来れば十分。
直線が無い画像だったり、文字がない場合は粗い画像でも割と綺麗にトレースできるようです。
結局はトレースする画像次第になりますが、「画像トレース」は簡単で便利なので、まずは最初に試してみると良いかと。
トレースの注意点
ロゴをトレースする際の注意点を一応書いておきます。
仕事をしていると、ご依頼を頂いた方から「ロゴを使って欲しい」という要望と共にロゴファイルを頂くのですが、すごく小さいロゴファイルを頂く事があります。
印刷に使用するには小さすぎて使えず（解像度が足りない）、イラストレーターでトレースしてパス化する必要が出てきます。
ただ、基本的にロゴデザインはトレースするのはNGなので（著作権、ロゴの規定など色々と問題があるので）トレースしても良いか、依頼者に確認をしておく必要があります。
正式なロゴファイルを所有していない時点で、トレースすることはほぼ問題ないと思いますが、一応この点だけご注意ください。
ちなみに、他社のロゴデザインを勝手にトレースするのはもちろんNGです。
まとめ
「画像トレース」は非常に便利な機能ですが、画像が粗すぎると細かい部分は正確にトレースが難しいようです。
また、文字（既成のフォント）のような綺麗な直線と曲線が混ざった図形に関しても、「画像トレース」はあまりうまく機能しない感じです。
高画質の画像があって、パス化したい場合はかなり使える機能です。
粗い画像をパス化する必要が出てきた際に、まずはイラストレーターの画像トレースで試してみてください。
個人的にはかなり実用的で便利な機能だと思います。
コメント