イラストレーターで画像をトレースする方法

Adobe Illustratorで画像をトレースしますか？ Adobe Illustratorは主要なベクターグラフィックエディタプログラムの一つであり、プロのグラフィックデザイナーのための最良の選択です。 Adobe Illustratorで画像をトレースするには、2つの方法があります。 ライブトレース機能を使用して、画像を自動的にトレースすることができます。 より良い結果を得るには、Adobe Illustratorに用意されているツールを使って手動で画像をトレースすることもできます。 このWikiHowでは、Adobe Illustratorで画像をトレースする方法を説明します。

方法1

ライブトレースを使用する

1. Adobe Illustratorで新規プロジェクトを開きます。 Adobe Illustratorには、真ん中に「Ai」と書かれた黄色い四角に似たアイコンがあります。 Adobe Illustratorのアイコンをクリックして、Adobe Illustratorを開きます。 次に、タイトルページの「新規作成」をクリックします。 上部にある意図するタブ（モバイル、ウェブ、印刷、フィルム＆ビデオなど）のいずれかを選択するか、アートボードの高さと幅を入力し、カラーモード（RGB、CMYKなど）を選択します。 その後、[作成]をクリックします。

   • または、Adobe Illustratorの上部にあるメニューバーの[ファイル]をクリックし、[新規作成]をクリックすることで、いつでも新規プロジェクトを開くことができます。
   • すべての画像がAdobe Illustratorでのトレースに適しているわけではありません。 細部まで写実的な画像は、トレースに時間がかかり、コンピュータの処理能力を消費し、大きなファイルを生成する可能性があります。 トレースに最適な画像は、ロゴや漫画の画像、イラストなど、色やディテールが比較的少ないシンプルな画像です。 また、高解像度の画像を使用する必要があります。
2. トレースしたい画像を配置します。 Adobe Illustratorで画像を配置するには、以下の手順に従います：

   • 上部のメニューバーで「ファイル」をクリックします。
   • 配置］をクリックします。
   • トレースしたい画像を選択します。
   • 配置］をクリックします。
   • 画像をクリックし、移動したい場所にドラッグします。
3. 画像を選択します。 選択するには、キーボードのVキーを押すか、ツールバーの黒いマウスカーソルのようなアイコンをクリックして選択ツールを選択します。 次に画像をクリックして選択します。
4. トレースオプションメニューを開きます。 以下の手順で、トレースオプションメニューを開きます：

   • 上部のメニューバーで［オブジェクト］をクリックします。
   • ライブトレース］をクリックします。
   • トレースオプション］をクリックします。
5. トレースオプションを調整します。 トレースオプションメニューのオプションは以下の通りです：

   • プレビュー（Preview）： プレビュー： プレビューの横のチェックボックスをクリックすると、選択したトレースオプションの結果をリアルタイムで見ることができます。
   • プリセット： プリセット」の隣にあるドロップダウンメニューを使用して、プリセットのトレースオプションを選択します。 これにより、メニュー内の他のすべてのトレースオプションが自動的に設定されます。
   • モード： 使用するカラーモードを選択します。 選択肢は "白黒"、"グレースケール"、"カラー "です。 「白黒 "は白黒の色のみを使用します。 「グレースケール "では、白と黒、そしてさまざまな色合いのグレーを使用します。 「カラー "では、さまざまな色を使用できます。
   • しきい値： しきい値は白黒モードでのみ使用されます。 どのような濃淡の色が黒または白に変換されるかを設定します。
   • パレット： 画像をカラーまたはグレースケールに変換する際に使用する特定のカラーパレットを選択できます。 このオプションは白黒モードでは使用できません。
   • 最大色数： 画像トレースで使用できる色またはグレーの最大数を設定します。
   • スウォッチに出力する：画像トレースで使用した色をスウォッチとして保存し、後で使用したい場合は、"スウォッチに出力 "の隣にあるチェックボックスをクリックします。
   • ぼかし: トレースする前に元のソース画像をぼかします。 これにより、ギザギザのエッジを滑らかにし、シミの数を減らすことができます。 このスライダーバーを使って、画像をトレースする前にどの程度ぼかすかを選択します。
   • 再サンプル このオプションは、画像をトレースする前に、元の画像を指定の解像度に再サンプルします。 これにより、トレース処理を高速化できますが、結果が劣化することもあります。
   • 塗りつぶし 塗りつぶし]の横のチェックボックスをクリックすると、トレース結果に色またはグレーの濃淡で塗りつぶされた領域が作成されます。
   • ストローク： ストローク(Strokes) "の横のチェックボックスをクリックすると、塗りつぶされた領域の周囲にストロークが作成され、塗りつぶされた領域の輪郭を描くことができます。
   • ストロークの最大太さ： これは、ストロークに変換するために、元画像の領域の大きさを指定します。 指定したストロークの太さより大きい領域は、代わりに塗りつぶしに変換されます。
   • 最小ストローク長： ストロークとしてトレースするために必要な、元画像の領域の最小の長さを指定します。
   • パスのフィッティング 元画像のピクセルとトレースされた形状の間の距離を指定します。 低く設定すると、ピクセル画像の周囲にタイトなパスが作成されます。
   • 最小面積： トレースできる元画像の最小ピクセル数を指定します。
   • コーナーパス： トレース結果のアンカーポイントとしてトレースするために、コーナーをどの程度シャープにするかを指定します。
   • ラスター： Raster "の隣にあるドロップダウンメニューを使用して、トレース結果でオリジナル画像をどのように表示するかを指定します。
   • ベクター： Vector "の隣にあるドロップダウンメニューを使用して、トレースされた画像の表示方法を指定します。
6. トレースをクリックします。 トレースオプションメニューのオプションを調整し終わったら、トレースをクリックしてトレース結果を適用します。
7. 画像が選択されたままであることを確認します。 アートボード上の画像の周りに青いバウンディングボックスが表示されているはずです。 画像の周りに青いバウンディングボックスが表示されていない場合は、選択ツールで画像をクリックして選択します。
8. トレース結果を展開します。 これにより、トレース結果がトレースされた画像に適用され、トレースされた画像のベクターポイントや色を編集できるようになります。 以下の手順で、トレース結果を展開します。

   • 上部のメニューバーで［オブジェクト］をクリックします。
   • ライブトレース］をクリックします。
   • 展開]をクリックします。

方法2

画像を手動でトレースする

1. Adobe Illustratorで新規プロジェクトを開きます。 Adobe Illustratorには、真ん中に「Ai」と書かれた黄色い四角に似たアイコンがあります。 Adobe Illustratorのアイコンをクリックして、Adobe Illustratorを開きます。 次に、タイトルページの「新規作成」をクリックします。 上部にある意図するタブ（モバイル、ウェブ、印刷、フィルム＆ビデオなど）のいずれかを選択するか、アートボードの高さと幅を入力し、カラーモード（RGB、CMYKなど）を選択します。 その後、[作成]をクリックします。

   • または、Adobe Illustratorの上部にあるメニューバーの[ファイル]をクリックし、[新規作成]をクリックすることで、いつでも新規プロジェクトを開くことができます。
   • すべての画像がトレースに適しているわけではありません。 フォトリアリスティックでディテールの多い画像は、トレースするのが非常に難しく、容量が大きくなってしまいます。 トレースに最適なのは、比較的色数の少ないシンプルな画像です。 カートゥーン画像、アートワーク、ドローイング、ロゴ、イラストは、Illustratorでトレースするのに理想的です。
2. トレースしたい画像を配置します。 以下の手順で、Illustratorに画像を配置します：

   • 上部のメニューバーで「ファイル」をクリックします。
   • 配置］をクリックします。
   • トレースしたい画像を選択します。
   • 配置］をクリックします。
   • 画像をクリックし、移動したい場所にドラッグします。
3. 新しいレイヤーを作成します。 新規レイヤーを作成するには、レイヤーパネルを開き、レイヤーパネルの下部にある紙を模したアイコンをクリックします。 レイヤーパネルは、2つの正方形を重ねたようなアイコンです。

   • レイヤーパネルが表示されていない場合は、上部のメニューバーで「ウィンドウ」をクリックします。 次に「レイヤー」をクリックします。
   • レイヤーは必要なだけ追加できます。 作業しているうちに、図面の異なる部分に異なるレイヤーを作成したくなるかもしれません。
   • レイヤー内のオブジェクトが視界を遮っている場合は、レイヤーパネルのレイヤーの横にある目玉アイコンをクリックして、そのレイヤーを隠すことができます。 または、Ctrlキー（Macの場合はCommandキー）を押しながらレイヤーの横にある目玉アイコンをクリックすると、色なしで輪郭線だけを表示することもできます。
4. 元の画像でレイヤーをロックします。 これを行うには、レイヤーパネルの元画像のあるレイヤーの左にある目玉アイコンの横にある空白の四角をクリックします。 これでレイヤーが固定され、誤って画像を選択して移動してしまうのを防ぐことができます。
5. スポイトツールを使って色を選択します。 画像をトレースする際に色を選択する最も簡単な方法は、スポイトツールを使用することです。 ツールバーのスポイトに似たアイコンをクリックするか、キーボードの「i」を押してスポイトツールを選択します。 次に、画像のなぞりたい部分をクリックして色を選択します。

   • Adobe Illustratorでは、塗りつぶしの色とストロークの色の2種類があります。 塗りつぶしの色は、図形の領域の色です。塗りつぶしの色は、ツールバーの下にある塗りつぶされた色の四角をクリックすることで選択できます。 ストロークとは、図形の輪郭の色です。 ストロークの色は、ツールバーの一番下にある色のついた枠の四角をクリックすることで選択できます。
   • 塗りつぶしまたはストロークの色をオフにしたい場合は、塗りつぶしまたはストロークの色ボックスをクリックし、赤い線で囲まれた白いスウォッチをクリックします。
6. 図形ツールを使って簡単な図形を作成する シェイプツールを使って、円や長方形などの簡単な図形を作成できます。 シェイプツールを選択するには、ツールバーの長方形に似た長方形ツールをクリックしたままにします。 次に使いたいシェイプツールをクリックします。 トレースしたい形状の上をクリックしてドラッグします。

   • Shiftを押しながらクリック＆ドラッグすると、長方形ツールや楕円ツールを使って完全な正方形や円を作ることができます。
   • 図形の中には、多角形の辺の数など、図形の属性を調整できるメニューがあるものもあります。 シェイプツールのメニューを開くには、シェイプツールを選択し、アートボード上で一度クリックします。
   • パスファインダーを使ってシェイプを組み合わせたり、既存のシェイプからシェイプを切り出したりすることもできます。 パスファインダーを見つけるには、上部のメニューバーでウィンドウをクリックし、パスファインダーをクリックします。 重なっている2つ以上の図形をクリックし、パスファインダパネルで使いたいオプションをクリックします。
7. より複雑な図形をなぞるにはペンツールを使います。 ツールバーの万年筆の先端に似たアイコンをクリックするか、キーボードのPを押してペンツールを選択します。 次に、以下の手順でペンツールを使って画像をなぞります：

   • 線の始点をクリックします。
   • 線の終点をクリックして直線を作成します。
   • クリックしたままドラッグして曲線を描きます。
   • 別の点をクリックして、同じカーブを描く別の線を作成します。
   • 線または曲線の描画を停止または方向を変更するには、アンカーポイントをクリックします。
   • 図形を完成させるには、始点のアンカーポイントをクリックします。
8. 形状を調整するには、サブ選択ツールを使用します。 シェイプの調整が必要な場合は、サブ選択ツールを使って行うことができます。 ツールバーの白いマウスカーソルのようなアイコンをクリックして、サブ選択ツールを選択します。 次に、以下の手順でシェイプの調整を行います。

   • 線上のアンカーポイントをクリックして選択します。
   • ハンドル（ベジエ曲線）をクリックしてドラッグし、線のカーブを調整する。
   • アンカーポイントをクリックしてドラッグし、移動する。
9. グラデーションツールを使ってカラーブレンドを追加します。 グラデーションツールを使うと、図形にカラーブレンドを加えることができます。 グラデーションを使ってオブジェクトにメタリックな光沢を加えたり、丸いオブジェクトにグラデーションブレンドを使って立体的に見せることができます。 次のステップを使います

   • グラデーションを追加したいオブジェクトを選択します。
   • ウィンドウ]の後に[グラデーション]をクリックし、[グラデーション]メニューを開きます。
   • ドロップダウンメニューを使用して、線形または放射状のグラデーションを選択します。
   • カラーストリップの下にあるカラーストップの1つをダブルクリックします（カラーストリップの下をクリックすると、さらにストップが追加されます）。
   • スウォッチからストップの色を選択します。
   • ストップを追加する場合はこれを繰り返します。
   • サンプルウィンドウのグラデーションブレンドをクリックし、シェイプにドラッグします。
   • キーボードのGを押してグラデーションツールを選択します。
   • シェイプ上をクリック＆ドラッグして、グラデーションブレンドの方向を調整します。
10. オブジェクトを前後に動かす レイヤーの中には様々なオブジェクトが重なっていることがあります。 時には、オブジェクトを前景に移動させたり、背景に押し戻したりする必要があります。 オブジェクトを前後に移動させるには、以下のステップを使います：

    • 移動したいオブジェクトやシェイプを選択します。
    • オブジェクトをクリックします。
    • 配置]をクリックします。
    • オブジェクトを前方に移動するには、[前方に移動] をクリックします。
    • オブジェクトをレイヤーの前面に移動するには、Bring to Front をクリックします。
    • Send Backward をクリックすると、オブジェクトを1インクリメント分後ろに移動します。
    • Send to Back をクリックすると、オブジェクトがレイヤーの一番後ろに移動します。

この記事は、CC BY-NC-SAで公開されている「 How to Trace an Image in Adobe Illustrator 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。