マニュアル キャンセル

画像トレースを使用して画像をベクターに変換する

  1. Illustrator ユーザーガイド
  2. Illustrator とは
    1. Illustrator の概要
      1. Illustrator の新機能
      2. よくある質問
      3. Illustrator の必要システム構成
      4. Apple Silicon での Illustrator の使用
      5. GPU パフォーマンス
    2. ワークスペース
      1. ワークスペースの基本
      2. ドキュメントの作成
      3. Illustrator のもっと知るパネルで学習を高速化
      4. コンテキストタスクバーを使用してワークフローを加速
      5. ツールバー
      6. デフォルトのショートカットキー
      7. ショートカットキーのカスタマイズ
      8. アートボード入門
      9. アートボードの管理
      10. ワークスペースのカスタマイズ
      11. プロパティパネル
      12. 環境設定の指定
      13. タッチワークスペース
      14. Illustrator での Microsoft Surface Dial のサポート
      15. 編集の取り消しとデザインヒストリーの管理
      16. ビューを回転
      17. 定規、グリッド、ガイド
      18. Illustrator でのアクセシビリティ
      19. アートワークの表示
      20. Illustrator での Touch Bar の使用
      21. ファイルとテンプレート
    3. Illustrator のツール
      1. ツール一覧
      2. 選択ツール
        1. 選択
        2. ダイレクト選択
        3. グループ選択
        4. 自動選択
        5. 投げ縄
        6. アートボード
      3. ナビゲートツール
        1. 手のひら
        2. ビューを回転
        3. ズーム
      4. ペイントツール
        1. グラデーション
        2. メッシュ
        3. シェイプ形成
      5. テキストツール
        1. 文字
        2. パス上文字
        3. 縦書き文字
      6. 描画ツール
        1. ペン
        2. アンカーポイントの追加
        3. アンカーポイントの削除
        4. アンカーポイント
        5. カーブ
        6. 直線セグメント
        7. 長方形
        8. 角丸長方形
        9. 楕円形ツール
        10. 多角形
        11. スター
        12. ペイントブラシ
        13. 塗りブラシ
        14. 鉛筆
        15. Shaper
        16. スライス
      7. 変更ツール
        1. 回転
        2. リフレクト
        3. 拡大/縮小
        4. シアー
        5. 自由変形
        6. スポイト
        7. ブレンド
        8. 消しゴム
        9. はさみ
        10. Dimension
    4. 生成 AI(中国本土ではご利用いただけません)
      1. テキストプロンプトを使用したシーン、被写体、アイコンの生成
      2. テキストプロンプトを使用したベクターパターンの生成
      3. テキストプロンプトを使用したベクターシェイプの塗りつぶしの生成
      4. テキストプロンプトを使用したアートワークの再配色
    5. クイックアクション
      1. レトロテキスト
      2. ネオン光彩テキスト
      3. 学校の古いテキスト
      4. アートワークを再配色
      5. スケッチをベクターに変換
  3. Illustrator iPad 版
    1. Illustrator iPad 版のご紹介
      1. Illustrator iPad 版の概要
      2. Illustrator iPad 版についてのよくある質問
      3. 必要システム構成 | Illustrator iPad 版
      4. Illustrator iPad 版で実行できる操作とできない操作
    2. ワークスペース
      1. Illustrator iPad 版のワークスペース
      2. タッチショートカットとジェスチャー
      3. Illustrator iPad 版のキーボードショートカット
      4. アプリ設定を管理
    3. ドキュメント
      1. Illustrator iPad 版でのドキュメントの操作
      2. Photoshop および Fresco ドキュメントの読み込み
    4. オブジェクトの選択と配置
      1. リピートオブジェクトの作成
      2. オブジェクトのブレンド
    5. 描画
      1. パスの描画と編集
      2. シェイプの描画と編集
    6. 文字
      1. テキスト編集とフォントの操作
      2. パス上のテキストデザインの作成
      3. カスタムフォントを追加
    7. 画像を操作
      1. ラスタライズ画像のベクター化
    8. カラー
      1. カラーとグラデーションの適用
  4. クラウドドキュメント
    1. 基礎知識
      1. Illustrator クラウドドキュメントの操作
      2. Illustrator クラウドドキュメントの共有と共同作業
      3. ドキュメントをレビュー用に共有
      4. Adobe Illustrator 用のクラウドストレージのアップグレード
      5. Illustrator クラウドドキュメント | よくある質問
    2. トラブルシューティング
      1. Illustrator クラウドドキュメントの作成または保存時のトラブルシューティング
      2. トラブルシューティング:Illustrator クラウドドキュメントで発生する問題
  5. コンテンツの追加と編集
    1. 描画
      1. 描画の基本
      2. パスの編集
      3. ピクセルパーフェクトなアートの描画
      4. ペンツール、曲線ツール、または鉛筆ツールを使用した描画
      5. 単純な線とシェイプの描画
      6. 長方形グリッドと同心円グリッドの描画
      7. フレアの描画と編集
      8. 画像をトレース
      9. パスの単純化
      10. シンボルツールとシンボルセット
      11. パスセグメントの調整
      12. 5 つの簡単なステップで花をデザイン
      13. 遠近グリッドの作成と編集
      14. 遠近法グリッド上でのオブジェクトの描画と変更
      15. 繰り返し使用するためのシンボルとしてのオブジェクトの使用
      16. Web ワークフローのピクセル整合パスの描画
    2. 計測
      1. 寸法を測定して入力
    3. 3D オブジェクトおよびマテリアル
      1. Illustrator の 3D 効果について
      2. 3D グラフィックの作成
      3. 3D オブジェクトへのアートワークのマッピング
      4. 3D テキストの作成
      5. 3D オブジェクトの作成
    4. カラー
      1. カラーについて
      2. カラーの選択
      3. スウォッチの使用と作成
      4. カラー調整
      5. Adobe Color テーマパネルの使用
      6. カラーグループ(カラーハーモニー)
      7. Color テーマパネル
      8. アートワークの再配色
    5. ペイント
      1. ペイントについて
      2. 塗りと線を使用したペイント
      3. ライブペイントグループ
      4. グラデーション
      5. ブラシ
      6. 透明と描画モード
      7. オブジェクトにストロークを適用する
      8. パターンの作成と編集
      9. メッシュ
      10. パターン
    6. オブジェクトの選択と配置
      1. オブジェクトの選択
      2. レイヤー
      3. オブジェクトの展開、グループ化、グループ化解除
      4. オブジェクトの移動、整列、分布
      5. パス上でオブジェクトを整列、配置、移動
      6. オブジェクトをグリフにスナップ
      7. オブジェクトを日本語のグリフにスナップ
      8. オブジェクトの重ね合わせ    
      9. オブジェクトのロック、非表示、および削除
      10. オブジェクトのコピーと複製
      11. オブジェクトの回転とリフレクト
      12. オブジェクトのクロスと重なり
      13. 写実的なアートのモックアップを作成
    7. オブジェクトのリシェイプ
      1. 画像の切り抜き
      2. オブジェクトの変形
      3. オブジェクトの組み合わせ
      4. オブジェクトのカット、分割、トリミング
      5. パペットワープ
      6. オブジェクトの拡大・縮小、傾斜、および変形
      7. オブジェクトのブレンド
      8. エンベロープを使用した変形
      9. 効果を使用したオブジェクトの変形
      10. Shaper ツールやシェイプ形成ツールを使ったシェイプの新規作成
      11. ライブコーナーの操作
      12. リシェイプワークフローの強化とタッチ操作のサポート
      13. クリッピングマスクの編集
      14. ライブシェイプ
      15. シェイプ形成ツールを使用したシェイプの作成
      16. オブジェクトを一括選択
    8. 文字
      1. テキストの追加とテキストオブジェクトの操作
      2. 文字組み更新
      3. 箇条書きの作成
      4. テキストエリアの管理
      5. フォントとテキスト編集
      6. 画像内のテキストを編集可能なテキストに変換
      7. テキストへの基本的な書式の追加
      8. テキストへの詳細フォーマットの追加
      9. テキストの読み込みと書き出し
      10. 段落の書式設定
      11. 特殊文字
      12. パステキストの作成
      13. 文字スタイルと段落スタイル
      14. タブ
      15. Adobe Fonts から環境にないフォントを追加
      16. アラビア語およびヘブライ語のテキスト
      17. フォント | FAQ とトラブルシューティングのヒント
      18. クリエイティブなタイポグラフィデザイン
      19. 文字の拡大・縮小と回転
      20. 行間と字間
      21. ハイフネーションと改行
      22. スペルチェックと言語の辞書
      23. 日本語の書式設定
      24. アジア言語スクリプト用コンポーザー
      25. ブレンドオブジェクトを使用したテキストデザインの作成
      26. 画像トレースを使用したテキストポスターの作成
    9. 特殊効果の作成
      1. 効果の操作
      2. グラフィックスタイル
      3. アピアランス属性
      4. スケッチとモザイクの作成
      5. ドロップシャドウ、光彩、ぼかし
      6. 効果のまとめ
    10. Web グラフィック
      1. Web グラフィック作成に対する最善の取り組み
      2. グラフ
      3. SVG
      4. スライスと画像マップ
  6. 読み込み、書き出し、保存
    1. インポート
      1. 複数ファイルの配置
      2. リンクされたファイルと埋め込みファイルの管理
      3. リンク情報
      4. 画像の埋め込み解除
      5. Photoshop からのアートワークの読み込み
      6. ビットマップ画像の読み込み
      7. Adobe PDF ファイルの読み込み
      8. EPS ファイル、DCS ファイルおよび AutoCAD ファイルの読み込み
    2. Illustrator の Creative Cloud ライブラリ 
      1. Illustrator の Creative Cloud ライブラリ
    3. 保存と書き出し
      1. アートワークの保存
      2. アートワークの書き出し
      3. Adobe PDF ファイルの作成
      4. Adobe PDF オプション
      5. Photoshop での Illustrator アートワークの使用
      6. アセットの収集と一括書き出し
      7. ファイルのパッケージ
      8. CSS の抽出 | Illustrator CC
      9. ドキュメント情報パネル
  7. プリント
    1. プリントの準備
      1. プリントするドキュメントの設定
      2. 用紙のサイズと方向の変更
      3. 切り抜きまたは整列用のトリムマークの指定
      4. 大きなカンバスサイズの使用
    2. プリント
      1. オーバープリント
      2. カラーマネジメントを使用したプリント
      3. PostScript によるプリント
      4. プリントプリセット
      5. トンボと裁ち落とし
      6. 透明が使用されているアートワークのプリントおよび保存
      7. トラッピング
      8. 色分解のプリント
      9. グラデーション、メッシュ、カラーブレンドのプリント
      10. 白のオーバープリント
  8. 自動処理
    1. 変数パネルを使用したデータ結合
    2. スクリプトによる自動処理
    3. アクションによる自動処理
  9. トラブルシューティング 
    1. 修正された問題
    2. 既知の問題
    3. クラッシュの問題
    4. クラッシュ後のファイルの回復
    5. セーフモード
    6. ファイルの問題
    7. サポートされるファイル形式
    8. GPU デバイスドライバーの問題
    9. Wacom デバイスの問題
    10. DLL ファイルの問題
    11. メモリの問題
    12. 環境設定ファイルの問題
    13. フォントに関する問題
    14. プリンターの問題
    15. クラッシュレポートをアドビと共有
    16. Illustrator のパフォーマンスの改善

画像トレースを使用して、JPEG、PNG、PSD などの形式のラスターイメージを高品質のベクターアートワークに変換します。

Adobe Illustrator ディープリンク

アプリで試す
簡単な手順で画像をトレースします。

注意:

Illustrator 29.0 リリースでは、グラデーションシェイプ透明自動グループ化の機能が追加され、より正確かつ詳細に制御しながら画像をトレースできるようになりました。

画像のトレース

  1. ファイル配置を選択し、ラスター画像を選択してカンバス上に配置します。

  2. カンバス上の画像を選択し、ウィンドウ画像トレースを選択します。画像トレースパネルが開きます。

    Illustrator の右上隅にある「ワークスペースの切り替え」を選択し、「トレース」を選択して、画像トレースに最適化されたワークスペースを取得します。

  3. パネルで、上部のアイコンリストまたはプリセットドロップダウンからプリセットを選択します。画像の代わりにトレース結果が表示されます。トレース速度は画像の解像度によって異なります。

  4. 必要に応じて結果をカスタマイズするには、パネルのトレースオプションを調整します。

左側はトレース前の鳥の画像で、右側は異なるプリセットを使用した 4 つのトレース結果です。
プリセットは、具体的なトレース要件に合わせて使用します。

A. 元の画像 B. 異なるプリセットを使用したトレースの結果 

限られたトレースオプションで画像を素早くトレース

画像トレースパネルにあるカスタマイズオプションを使用することなく、様々なレベルの速度と制御で画像トレースを実行できます。
  • デフォルトのプリセットを使用して画像トレースを即座に実行するには、画像を選択し、コンテキストタスクバーで「画像トレース」を選択します。
  • トレースプリセットを使用して画像トレースを実行するには、画像を選択し、プロパティパネルで画像トレース」を選択します。

これらのいずれの方法で「画像トレース」を実行した場合でも、後で画像トレースパネルを使用して結果をカスタマイズできます。

Adobe Illustrator logo

まずは試してみる
新機能を活用して、アイデアを形にしてみましょう

トレースの解除

トレースを破棄して元の画像を復元するには、次のようにトレースを解除します。

  1. トレース結果を選択します。

  2. オブジェクト画像トレース元に戻すを選択します。

トレース結果の編集

トレース結果を他のベクターオブジェクトと同様に編集するには、結果を拡張する必要があります。拡張すると、トレースオプションを調整できなくなります。

  1. カンバス上でトレース結果を選択します。

  2. 画像トレースパネルで「拡張」を選択します。「拡張」を選択すると、結果がグループ化された編集可能なパスに変換されます。

  3. 必要に応じてパスを編集します。

    • 結果をダブルクリックすると編集モードになり、グループを解除せずに編集できます。
    • グループを解除して編集するには、コンテキストタスクバーで「グループ解除」を選択します。
  4. 必要に応じて、オブジェクトパス単純化を選択して余分なアンカーポイントを削除します。

  5. パスを選択し、オブジェクトライブペイント作成を選択して色を付けます。パスがライブペイントグループに変換されます。

画像トレースパネルのオプション

画像トレースパネルには、結果をカスタマイズするための基本および高度なトレースオプションがあります。これらのオプションは、画像を選択した場合にのみアクティブになります。

プリセット

パネルの上部にある以下のアイコンのいずれかを選択すると、よく使用される画像トレースワークフローを実行できます。

  • 自動カラー   写真またはアートワークからポスタリゼーション画像を作成します。
  • カラー (高)   高い精度のフォトリアリスティックなアートワークを作成します。
  • カラー (低)  単純化されたフォトリアリスティックなアートワークを作成します
  • グレースケール   アートワークをグレー階調にトレースします。
  • 白黒   画像を白黒のアートワークに単純化します。
  • アウトライン   画像を黒いアウトラインに単純化します。

アイコンリストにプリセットが見つからない場合は、プリセットドロップダウンを確認してください。

表示

トレース結果または元の画像は、アウトラインの有無にかかわらず表示できます。表示の横にある「押したままにすると元の画像を表示」   を選択すると、トレース結果と元の画像をすばやく比較できます。

カラーモード

トレース結果のカラーモードを指定します。利用可能なオプションによって、トレースされたアートワークの基本カラーモードとグレースケールモードが定義されます。

  • カラーモード」を「カラー」に設定すると、選択した「パレット」の種類に応じて「カラー」スライダーまたは「カラー」ドロップダウンが表示されます。「カラー」スライダーではカラーの数を指定し、「カラー」ドロップダウンではカラートレース結果のカラーグループを指定します。
  • グレースケールモード」を「グレースケール」に設定すると、「グレー」スライダーが表示されます。グレースケールトレース結果で使用するグレーの量を指定します。
  • 白黒モード」を「白黒」に設定すると、「しきい値」スライダーが表示され、白黒のトレース結果を作成するための「しきい値」の値を設定できます。設定したしきい値より明るいピクセルはすべて白に、暗いピクセルはすべて黒に変換されます

パレット

元の画像からカラートレースを生成するためのパレットを指定します このオプションは、「モード」を「カラー」に設定した場合にのみ使用できます。

必要に応じて次のオプションのいずれかを選択できます。
  • 自動入力画像に応じて、トレースのパレットが「限定」パレットと「フル階調」パレットの間で自動的に切り替わります。パレットに「自動」を選択した場合、「カラー」スライダーを調整して、トレースのベクターの単純さと精度を変更できます。値を 0 に設定すると正確さよりも単純さが優先された結果が得られます。100 に設定すると単純さよりも正確さが優先された結果が得られます。
  • 限定少数のカラーセットを使用した結果が得られます。「カラー」スライダーを使用して、結果に使用するカラーの数を減らすことができます。
  • フル階調結果にカラーセット全体を使用します。このオプションは、写真のトレースや、フォトリアリスティックなアートワークの作成に最適です。このオプションを選択した場合、「カラー」スライダーを使用して、塗り領域を構成するピクセルのばらつきを調整できます。100%に設定すると、ばらつきが最小になり、より多くのパスがより小さいカラー領域で定義されます。逆に 0%に設定すると、塗り領域の数が少なくなり、サイズが大きくなります。
  • ドキュメントライブラリ既存のカラーグループを使用して、結果に使用する色を正確に定義できます。スウォッチパネルで作成したカラーライブラリはどれでも選択できます。

詳細オプション

詳細」の横にある矢印を選択すると、詳細なトレースオプションが表示されます。

パス

トレースされた形状とオリジナルのピクセル形状との間の距離を設定します。小さな値を設定すると低精度になります。大きな値を設定すると高精度となります。

コーナー

コーナーの強調と、鋭いカーブがコーナーポイントに変わる可能性を指定します。大きい値を指定するほど、コーナーが多くなります。

ノイズ

トレース中に無視する領域をピクセル単位で指定します。大きい値を指定するほど、ノイズが少なくなります。

ヒント :

高解像度の画像の場合、「ノイズ」スライダーの値を大きい値(例えば 20 ~ 50 の範囲)に設定します。低解像度の画像の場合は、小さい値に設定します(1 〜 10)。

方式

トレース方式を指定します。必要に応じて次のオプションのいずれかを選択できます。

  • 切り抜き切り抜かれたパスが作成されます。あるパスの境は、その隣のパスの境とまったく同じになります。
  • 重なり重なり合ったパスが作成されます。各パスは、その隣のパスとわずかに重なります。

作成

  • 塗り元の画像の塗り部分をトレース結果に反映します。
  • 元の画像の線部分をトレース結果に反映します。元の画像で線を適用する部分の最大幅を指定します。最大幅より大きい部分は、トレース結果でアウトライン化された領域となります。
  • グラデーションモードカラーまたはグレースケールに設定し、パレット自動またはフル階調に設定すると、画像から線形グラデーションを検出してトレースします。 グラデーションは、パレットが既に設定されている場合にのみグレースケールモードで機能します。
    • スムーズ」スライダーを調整して、グラデーション検出の強度をコントロールします。値が大きいほど、グラデーションが滑らかになります。表示ドロップダウンで「トレース結果とアウトライン」を選択し、選択した滑らかさのレベルがトレース結果のアウトラインにどのように影響するかを確認できます。
    • グラデーション   ツールを使用すると、拡張後にトレース結果のグラデーションを調整できます。

シェイプ

画像内の円、正方形、長方形を検出し、ライブシェイプとしてトレースして簡単に編集できます。編集モードの完全な円と正方形のみを検出できます。わずかに回転した長方形も検出できますが、精度は低くなります。

オプション

  • 曲線を直線にスナップわずかに曲がった線を直線で置き換えたり、0 度または 90 度に近い線を 0 度または 90 度にスナップしたりするかどうかを指定します。このオプションは、幾何学的アートワークや、元の画像内のシェイプがわずかに回転している場合に最適です。
  • 透明モード」を「カラー」に設定した場合に、画像の透明な背景が白としてトレースされるのを防ぎます。「パレット」を「限定」にした場合は、「カラー」スライダーで少なくとも 4 色を選択してください。
  • カラーを透過トレース時に特定のカラーを透過します。カラーピッカーを使用して透過されるカラーを取得できます。このオプションは、「モード」を「グレースケール」に設定し、「方式」を「重なり」に設定した場合に使用できます。

情報

結果の「パス」、「アンカー」、「カラー」の数を表示します。

自動グループ化

トレース結果内のパスを簡単に編集できるように、論理グループに整理します。レイヤーパネルでグループを表示するには、「拡張」を選択します。

拡張

結果が編集可能なパスに変換され、他のベクターオブジェクトと同様に操作できるようになります。

プレビュー

現在の設定の結果をプレビューします。

トレース

選択したプリセットとオプションに基づいて画像をトレースします。

トレースプリセットの保存

  1. ウィンドウ画像トレースを選択して画像トレースパネルを開きます。

  2. 必要に応じてトレースオプションを調整します。

  3. プリセットの管理」   を選択し、「新しいプリセットとして保存」を選択して、名前を入力します。

  4. プリセットを削除したり名前を変更したりするには、「プリセットの管理」   を選択し、「削除」または「名前の変更」を選択します。

    注意:

    デフォルトのプリセットは編集または削除できません。これらは角括弧が付いて表示されます。

その他の関連ヘルプ

ご質問または共有するアイデアがある場合

コミュニティで質問(英語)

ご質問がある場合や、共有するアイデアをお持ちの場合は、Adobe Illustrator コミュニティにご参加ください。皆様からのご意見や作品をお待ちしております。

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2025

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト