イラストレーターで画像をトレースする方法をお探しですね。
広告
手書きイラストや写真を、Illustratorで編集できるデータに変換しよう!
手書きで描いた味のあるイラストや、スマホで撮った写真を、Illustratorで自由に編集できたらいいなと思ったことはありませんか?でも、ペンツールで一からなぞるのはすごく時間がかかるし、初心者には難しいですよね。
そんなときに便利なのが、Illustratorに最初から入っている「画像トレース」という機能なんです。
この記事では、手書きイラストや画像を数回クリックするだけでベクターデータに変換する方法と、きれいに仕上げるためのコツを分かりやすく紹介します。
画像トレース機能って何?ベクター化のメリットと準備のポイント
Illustratorの画像トレース機能は、写真やイラストなどのピクセルでできた画像(ラスター画像)を、点と線で作られたデータ(ベクター画像)に自動で変えてくれる便利なツールです。
ベクター画像にすると、どれだけ拡大・縮小しても画質が荒れないし、あとから色や形も自由に変えられるようになります。
ロゴを作ったり、オリジナルグッズを作ったり、印刷物の素材を作るときに、手書きの温かみを活かしたいなら欠かせない機能ですね。
ただ、この機能をうまく使うには、Illustratorに取り込む前の「準備」がとても大切です。
画像トレースは、画像の中の色の違い(コントラスト)を読み取ってパスを作ります。
なので、元の画像の線が薄かったり、背景に影が映っていたりすると、いらないゴミまで拾ってしまったり、線が途切れてしまったりするんです。
きれいにベクター化するには、イラストを描くときになるべく濃い黒のペンを使って、真っ白い紙に描くのがおすすめです。
スマホで撮影するときは、影が入らないように明るい場所で撮りましょう。
できれば、スマホの写真編集機能やPhotoshopを使って、先にコントラストを強めに調整しておくといいですよ。
白と黒の境界線がくっきりしている画像を用意することが、トレースを成功させる一番のポイントです。
Illustratorで画像をベクター化する基本のやり方
準備ができたら、実際にIllustratorで画像をベクター化してみましょう。
基本の操作はとってもシンプルで、初めての人でもすぐにできるようになります。
まず、新しいドキュメントを作って、「ファイル」メニューの「配置」から、ベクター化したい画像をアートボードに読み込みます。
画像を読み込んだら、選択ツールでクリックして選択状態にしてください。
すると、画面上のコントロールパネル(またはプロパティパネル)に「画像トレース」というボタンが出てくるので、これをクリックします。
そうするとIllustratorが自動で画像を解析して、ベクター化したプレビューが表示されます。
でも、ここで終わりじゃないんです。
「画像トレース」ボタンを押しただけの状態は、まだ「トレースした結果を見ている状態」で、自由に編集できるパスデータにはなっていません。
完全にベクターデータとして使えるようにするには、必ず「拡張」という作業が必要です。
画像トレースをした後、パネルの上に出てくる「拡張」ボタンをクリックしましょう。
これで初めて、画像がパスとアンカーポイントの集まりになって、線や色を変えたり、形を調整したりできるようになります。
思い通りに変換!画像トレースパネルの設定とコツ
基本のやり方で変換しただけだと、線が細すぎたり、細かい部分がつぶれてしまったりすることがあります。
そんなときは、「画像トレースパネル」を開いて細かい設定を調整してみましょう。
パネルは、上のメニューの「ウィンドウ」から「画像トレース」を選ぶと表示されます。
パネルの設定を理解すれば、自分の思い通りの仕上がりに近づけることができますよ。
プリセットとカラーモードを選ぼう
パネルの上には「プリセット」という項目があって、「白黒のロゴ」「3色変換」「写真(高精度)」など、用途に合わせた設定が最初から用意されています。
手書きの線画なら「白黒のロゴ」を選ぶのが基本です。
カラーのイラストや写真をそのままの色でパス化したいときは、モードを「カラー」に変えて、使う色の数を調整します。
しきい値と詳細設定を調整しよう
白黒でトレースするとき、一番大事なのが「しきい値」のスライダーです。
数値を大きくすると、より多くの部分が黒として認識されて線が太くなります。
逆に小さくすると線が細くなって、薄い汚れなどは無視されるようになります。
「詳細」をクリックして開くと、「パス」「コーナー」「ノイズ」という項目が出てきます。
元の絵に忠実にガタガタ感を残したいときはパスやコーナーの数値を高くして、なめらかな線にしたいときは数値を低く設定しましょう。
ノイズの数値を調整すると、スキャンしたときに入ってしまった小さなホコリやゴミを自動で消すこともできます。
「ホワイトを無視」機能を使おう
手書きイラストをグッズなどに使うとき、線の周りの「白い背景」が残っていると邪魔になることがあります。
そんなときは、詳細設定の一番下にある「ホワイトを無視」というチェックボックスをオンにしてください。
これにチェックを入れてから拡張すると、白い部分が透明な状態でパス化されるので、背景を切り抜く手間が省けて便利です。
トレース後にやっておきたい仕上げと、よくある困りごとの解決法
無事に画像をパス化して「拡張」まで終わった後も、やっておいた方がいい仕上げの作業がいくつかあります。
画像トレース機能は元の画像を忠実に再現しようとするあまり、必要以上にたくさんのアンカーポイント(パスの頂点)を作ってしまうことがあるんです。
パスが多すぎるとデータが重くなって、動作が遅くなる原因になります。
パスの単純化でデータを軽くしよう
データが重いと感じたら、「パスの単純化」という機能を使ってみましょう。
オブジェクトを選んだ状態で、上のメニューの「オブジェクト」から「パス」、「単純化」の順にクリックします。
表示されるスライダーを調整すると、見た目の形はほとんど変えずに、無駄なアンカーポイントだけを減らすことができます。
特に複雑な写真や、かすれた手書き風の線をトレースした後は、この作業をするとデータが扱いやすくなりますよ。
よくある困りごと:部分的に色を変えられない
拡張した後に「特定のパーツだけ色を変えたいのに、全体の色が変わっちゃう」という困りごともよく起こります。
これは、拡張した直後のデータがすべて「グループ化」されているからなんです。
色や形を個別に編集したいときは、オブジェクトを選んで右クリックして、「グループ解除」を一回または何回か行ってください。
グループが解除されれば、ダイレクト選択ツールなどを使って、パーツごとに色を塗ったり線を消したりすることが自由にできるようになります。
画像トレースはとても便利なツールですが、こうした仕上げの作業と組み合わせることで、もっとプロっぽいデータが作れるようになります。
ぜひ試してみてくださいね!
広告
