Illustratorの画像トレースがうまくいかないときの対処法
ボタンがグレーのまま、結果が真っ白、形が崩れる。それぞれの原因と直し方です。
Illustratorの画像トレースがうまく動かないとき、原因はほぼ3つのどれかです。ボタンがグレーで押せないのは、選択しているものが普通のラスター画像ではないから。結果が白くなったり消えたりするのは、Illustratorが白を「何もない」として扱うから。トレースはできても形がガタガタの塊になるのは、プリセットが画像に合っていないからです。
それぞれに手早い対処法があり、以下で紹介します。試してもまだ形がおかしい場合や、そもそもIllustratorを持っていない場合は、下に画像をドロップしてください。きれいなベクターをSVG、AI、EPS、PDFでダウンロードして、Illustratorで開けます。
お手持ちの画像で試す
Illustratorで開けるきれいなSVG
画像トレースがグレーで押せないのはなぜ?
画像トレースが使えるのはラスター画像、つまり配置したPNG、JPG、TIFF、PSDのピクセルだけです。それ以外のものを選択していると、コマンドはグレーのままです。次の順に確認しましょう。
- 何も選択していないか、画像以外のものまで選択している。選択ツールで画像だけをクリックします。パネルで選択中のものがグループ、パス、クリップグループと表示されるなら、画像が別のものに包まれています。
- 画像がクリッピングマスクやグループの中にある。ペーストした画像はマスクがかかった状態で入ってくることがよくあります。マスクを解除する(「オブジェクト>クリッピングマスク>解除」)か、グループをダブルクリックして中に入り、画像そのものを選択します。
- アートワークがすでにベクターになっている。配置したPDF、AI、SVG、ライブテキスト、描いた図形には、トレースするものがありません。どうしてもトレースしたいなら、先に「オブジェクト>ラスタライズ」でラスタライズします。
- 効果をかけた図形は、ピクセルのように見えてもベクターのオブジェクトのままです。先にラスタライズしましょう。
- 画像を選択しているのに、画像トレースパネルのオプションがグレーになっている。最初のトレースの前はこれが普通です。トレースを一度クリックすれば、設定が使えるようになり、結果に反映されます。
画像トレースで画像が白くなる・消えるのはなぜ?
ホワイトを無視がオンのとき、Illustratorはトレース中に白を無視します。プリセットによってはこれがオンになります。透明な背景の上の白いロゴは、トレースするものが何も残らないので、結果が空になるか、白いアートボード上では見えない白い四角になります。
- 白いアートワーク:画像を黒に反転し(画像編集ソフトで、または埋め込み画像なら「編集>カラーを編集>カラー反転」で)、トレースしてから、結果を白で塗りつぶします。
- 白黒モードでは、しきい値が低すぎるとほとんど全部が白になります。暗い部分が戻ってくるまで上げましょう。
- 「作成して拡張」のあとで画像が消えた:取り消して、先にトレースを実行して確認し、それから拡張します。「作成して拡張」では設定を調整する機会がありません。
- トレース結果にアウトラインを重ねて見る表示に切り替えると、図形はあるのに白で塗られているだけなのかを確認できます。
Illustratorできれいにトレースするには
- 画像を配置し(「ファイル>配置」)、画像だけを選択します。
- 「ウィンドウ>画像トレース」を開きます。単色のロゴや文字ならカラーモードを白黒に。色のあるロゴならカラーを選び、色数をロゴに本当にある色の数まで減らします。
- 白黒モードでは、細い線がつながり、背景がきれいになるまでしきい値を動かします。
- 「詳細」を開きます。パスを下げると曲線がゆるやかでなめらかに、コーナーを上げると丸まってしまう角がとがり、ノイズを上げると小さな点が消えます。
- スタンプやカットデータなど、暗い形だけが欲しいときはホワイトを無視をオンにします。
- トレースをクリックし、曲線と角を拡大して確認しながら調整します。満足したら拡張をクリックして(または「オブジェクト>画像トレース>拡張」)、編集できるパスにします。
画像トレースが遅い、または固まったように見えるときは、画像トレースがすべてのピクセルを処理しているためです。6000pxの写真は1500pxのロゴよりはるかに時間がかかり、プリセットの「写真(高精度)」は何千ものパスを作ってIllustratorを重くします。ロゴや線画なら、トレースの前に画像を適度なサイズまで縮小し、色数の少ないプリセットを使いましょう。
画像トレースで十分なとき
コントラストの強い白黒のロゴ、シルエット、きれいな線画なら、白黒のプリセットで少し調整した画像トレースで、問題なく使える図形になります。すでにIllustratorを契約していて、400%に拡大しても結果がきれいなら、そのまま使いましょう。
苦手なのは、解像度が低い画像やJPEGで圧縮された画像の、色のあるロゴです。よくある症状は、元はきれいな弧だった部分の曲線がよれる、1色の面が微妙に違う何十もの色に分かれる、色と色の間に細いすき間ができる、形に必要な数よりはるかに多いアンカーポイントができる、などです。どれも直すには、拡張したあとの手作業が増えます。
画像トレースのかわりになる方法
- Illustratorがない:Inkscapeは無料で、「パス>ビットマップのトレース」があります。Inkscape「ビットマップのトレース」の設定をご覧ください。
- 色がばらばらになる:上の変換ツールで「色」をパレットにし、ロゴの色の数を正確に選ぶと、ほぼ同じ色合いが1つのフラットな色にまとまります。ロゴが写真と判定された場合は、先に画像の種類をなめらかにしましょう。そうしないと色の数が反映されません。
- 曲線がよれる、ポイントが多すぎる:なめらかさをなめらかな曲線の方向に、アンカーポイントを少なくの方向に動かします。詳しくはSVGのアンカーポイントが多すぎる原因で解説しています。
- 結局Illustratorで使いたい:AIかSVGでダウンロードして、Illustratorで開きます。色ごとに別の図形になっているので、色を変えるのも簡単です。

ロゴから始めるなら、ロゴをベクター化のページが向いています。スキャンした絵やスケッチには手描きの絵をベクター化をお使いください。