PerfectVector
著者: Jay Lee1 分で読める

AmadineのImage Trace:内蔵トレース機能とSVG読み込みの選び方

AmadineはMac、iPad、iPhoneで内蔵のImage Traceを使えます。カラーや単色でトレースし、塗りの領域を確認するか、SVGを読み込んでパスを編集します。

目次

Amadineには内蔵のImage Traceがあります。Macではビットマップを選択してModify > Traceを選びます。iPadやiPhoneでは画像を選び、PathパネルでTraceをタップします。MacのトレースガイドとiOS・iPadOSのトレースガイドに、それぞれの入口が記載されています。

専用のベクター化ツールで作ったSVGを読み込んで、Amadineで編集を続けることもできます。塗りの領域の色変更、輪郭調整、イラストの簡略版の準備など、後で必要な作業に応じて方法を選びます。オンライン変換ツールを使う古いチュートリアルがあっても、アプリ自身にトレース機能がないという意味ではありません。

出力の重要な特徴は、Amadineのトレースが閉じた塗りのあるパスを作ることです。スキャンしたペンの線は輪郭に囲まれた領域になります。元のペンの中心線を編集可能なストロークとして自動で復元するわけではありません。モードを選ぶ前にこの違いを理解します。

トレース前に必要な領域を選ぶ

祭りの招待状用のランタンの紋章を想像してください。青緑の側面、サンゴ色の中央、暗い枠、ひし形の開口、房があります。招待状では各面の色を個別に変えたいとします。小さな単色スタンプでは、主に輪郭と識別できる空白が必要です。

この2つは採用基準が異なります。カラー版には面の間の使える境界が必要です。スタンプには余計な点や閉じた中央開口がない明確な全体形状が必要です。

意図した結果開始方法注目する細部
個別の色を持つ複数領域内蔵のColoredトレース面の境界と小さな不要な色の斑点
単色のマーク内蔵のMonochromeトレース外側の輪郭、開口、細い接続部分
別の場所で準備したトレースSVGを読み込むアクセスできるパスとクリッピンググループ
意図して構成する少数の曲線手描き予測しやすい図形構造と編集可能なストローク

元画像のきれいなコピーから始めます。Macのドキュメントでは、読み込んだオブジェクトに適用した影や角の丸みなどもトレースに含まれるとしています。絵の一部にする意図がないなら、それらの効果はトレース後に追加します。

色とシルエットの目標のイラスト
青緑とサンゴ色のランタンと紺色のランタンの概念図。どちらにもひし形の開口と房がある
色付きの紋章と単色の解釈を示すイラストです。デザインの説明であり、AmadineやPerfectVectorのトレース結果ではありません。

トレースの判断を1つずつ調整する

iOSのトレースドキュメントは、Monochromeでどの明暗領域を使うかを決めるBrightness Thresholdを説明しています。ColoredのNumber of Colorsは似た色をまとめて色数を制限します。Level of Detailは小さな特徴の保持を制御し、Smoothnessは輪郭の複雑さに影響します。両プラットフォームのガイドにこれらの設定が記載されています。

ランタンでは、まずサンゴ色と青緑を分けて残す必要があるかを決めます。次に房と中央開口を見ながら、1つずつ調整します。多くの細部を保つことが有益なのは、その細部がデザインに必要な場合だけです。

記載されたプレビュー設定で結果を単独で確認します。Show Originalをオフにし、形状を見る必要があればShow Outlinesを使います。トレースの背後に元画像があると、欠けた特徴が残っているように見える場合があります。

すべてのイラスト用の理想的なプリセットを探さないようにします。重要な領域が残る版を保存し、それと簡略化の試行を比較します。小さなハイライトが消えたら、戻す前に最終サイズで重要かを判断します。

ランタンの3種類の空間を確認する

カラートレースには、絵、空白、背景と偶然同じ色の図形が含まれる場合があります。白いキャンバスでは同じに見えるかもしれません。削除前にそれぞれ確認します。

  1. 色を変えたい面を確認します。 サンゴ色の領域を選び、仮に塗りを変えます。意図した面が変わるか確認し、複数の小片に分かれていないか見ます。確認後は元に戻します。
  2. 中央開口を確認します。 紋章の背後に対照的な背景を置きます。透明にしたい開口なら背景が見えるはずです。淡いひし形が同じ色を保つなら、塗りのあるオブジェクトかもしれません。
  3. 外側の背景を確認します。 元画像から来た長方形や周囲の領域を探します。背景らしいオブジェクトを削除前に非表示にし、何が消えるかを見ます。
  4. 小さな孤立部分を確認します。 房の周りで、意図した糸と孤立したノイズを区別します。識別した小片だけを削除・結合し、小さいという理由だけで全小型オブジェクトを消さないようにします。
  5. 最終用途で確認します。 招待状やスタンプのサイズへ縮小します。開口と細い接続部分が明確に読めるか確認します。

中央のひし形には明示的なデザイン判断が必要です。吊り飾りの穴かもしれませんし、表面に印刷したクリーム色の装飾かもしれません。一方なら削除が正しく、もう一方なら誤りです。トレースツールはその意味を決められません。

使える結果かどうかは意図した編集にも依存します。見た目が正しくても、色変更に多数の小さな選択が必要なら整理が必要です。ベクタートレース品質の評価ガイドでは、輪郭、細部、編集可能性を広く確認する手順を示しています。

専用ツールのトレースを読み込みAmadineで編集する

別途トレースしたいなら、PerfectVectorで画像をSVGに変換してダウンロードしたファイルをAmadineへ読み込みます。仕上げる前にランタンの色の領域、中央開口、背景を確認します。画像のトレースには別の手順を選びつつ、エディターとしてAmadineを使えます。

Macの読み込みドキュメントではFile > Importまたは文書へのSVGのドラッグに対応しています。SVGの絵はClipping Groupになり、Layersパネルから内容へアクセスできます。適切ならModify > Release Clipping Maskで分離できます。

iPadとiPhoneの読み込みガイドは、メインメニューのImportとFileソースを使います。SVG読み込みはClipping Groupとなり、PathパネルにRelease Clipping Maskがあることも説明しています。

すべてのクリッピングマスクを自動的に解除しないようにします。コピーで作業し、マスクの内容を調べ、構造変更後の見た目を確認します。境界外の絵を意図的に隠している場合もあります。

PNGやJPGの読み込みは別の操作です。同じガイドは、それらを画像で塗った長方形と説明しています。その長方形の移動やサイズ変更では、ランタンの個別のベクター領域は得られません。

手順を決める前に利用権と書き出しを確認する

iOS・iPadOSの公式紹介では、トレースと書き出しにはアプリの購入が必要とされています。無料ダウンロードだけでは利用できる証明にはなりません。大量の処理を計画する前に、インストール済みの版と現在の購入オプションを確認します。

編集後はAmadine独自形式の文書を保管し、必要な納品物を書き出します。iOSのExportパネルのドキュメントにはSVGがあり、Resolution設定はベクター形状ではなくラスター要素に影響すると説明しています。設定を上げても残ったビットマップはパスになりません。

予定の使用先で書き出したファイルを開き直し、面、開口、背景の確認を繰り返します。微妙な光のある忠実な写真が必要なら、トレースよりラスターの保持が適する場合があります。少数の単純な曲線のマークなら、手動で構成するほうが維持しやすい場合があります。

モバイル全般の手順はiPhoneで画像をSVGにする方法を参照してください。エディターを切り替えるなら、Affinity Designerのベクター化ガイドで同アプリ独自のトレースと読み込みの選択肢を解説しています。

よくある質問

Amadineには画像の自動トレースがありますか? はい。現在のMac・iOSドキュメントには、MonochromeとColoredモードのImage Traceがあります。MacではModify > Trace、iPadやiPhoneでは画像選択後にPathパネルのTraceを使います。

Amadineのトレースは編集可能な中心線ストロークを作りますか? 記載された出力は閉じた塗りのあるパスです。ペンストロークの元の中心線を再構成することとは異なります。編集可能なストローク自体が必要な構造なら手描きを使います。

別のベクター化ツールのSVGをAmadineで編集できますか? はい。読み込みガイドは、SVGがClipping Groupとして入り、Layersから内容にアクセスできると説明しています。マスク解除や構造変更前にオブジェクトを確認します。

トレース画像に背景図形が残るのはなぜですか? 背景が元画像由来の塗りの領域か、文書に残った画像オブジェクトかを確認します。疑わしいオブジェクトを非表示にし、削除前に対照的な背景で確認します。

参考資料

  1. Macの画像トレース — Macの入口、塗りのあるパスの出力、元オブジェクトの効果。
  2. iOS・iPadOSの画像トレース — モバイルの入口、トレース設定、プレビューモード。
  3. Macの画像読み込み — SVG読み込み、クリッピンググループ、画像で塗ったラスターオブジェクト。
  4. iOS・iPadOSの画像読み込み — モバイルのファイル読み込みとSVG内容へのアクセス。
  5. iOS・iPadOSの概要 — トレースと書き出しの購入要件。
  6. iOS・iPadOSのExportパネル — SVG書き出し設定とラスター解像度の適用範囲。

次の編集に必要な領域を得られる方法を選びます。別途トレースを試したければ、自分の画像をPerfectVectorで変換し、SVGをAmadineへ読み込んで、色を変えられる領域、開口、周囲の背景を1つずつ確認してください。

ブログのその他の記事

画像を
きれいで編集可能なベクターパスに変換