※本ページはプロモーションが含まれています

イラレでの作り方

Illustrator ロゴのトレース【ライブトレース】

2016/08/10

前回記事、Illustrator ロゴのトレース【元画像の配置方法】の続きです。

イラストレーターでロゴをトレースする場合は、ペンツールを利用する方法の他に、ライブトレース機能を利用してトレースする方法もあります。

ただし、ライブトレース機能は、トレース元となる元データが鮮明で綺麗な画像でないと、うまくトレース出来ない事があります。

以下、画像解像度ごとに見ていきましょう。

操作画面は、mac版イラストレーターCS3になります。

ライブトレースの使い方・ロゴトレース編

イラストレーターで新規ドキュメントを開きます。

12081001

最初に、トレース元になる画像を配置します。

画像はリンクで配置して下さい

12081002

配置したら、配置画像をクリックします。
すると、コントロールパネルが上記のように変わりますので、『ライブトレース』の右側にある『▼』形のオプションボタンをクリックして下さい。

12081003

選択画面が出てきますので、トレースオプションを選択します。

12081004

トレースオプションダイアログが開きます。

プリセットを、単色のロゴにします。又、プレビューにもチェックを入れると、トレース具合を確認しながら、調整が出来るようになります。

12081005

上記の例は、解像度も300dpiのフォント画像なので、綺麗に何の問題もなくトレース出来ます。
右上にあるトレースをクリックします。

12081006

最後に、コントロールパネルの拡張ボタンをクリックしたら完成です。

12081007

単色のロゴプリセットは、自動的にホワイトを無視にチェックが入りますので、
黒い文字のロゴ部分だけがトレースされます。

12081008

拡大して見ても綺麗ですね。
名刺などの印刷物だけではなく、看板データなどにもそのまま使えそうです。

ライブトレース・webサイトからのスキャンデータ【その1】

次に、webからスクリーンショットで撮影したロゴをライブトレースでトレースしてみます。

解像度は72dpi。文字はくっきりとしてて、幅は500ピクセルあります。

12081009

拡大して見ると、ちょっとギザギザしてますね。Sの曲線のギザギザが目立ちます。

先程と同様の設定でライブトレースをしてみます。

12081010

線がぐにゃっとしてますね。
このままではロゴのデータとしては厳しいので、若干調整してみます。

12081011

トレースオプションダイアログの各種数値を調整します。

よく使う項目は、しきい値誤差の許容値の二つです。プレビューを見ながら微調整していきます。

12081012

ある程度は、直線を出す事が出来ましたが、よく見るとイマイチですね。

ただし、縮小して使う分には何とかなりそうなレベルでしょうか。

12081013

元の画像サイズが大きいので、ロゴを名刺サイズまで縮小すると、違和感は感じません。

家庭のプリンターで印刷するのであればギリギリ使えそうな気もします。

ロゴを名刺以外に使い回す事を考えると、ちょっと厳しいですね。
ここから更に手作業で修正する事も出来ますが、手間ひまを考えると、最初からペンツールでトレースしたほうが、綺麗で早いでしょう。

ライブトレース・webサイトからのスキャンデータ【その2】

トレースする画像が小さかったり、影やドロップシャドウがかかっていたらお手上げです。

12081014

先程と同様に元の画像は72dpiですが、サイズも小さいので拡大するとギザギザです。

12081015

このような画像にライブトレースはチョット使えません。

スキャナからの取込み画像のライブトレース

12081016

元のデータやスキャナの精度によりますので、一概には言えませんが、
名刺からロゴを取り込もうとすると上記位の画像データになるのではないでしょうか。

12081017

この画像もライブトレースはちょっと厳しいですね。

このようにイラストレーターのライブトレース機能は、写真や絵のトレースには向いているとは思いますが、よほど綺麗なデータからでないと、ロゴのトレースには不向きな場合が多いです。

次回は、ペンツールや図形ツールを利用して、ロゴをトレースしてみます。

(つづく)

次のページ→Illustrator ロゴのトレース【長方形ツールの使い方】

(追記)

ライブトレースは、今は、『画像トレース』と名称が変わりました。

オブジェクト/画像トレースを選択して作成するだけでOKです。

CS3の頃と違い、とても綺麗で簡単に画像のトレースが可能です。

スポンサーリンク

[ad#ad-ms]

おすすめ記事

1

Adobe CCを安く手に入れるには? Adobe CCには、単体プランと、全てのAdobeアプリケーションが使えるコンプリートプランがあります。 公式サイトやAmazon、アカデミック通信講座版の価 ...

-イラレでの作り方