署名をJPGからベクターストロークに変換する方法は?


16

スキャンした署名をベクターファイルに変換したいと思います。具体的には、WikipediaのBarack Obamaの署名のように、きれいで小さなSVGを取得したいと思います。塗りつぶしのないパスと幅1.4の黒いストロークのみで構成されます。

スキャンされた署名の例を次に示します。Inkscape 0.48およびIllustrator CS6に組み込まれたトレース機能を試しましたが、境界にアンカーがあり、塗りつぶしがあり、ストロークがないパスしか取得できませんでした。言うまでもなく、結果のSVGはクリーンではなく(パスの幅はさまざまです)、そのサイズはオバマ署名の約4倍です。

スキャンした署名/ラインアートをパスではなくストロークとして適切にトレースできるツールはありますか?そうでない場合、Illustratorのペンツールを使用して手動でストロークを作成するにはどうすればよいですか?


2
Illustratorのペンツールを使用して、ストロークを手動で描画する必要があります。ペンツールの使用方法については、ヘルプファイルを確認してください。
スコット

FWIW、署名が単一ストロークとして意味をなすことはめったにありません。ほぼすべての署名は、ラインスタイル、インク、ペン、紙の種類などを書いによる差異があります
DA01

回答:


14

センターライントレース

探している方法は「中心線トレース」です。これにより、ビットマップがオブジェクトグラフィックではなくベクターラインに変換されます。これを行うことができるトレーサーはほとんどありません。

無料のオープンソースツールAutoTraceがありますが、これはかなりうまく機能しますが、ソースイメージの品質に応じて制限があります。JPEGイメージとして提供した署名をトレースすると、多くのアーティファクトが発生します。これらは、あなたの例から単一の行ベクトル画像を取得するために取ったステップです:

  1. 画像情報を可能な限り減らして、2色(オブジェクト、背景)のみを残します。

    ここに画像の説明を入力してください
    ビットマップをオブジェクトベクトルグラフィックにトレースすることにより、最良かつ最速の結果が得られました。これは、上記のように再びPNGビットマップとしてエクスポートされました。

  2. 少なくとも次のオプションを使用してAutoTraceを実行します。

    autotrace -centerline -color-count 2 -output-file output.svg -output-format SVG input.png 

    ここに画像の説明を入力してください

  3. ストロークを微調整し、目的のストローク強度を追加します。

    ここに画像の説明を入力してください

コマンドラインが気に入らない場合は、グラフィカルなフロントエンドであるAutoTraceのFrontlineをインストールできます。

Windows用のバイナリはプロジェクトのSourceForgeページから入手できます。Linuxユーザーはデフォルトのリポジトリからインストールできます。


9

これは最も効率的な方法ではないかもしれませんが、ここに私がやっていることがあります:

ファイルをPhotoshopに持ち込み、レベルと輝度コントラストをいじって、高コントラストの画像を取得します。

ここに画像の説明を入力してください

次に、白黒にし、コントラストを少し調整します。背景(白)を削除し、透明な画像(pngなど)として保存します。

次に、イラストレーターでトレースオプションを選択します。ここでは、ベクトルストロークまたは塗りつぶしのどちらを使用するかによって、いろいろなことができます。

ストローク: ここに画像の説明を入力してください

塗りつぶし:

ここに画像の説明を入力してください

お役に立てれば。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.