PerfectVector
著者: Irene Kim1 分で読める

ScribusにSVGを読み込む:レイアウト内で図案を編集する

SVGを編集可能なオブジェクトとしてScribusに読み込み、色や欠落部分を確認します。トレースしたモチーフをレイアウト用に準備し、最終PDFを書き出すまでの手順です。

目次

既存のScribusドキュメントにSVGを編集可能な図案として読み込むには、File → Import → Get Vector Fileを選び、SVGを指定してページに配置します。Scribusはこの方法を画像フレームへの配置とは別に説明しており、対応するベクターの内容をネイティブの描画オブジェクトへ変換します。プロジェクトのベクター読み込みマニュアルをご覧ください。

別のページで1つのモチーフから始めます。元画像と見た目を比べ、目的の幅に変更してから、必要な部分を1つ選んで色変更できるか試します。この小さな試験から、ファイルを開けたというメッセージより多くのことが分かります。

必要な編集に合う読み込み方法を選ぶ

葉のPNGと、葉のパスを含むSVGは画面上で同じに見える場合があります。編集できる内容は、ファイルの中身で決まります。

元ファイル行うこと確認するもの
パスを含むSVGGet Vector Fileで読み込む個々の図形、塗り、全体のサイズ
配置するだけのPNGやJPG画像フレームを使う最終配置サイズでの解像度
図形の色を変えたいPNGやJPGコピーをトレースし、生成されたSVGを読み込むシルエット、背景、分断された領域
デザイナーの元のベクター図案を入手できる元ファイルか適切なベクター書き出しを依頼するテキスト、効果、読み込みの再現性

ベクター読み込みドキュメントによると、Scribusは複数オブジェクトの描画をグループとして読み込みます。したがって、モチーフ全体を囲む長方形の選択枠があっても、ビットマップになったわけではありません。構成要素を編集したい場合は、作業用コピーのグループを解除します。編集の試験に合格するまで、変更していないコピーを近くに残してください。

別のエディターで同じ作業をするなら、LibreOffice DrawのSVGガイドで、異なるBreak操作を説明しています。コマンド名はアプリケーション間でそのまま使えるものではありません。

ページを作る前に小さなSVGを準備する

元のベクターファイルがあるなら、それを使います。既存のベクター図案のスクリーンショットを再トレースすると、元のオブジェクトやラベルを復元できないまま、再構築の作業が増えます。

ラスターのクリップアートしかない場合、PerfectVectorで見える色の領域をSVGパスに変換し、この読み込み手順に使えます。クリップアートのコピーを変換し、完成したレイアウトへ入れる前に出力を確認してください。サイズや色を変更したい装飾モチーフの復元に役立ちます。ただし、元々そのモチーフを含んでいたドキュメントを再構築するわけではありません。

この例では、AI生成したオリジナルの植物のラスター画像を用意し、PerfectVectorの本番ベクター化機能で変換しました。比較図は、実際の入力と変更していないSVGを同じ構図で表示しています。

青緑と黄土色の葉が6枚ある小枝を描いた植物のラスター画像と、実際のPerfectVectorのSVG出力。SVGパスの輪郭を青線で重ねています
用意した人工的な元画像と、変更していない実際のPerfectVector出力です。SVGにはキャンバス全体の背景を含む12本のパスと4色の塗りがあります。これは出力の確認図で、Scribusへの読み込み画面ではありません。確認用の青線は実際のSVGパスに重ねたもので、背景の輪郭は省いています。

ファイルには12個のpath要素があり、埋め込みのラスター画像はありません。3本のパスは黄土色、7本は青緑、1本は濃い色の茎、1本はほぼ白い背景です。この数は、このファイルだけを説明しています。

注目すべきなのは青緑色です。目に見える3枚の葉が、同じ色の7本のパスで表されています。葉と認識できる部分が、必ずしも編集しやすい1つのオブジェクトになるわけではありません。葉全体の色を変えたいなら、塗りを変えたり領域を結合したりする前に、その葉に属するすべてを調べます。パスの数だけでは、その編集がしやすいかは判断できません。

背景の扱いも決める必要があります。この例では、比較図にも残してあるキャンバス全体のパスです。小枝の周囲に透明な空間が必要なレイアウトなら、別の作業用コピーから確認済みの背景を削除し、輪郭を再確認します。よく知らない図案の淡い図形をすべて削除しないでください。デザインの一部かもしれません。

読み込み、サイズを設定し、オブジェクトを1つ試す

次は、文書に記載された手順に確認方法を加えたものです。上の例が検証しているのは変換出力であり、Scribusへの実際の読み込みを試験済みという主張ではありません。

  1. SVGのコピーを保存し、Scribusドキュメント内で別のページを開きます。
  2. File → Import → Get Vector Fileを選び、ファイルを指定して配置します。
  3. モチーフ全体を元画像と比較します。編集前に、シルエット、部分同士の隙間、淡い背景を確認します。
  4. オブジェクトのPropertiesで、縦横比を保ちながら目的の実寸幅に設定します。拡大時だけでなく、その配置サイズでも図案を判断します。
  5. 必要なら作業用コピーのグループを解除します。見分けられる部分を1つ選び、塗りを一時的に変えます。
  6. 目的の領域全体が変わり、隣の領域は変わっていないことを確認します。試した色変更を元に戻し、実際の編集に合うようグループを維持するか変更します。

読み込む前に目的の幅を書き留めます。たとえば招待状に使う幅30 mmの装飾用の小枝は、最初にもっと大きく読み込まれても、30 mmで確認します。これはレイアウト上の選択で、推奨最小サイズではありません。読み込み後の寸法が意外な場合は、SVGサイズのトラブル対処ガイドで、描画範囲と実寸を区別してください。

ドキュメント全体に繰り返し配置する前にファイルを確認する

モチーフを1つ読み込み、編集を1つ試し、1ページを書き出します。確認に合格してから図案を繰り返し配置してください。同じオブジェクトが冊子全体にあると、小さな元画像の問題でも修正が面倒になります。

SVGの一部が消えたり、見た目が変わったりした場合

非対応機能の警告が出たら、見た目を比較する必要があります。ScribusのSVGマニュアルによると、破棄されるメタデータが警告を出す場合もあれば、他の非対応内容が描画に影響する場合もあります。警告だけでは、どちらかは分かりません。

読み込んだコピーの横に元ファイルを開いておきます。1つの領域だけが違うなら、元のエディターでその領域を切り分け、小さな試験用ファイルを書き出します。図案全体が空白に見えるなら、まず位置、寸法、背景を確認します。空白のSVGの診断方法では、こうしたファイル単位の確認を扱っています。

テキストには独自の方針が必要です。Scribusで文言を直したいなら、ラベルをScribusのテキストとして作り直します。見た目が重要で文字編集が不要なら、文字をアウトラインへ変換した別のコピーを保存します。プロジェクトのSVGに関する説明は、読み込む文字のアウトライン化を推奨し、フィルター効果について注意しています。どちらの変更を行う場合も、編集可能な元ファイルを残してください。

複雑な効果には、元のデザイナーへ、目的の印刷工程に合うPDFや別の書き出しを依頼します。その代替ファイルも1ページで試します。拡張子や書き出し形式を変えただけでは、すべての効果が残ったとはいえません。

実際に納品するPDFを確認する

Scribusドキュメントを作業用の原版として保存します。印刷会社や受け取り側が指定した要件で、別のPDFを書き出します。

納品前にScribusのPreflight Verifierを実行し、関連する警告を解決します。印刷に関するドキュメントは、字形の欠落、低解像度画像、あふれたテキストなどを調べるプロファイル別の確認を説明しています。SVGの読み込みは、ドキュメント確認の一部にすぎません。

書き出したPDFを開き、モチーフをレイアウトと比較します。サイズ、淡い領域、テキスト、変更した効果を確認してください。商業印刷では、色の扱いと指定のPDF設定を印刷会社に確認します。ベクターパスがあるだけでは、印刷要件への適合は証明できません。印刷会社へのファイル受け渡しガイドでは、編集可能な図案と業者が必要とする納品物を区別する方法を説明しています。

よくある質問

編集可能なSVGの図案を読み込むには画像フレームが必要ですか? ネイティブのベクターオブジェクトとして読み込むには、File → Import → Get Vector Fileを使います。グループ化や配置を決める前に、読み込んだオブジェクトを選択して確認してください。

葉が複数の選択可能な部分になるのはなぜですか? トレースは見える領域を再構築するため、1つの見分けられる部分の中に複数のパスができる場合があります。色変更や結合の前に、その領域に属するすべての部分を確認します。

ScribusでSVGの読み込みがうまくいかなければ、再トレースすべきですか? まず元のベクター内容を調べ、作業用コピーを簡略化するか、別の書き出しを依頼します。トレースが適切なのは有用な元画像がラスターの図案の場合であり、既存のベクターファイルを直す最初の方法ではありません。

参考資料

  1. Scribus — ベクター描画の読み込み — ネイティブオブジェクトの読み込み、グループ化、編集の動作。
  2. Scribus — SVGの読み込み — 読み込みコマンド、非対応機能の警告、文字や効果の注意点。
  3. Scribus — 印刷ツール — 書き出し前のプリフライトのプロファイルとドキュメント確認。

モチーフがPNGやJPGでしか存在しないなら、PerfectVectorでクリップアートを変換してください。Scribusの別のページにSVGを読み込み、1つの色領域全体を試し、書き出したPDFを確認してから、レイアウト全体へモチーフを追加します。

ブログのその他の記事

編集しやすい
よりきれいなSVGから始めましょう