スキャニングした【ビットマップ画像】を【ベクタ形式】に ”自動アウトライン化” する方法

スキャニングした画像などの「ビットマップ」データを ” 自動アウトライン化 ”で「ベクタ形式」に変換する方法はあるか?

スキャニング以前、スキャナーで取り込んだ文字・ロゴマーク・画像などを Photoshop自動アウトライン化する方法を 尋ねられたことがあるのです。

ですが残念ながら、Photoshopには【 自動アウトライン化機能 は ない のですね。

単純な 直線曲線 で構成された ロゴマーク や 文字画像 であれば、Photoshopでも 自動ではない アウトライン化 は可能ですが、複雑で入り組んだ画像 となると、アウトライン化は困難です。

但しドローソフトである Illustrator でしたら、 自動アウトライン化機能として使える【 イブトレース(=画像トレース)】が搭載されているので便利です。

※ちなみにドローソフトとは、「ベクタ形式」での表現を利用する画像描画ソフトウェアのことです。

■ Photoshopで「ロゴマークや文字、図形」画像を【アウトライン化】する方法
  • 画像を 選択、 パス化し保存します。
     「選択範囲」を作成 → 「パス」パレット開く下部 [オプション設定]で「選択範囲から作業用パスを作成」「作業用パス」レイヤーをダブルクリック  「パス名」を付けて保存
  • Illustratorパス を編集したい場合は .aiファイル として保存します。
    【方法1】「選択範囲」を作成 Illustratorへのパス書き出し ドキュメントの境界線 OK
    【方法2】「選択範囲」を作成 作業用パスでアウトラインを作成(上記1.参照)→ ファイル(メニューバー)  書き出し → Illustratorへのパス書き出しパスパレットの「パス名」選択 OK

※「選択範囲」を作成する場合、「自動選択ツール」や「チャンネルを複製して選択範囲」などを利用して読み込みます。

Illustratorで「ロゴマークや文字、図形」画像を【アウトライン化】する方法
  • 一番キレイで正確な方法は Illustrator での「手動トレース」です。手動トレースも 単純な形状 の ロゴや文字、図形が対象となります。
    Illustratorに画像を配置拡大ペンツールで直接パスをトレース
  • 急ぎの場合は 自動アウトライン化 機能 の「自動トレース」です。
    Illustratorに画像を配置画像選択 オブジェクト画像トレース(=ライブトレース) 作成・その際もし 線画 が 真っ白になってしまうか、飛び飛びに飛んだ欠片変換された場合は 調整します。
    画像を選択「画像トレース」パレットを開く プレビューにチェック  中の下段の[詳細]をクリック → パス・コーナー・ノイズ等を微調整 → 拡張

    ・ここで 中抜き文字 を自動トレースした場合、例えばアルファベットの ” B ” の画像トレースで、Bの中の「2つあるヌキ部分」に白色が残っていた 場合は、下のレイヤーが見えるよう「ヌキの設定」をします。

    ケース1 → 2つある中ヌキ部分が「元から白」の場合
     画像トレース時に ” 画像トレースパネル ” 内の[詳細]をクリック「ホワイトを無視」をクリック

    ●ケース2 → 2つある中ヌキ部分が「元々背景と同じ色」の場合
    【方法1】画像トレース拡張オブジェクトグループ解除抜きたい部分を選択ツールで選択Deleteで消す
    【方法2】「2つある中抜き部分」を選択 「パスファインダ」の”中マド”をクリック

備 考

【 自動トレース(=ライブトレース)】した線というのは、元の「ツルリとした美しい直線や曲線」とは程遠い「ガタガタ直線・曲線」で汚くなる場合が多いものです。

原因は元画像スキャニング時のビットマップ】のドットも「自動トレース」されてしまうことです。やはり滑らかで美しい直線・曲線の再現には「手動トレース」が一番です。

逆に複雑で入り組んだ画像であるなら、Illustratorのライブトレース(=画像とレース)機能美しくトレースできたりします。
詳細は「フォトショで描いた淡い水彩画タッチの絵を「イラレ」で【 パス化 】する方法」を参照ください。