イラストレーター・ライブトレースの使い方

ページ名:イラストレーター_ライブトレースの使い方

Adobe Illustratorのライブトレースを使うと、ラスター画像ファイル(JPEG、PNG、GIF、BMPなど)を簡単にベクターベースの画像に変換できます。ライブトレースを使ってAdobe Illustratorで画像をトレースする方法をご紹介します。

1

Illustratorファイルにラスター画像を配置します。

  1. ベクターに変換するのに最適な画像は、ロゴや漫画の絵のような数色しかない画像です。 多くの色および細部が付いている複雑な写真の実質のイメージをベクターに変えることはあなたのコンピュータの速度を落とし、またはIllustratorが衝突する原因になるかもしれない。 最良の結果を得るために高解像度の画像を選択してください。 ラスター画像を貼り付けるには
    • 上部のメニューバーで「ファイル」をクリックします。
    • 配置をクリックします。
    • ラスター画像ファイル(.jpeg、.jpg、.png、.gif、.bmpなど)を選択します。
    • 配置]をクリックします。
2

配置した画像を選択します。

  1. ツールバーの選択ツールをクリックし、ラスター画像をクリックします。選択ツールには黒いカーソルのアイコンがあり、ツールバーにあります。
3

イメージトレースウィンドウを開きます。

  1. イメージトレースツールを表示するには、このウィンドウをアクティブにする必要があります。そのためには、Illustratorの上部にあるウィンドウメニューをクリックし、イメージトレースを選択します。
    • 旧バージョンのIllustratorを使用している場合は、メニューバーの[オブジェクト]、[ライブトレース]、[トレースオプション]の順にクリックします。
4

イメージトレースのプレビューを有効にします。

  1. プレビュー」ボックスにチェックを入れます。 イメージトレース」ウィンドウの左下にあります。 これにより、画像トレースを適用する前に、画像トレースの結果を確認することができます。
5

クイックスタートのために、イメージトレースプリセットを試してみてください。

  1. すべてのイメージトレース設定を行うプリセットを選択することができます。これはオプションですが、簡単に始めることができます。 プリセット "の隣にあるドロップダウンメニューを使って、プリセットを選択します。 選択肢は以下の通りです:
    • 高忠実度: このプリセットはできるだけ多くの色を保存します。 これはフォトリアリスティックな画像を作成するために使用されますが、コンピュータのプロセッサに負担をかける可能性があります。
    • 低忠実度: このプリセットは、最終的なトレースの色の量を減らします。 簡略化されたフォトリアリスティックな画像を作成するのに適しています。
    • 3色: 数色しかないロゴやドローイングに適したプリセットです。
    • 6色: 最終トレースの色数を6色に制限します。 これは、より複雑なロゴデザインや、いくつかの漫画のドローイングに適しています。
    • 16色: 最終トレースの色数を16色に制限します。 これは、さまざまな色がある漫画のイメージに適しています。
    • シェード・オブ・グレー:グレースケールの画像トレースを作成します。このトレースには黒と白が含まれ、画像に陰影をつけるためにグレーの濃淡があります。
    • 白黒: 黒と白のみの画像を作成します。 このオプションにはグレーのシェードはありません。
    • アウトライン: 黒いアウトラインでトレースされた画像が作成されます。
6

ビューを選択します。

  1. ビューによって、トレースがファイルにどのように表示されるかが決まります。ビュー "の隣にあるドロップダウンメニューを使用して、以下のプレビューモードを選択します:
    • トレース結果: トレース結果: トレース後の画像と同じプレビューが表示されます。
    • アウトライン付きトレース結果: トレース結果を、図形を囲むアウトラインとともに表示します。
    • アウトライン: トレースされた図形の周りのアウトラインのみが表示されます。
    • ソース画像付きアウトライン: 図形の周囲をトレースしたアウトラインを表示し、アウトラインの下に元のラスター画像を表示します。
    • ソース画像: トレースされている元のラスター画像のみが表示されます。
7

モードを選択します。

  1. モードオプションは、トレース画像の色を決定します。モード] の隣にあるドロップダウンメニューを使用して、カラーモードを選択します。 以下のオプションから選択します:
    • カラー:カラー画像を作成します。 このモードを選択すると、"Palette" ドロップダウンメニューの下にスライダーバーが表示され、トレースする画像の色数を選択できます。
    • グレースケール: 黒と白にグレーの濃淡を加えたグレースケール画像を作成します。 このモードを選択すると、"Palette" ドロップダウンメニューの下にスライダーバーが表示され、画像トレースで許可するグレーの濃淡を選択できます。
    • しきい値: このモードでは、黒と白のみで、グレーの濃淡はありません。 このオプションを選択すると、"Threshold "の隣にあるスライダーバーを使って、どの色値で色が黒から白に変わるかを調整できます。
8

パレットを選択します。

  1. モードをカラーまたはグレースケールに設定すると、カラーオプションのパレットを選択できます。しきい値」モードを選択した場合は、カラーパレットは利用できません。 パレット」の隣にあるドロップダウンメニューを使用して、以下のパレットから選択します:
    • 自動: 自動:トレース画像から自動的にカラーパレットを選択します。
    • 限定: このオプションは、カラーパレットで使用するトレース画像を作成するために、ソース画像から限られた数の色を選択します。
    • フルトーン:このオプションは、ソース画像からすべての色を使用してトレース画像を作成します。
    • ドキュメントライブラリ: このオプションでは、パレットのリストから既存のカラーパレットを選択できます。
9

トレースルールの微調整

  1. より精密な調整を行うには、[詳細設定] パネルを使用します。トレースされた画像が正しく表示されない場合は、[詳細設定] をクリックして、より良いトレースのために使用できるスライダやツールを追加できます。
    • パス スライダーバーを使ってパスの設定を調整します。 パス設定を高くすると、トレースされた図形と元のラスター画像との間の距離が短くなります。
    • コーナー: 鋭く曲がった部分がコーナーポイントになる可能性を調整します。
    • ノイズ: ノイズ(Noise) "の隣にあるスライダーバーを使って、トレースによって無視されるピクセル領域を指定します。 値が高いほどノイズは少なくなります。 解像度の高い画像には高い設定を、解像度の低い画像には低い設定を選択します。
    • パスの作成方法を選択するには、2 つの方法オプションのいずれかを選択します:
      • 交差」: この方法には、正方形から切り取られた円のアイコンがあります。 隣り合う図形をトレースするには、この方法を使用します。 あるシェイプのパスは、隣のシェイプのパスと一致します。 図形が重なることはありません。
      • 重なり合う: この方法では、図形の上に図形を重ねることができます。
    • 色で塗りつぶされた領域をトレースされた塗りつぶしシェイプにしたい場合は、"塗りつぶし" の横のボックスをチェックします。
    • トレースされた図形の周りにストローク線を追加するには、"ストローク "の隣にあるボックスをチェックし、矢印を使ってストローク線の太さを定義します。
    • カーブを線にスナップ "の横のチェックボックスをクリックして、わずかにカーブした線を直線としてレンダリングするかどうかを指定します。
    • 元画像の白い部分をトレースで無視したい場合は、「白を無視」の隣にあるチェックボックスをクリックします。
10

画像をトレースします。

  1. トレースを開始するには、トレースをクリックします。イメージトレースウィンドウの右下隅にあります。 これにより、ラスター画像がトレース画像に変換されます。
    • トレース画像の結果に満足できない場合は、選択ツールでトレース画像を選択します。 上部のメニューバーで[オブジェクト]をクリックし、[画像トレース]をクリックします。 トレースを解除] をクリックし、トレースした画像を元のラスター画像の代わりに破棄します。
    • トレースした画像に問題がなければ、Illustratorのツールで編集できる標準的なベクトル図形に変換するために、画像を拡大することができます。 以下の手順で、トレースした画像を展開します:
      • 選択ツールを使用して、トレースした画像を選択します。
      • 上部のメニューバーでオブジェクトをクリックします。
      • 画像トレース]をクリックします。
      • 拡大]をクリックします。
この記事は、CC BY-NC-SAで公開されている「 How to Use Adobe Illustrator Live Trace 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。

シェアボタン: このページをSNSに投稿するのに便利です。

コメント

返信元返信をやめる

※ 悪質なユーザーの書き込みは制限します。

最新を表示する

NG表示方式

NGID一覧